向团队推荐摹客

注册

摹客精选

分享产品设计技巧、案例、资源、工具、新闻，
与你一起精进设计。

导航栏设计：教你如何构建出色的用户体验

众所周知，用户的第一印象非常之重要的，而导航栏设计就相当于用户的一个指引牌，用户进入你的网站最先看到的便是导航栏。如果一个网站想要成功吸引住用户并且在同行中脱颖而出，那么设计出一款优秀的网页导航栏就显得尤为重要。这篇文章中，小编将介绍一些导航栏设计技巧，教大家如何更好的去提升用户体验。下面直接进入正题。导航栏设计的基本规则：网页导航栏应该简单易懂导航栏结构布局应该清晰完整导航栏设...

5 min read
圆滑细腻，那些使用圆形导航菜单的漂亮网页设计

不同类型的网站设计重点都不一样，比如信息、新闻类网站，内容比设计更重要，而且品牌、企业网站则更注重形象，为了更吸引用户，企业站可以设计有特色一点，把视觉效果强化，这样更容易吸引眼球，so… 设计师们应该经常来设计达人网查看一些灵感文章，会收获不少哦！今天为大家分享20个圆滑细腻并使用圆形导航菜单的漂亮网页设计，并尝试从这里获取一些灵感，希望大家喜欢，Enjoy! 1701 Franciaco...

5 min read
几种常见移动导航模式详析

虽说一款应用的生死不是由导航决定，但毋庸置疑，导航模式的选择在产品用户体验上占有很大的比重。就导航本身来说，没有优劣之分，端看你的应用适合哪种。下面是我罗列的一些常见的移动导航模式，接下来会对其一一举例说明（注：重要模式会重点分析，其余简略，篇幅略长，不喜可跳过）标签式标签式导航是ios平台上公认的最经典的导航模式，看市场上几乎有80%的应用都在使用就能知道。标签式导航关注的是平行空间的...

5 min read
基于任务的导航设计

对于不同平台导航的交互形式与视觉样式，相信有不少的文章来介绍与总结。本文所介绍的是关于导航规划思路。一个比较小众的领域，基于任务的导航（Task based Navigation）。目前产品主要使用基于对象的导航和基于任务的导航。相对来说的，纯粹的基于对象的导航的较为常见，但纯粹的基于任务的导航的产品却为数不多。不少业务复杂的产品会考虑混合使用这两种导航，主辅结合来尽可能覆盖用户的使用场景。 ...

5 min read
再谈移动App导航设计

App导航，是应用的信息结构在用户界面上的展现方式优秀的App导航设计，能够充分运用“组织、隐藏、转移、删除”交互设计4策略，在十分局限的屏幕窗口中完美的组织丰富的信息、展示产品的功能，并快速引导用户使用产品功能。同时，导航设计也结合了产品信息架构、交互设计、视觉设计，要想更好的设计产品，有必要进行系统的理解。各种讲移动App导航设计的文章也很多，至少有提到十多种不同的的App导航类型，与多种...

5 min read
移动端导航的七种设计模式

根据产品层级的深度和广度，选择适合的导航模式，是产品设计中的关键一环。与大家共勉。写在前面：看了很多总结导航的文章，其实都基本雷同，但是都觉得不够细致，也不是从我们常用的产品去分析的，因此用自己的思路重新分析了一遍，某些段落来自引用，比如拇指热区，某些来自我读过的文章，但大部分的分析来自我的原创。这篇文章应该说是站在巨人的肩膀上，自己的一些浅见。任何APP的组织信息都需要以某种导航框架固定...

5 min read
APP常用导航总结

虽然我承认导航这种东西在现在的app非常常见，但是实际上，这种东西也不是必须存在的。如果应用够轻，比如雅虎每日新闻News Digest就不存在导航这种东西。只有当app的架构扩大到一定的程度，当内容繁杂到无法展示在一个页面中，这时候才需要用到导航。在选用导航的形式之前，更重要的是对内容进行分类（只针对内容，功能的导航可以不需要）。类别分清楚了，就对这个类别起个名字。之后，用户就可以根据类别来...

5 min read
产品和设计都应该知道的手机APP底部导航设计

来源：《UX Design for Mobile: Bottom Navigation》《How Do Users Really Hold Mobile Devices?》本文将集中为大家分析App底部导航设计相关技巧，帮助大家轻松打造最佳用户体验。下面我们就一起来看看吧。为什么底部导航很重要Steven Hoober的研究49%的人用一只手操作手机而单手操作手机时，手指在屏幕中的活动舒适度范围...

5 min read
用户体验设计中的分步导航

设计大型电商网站或者复杂的在线服务时，你很可能需要设计一套系统，来梳理顺序与结构。把它设计得简单直观，让用户顺利通过，是提升转化率的关键。沿途所有的挫败都可能导致他们离开，去选择其他的产品。易用的分步流程有助于用户避免挫败，成功地完成主要任务。本文中，我们来了解分步导航的各种形式，看如何使用它们。分步导航是什么？分步导航（或者说分步指示器）将一系列的过程分解成多个合理的步骤。它引导用户通...

5 min read
如何做好移动产品的导航设计

产品的导航设计又被称为框架设计，设计的是以什么样的具体形式将分类好的内容展现给用户。好的导航设计能组织好用户最常用的行为，同时让这些界面元素被用户用最容易的方式获取和使用。那么好的导航设计要满足哪些要求呢？首先必须给用户一种在应用内不同页面跳转的方法。由于我们不可能把每个页面都一股脑的抛在用户眼前，所以导航设计必须能自然而然的促进或引导用户的跳转行为。其次导航设计必须能清晰的向用户传达出跳...

5 min read
设计好网站导航是网站建设的重要一步

当用户进入网站时，根据浏览习惯首先会先大概地扫视一遍进入的目标页面，其次则会开始寻找导航栏，快速从导航栏上找到主要信息，指引用户从网站上何去何从，可见，导航是用户最先关注的地方，且拥有一个吸引用户的导航必定能给网站增加优势，因此，设计好网站导航对网站建设来说至关重要。网站如果没有一个有效的导航，用户在网站上容易迷路，那么他们也会来匆匆去匆匆，网站再好的内容也来不及展示，最后导致大量用户的流失。...

5 min read
为设计师而生-设计导航设计总结

一、写在前面作为设计师想要设计出足够优秀的作品，除了拥有熟练的技能外，还需要拥有出众的创造力和审美。如果对万事万物没有足够丰富的体验和感受，没有对美的认知和体会，是很难提高层次，做出满意的设计的。“开阔眼界，提高审美”，无疑是设计师的一门必修课。二、项目前期不管你是刚入门的初级设计师，还是有经验的高级设计师，都需要通过“看”，也就是阅读和整理各种资讯...

5 min read
设计1+2，摹客就够了！

全能设计协作平台，
产品经理用RP，UI设计师用DT
免费使用

电话咨询

咨询热线

工作时间：9:00-22:00

191 3067 1449

在线客服

需要帮助？

我是小摹，你的7*12小时产品顾问

立即扫码加入官方微信群