ui设计导航要注意哪些重要的要素，有哪些常见的ui设计导航形式

导航虽然是界面中小小一个部分，但是关系到用户第一时间了解自己所在的位置和想去的页面，在整个的ui设计中非常重要。那大家知道ui设计导航要注意哪些重要的要素吗？有哪些常见的ui设计导航形式？今天就让faceui为大家介绍。

　　ui设计导航要注意哪些要素

　　1、菜单。在界面设计中菜单可以放在不同的位置（侧边菜单，顶部菜单，底部菜单等），拥有不同的交互和视觉形式（下拉菜单，上拉菜单，滑动菜单等）。要想设计好菜单的位置、交互和视觉形式，设计师需要经过全面的用户调查，包括目标用户的预期和要求、接受能力和使用情境。

　　2、行为召唤CTA。典型的CTA元素是按钮，标签或者链接，指那些能刺激用户做出行动的交互元素。不管在什么界面，CTA元素都是高效的交互行为的核心，极大的关系到产品的可用性和导航有效性。

　　3、条（Bar）。指的是界面中一组用户可以点击的元素，用来快速与产品进行互动，或者还能让用户知道事件的进程。基本的条包括标签条，载入条，进度条等。

　　4、按钮。按钮应该是用得最多的元素了。按钮典型的用途是表明这个地方是可点击，因此需要具有非常高的视觉识别，有着特定的形状还有文字说明它能实现什么动作。

ui设计导航（图片来自网络）

　　5、开关。在界面中用得也非常多。很多种的形式对比或者切换动画都可以解决这个问题，从而设计出很好的用户体验。

　　6、选择器。就是让用户在一些选项里选出目标选项。通常包含一个可滑动的列表，通过滑动列表，用户可以选定想要的数值。这个元素广泛地应用在有时间设定这个功能的界面设计上。

　　常见的几种ui设计导航形式

　　1、底部标签式导航。底部标签导航是目前最常见的导航形式。底部导航一般采用3-4个标签，最多不会超过5个。

　　2、舵式导航。舵式导航是底部导航的一种扩展形式，像轮船上用来指挥的船舵，两侧是其他操作按钮。普通标签导航难以满足导航的需求，就需要一些扩展形式，和标签导航相比，舵式导航把核心功能放在中间，标签更加突出醒目，同时对主功能标签做了扩展功能。

　　3、Tab标签式导航。一般用于二级导航，当内容分类较多的时，一般采用顶部标签导航设计模式。

　　4、抽屉式导航。抽屉式导航的核心思路是“隐藏”。隐藏非核心的操作与功能，让用户更专注于核心的功能操作上去，一般用于二级菜单。

ui设计导航（图片来自网络）

　　5、宫格式导航。主要将入口全部集中在主页面中，各个入口相互独立，没有太多的交集，无法跳转互通。采用这种导航的应用已经越来越少，往往用在二级页作为内容列表的一种图形化形式呈现，或是作为一系列工具入口的聚合。

　　6、轮播式导航。采用Banner轮播导航，当应用信息足够扁平，内容比较单薄时使用。特别是在产品初期，缺乏用户和内容，这种导航目前已经很少用。该方式就可以凸显产品核心功能给予用户使用。

　　7、列表式导航。现有APP中一种主要的信息承载模式，列表导航和宫格导航类似，属于二级导航。列表式导航分为3类：标题式列表、内容式列表、嵌入式列表。标题式列表：一般只显示一行文字，有的显示一行文字加一张图片等等。内容式列表：主要以内容为主，所以在列表中就会体现出部分内容信息，点击进去就是详情。嵌入式列表：嵌入式其实就是由多个列表层级组合而成的导航。

　　8、组合式导航。多用于产品本身功能较为复杂，既需要用户能聚焦于内容，又需要给出用户不同页面之间的入口，以便用户进行直接跳转，那就采用组合式导航，利用不同导航的特性来满足产品需求。组合式导航目前最常见的导航方式。如：标签式导航+列表式 ；标签式+宫格式；舵式+列表式+标签式 等等。

　　以上就是faceui为大家介绍的关于ui设计导航的相关内容。总之，ui设计不仅每一个界面设计要用心，就连导航这样一个小小的地方也值得大家用心去设计和规划。