火星网校
三分钟了解UI中的导航设计
发布时间：2024-03-07 13:21:09 浏览量：252次
在APP界面设计中，导航设计是承载用户获取所需内容的快捷方式。是产品设计和用户体验中最需要考虑的一部分。导航的设计会直接影响用户的界面体验，因此在设计导航菜单时要考虑APP交互和程序的易用性。
标签导航
标签导航是我们常见的导航样式，一般位于页面底部，方便用户在不同分页之间切换，通常为4-5个标签。如微信，支付宝等。
优点：1、用户可以直观了解当前入口位置；
2、用户在跳转页面过程中不会迷失；
3、能直观展示给用户最重要的入口信息。
缺点：1、会占用一定的页面空间；
2、当功能过多时，会显得拥挤不堪，不适用；
3、不适用于大屏手机的单手操作。手指操作区域太大。
舵式导航
舵式导航是标签导航的一种变化。因为它的样式酷似轮船行驶中使用的船舵。一般用于单一页面同一层级的几大模块。同时又需要一个明显引导的控件，就可以采用这种导航。如这种发布类APP：知乎，全民K歌。
优点：能很大程度上去引导用户操作
缺点： 由于中间控件的明显，会降低用户对于两侧空间的关注和使用频率
Tab导航
Tab导航室友分段标签控制的一种导航，一般在页面顶部。。可用于应用层级较多的APP。
优点：轻松融入界面，不占用过多空间
缺点：不适合作为一级导航，往往作为二级导航与标签栏嵌套使用。
宫格导航
宫格导航是将主要功能控件集中在一个页面。让用户进行选择性操作。但这样的导航无法让用户能够在第一时间找到想要的内容。选择压力和停留页面时间较长。现在采用这种导航的APP越来越少，往往作为二级页内容列表，进行图形化显示，
优点：规则排列，清晰展现各功能控件
缺点：无法在多个入口之间灵活切换
抽屉式导航
抽屉式导航会隐藏不重要的功能，让用户更专注核心功能。抽屉式导航一般位于当前界面的后方。通过左（右）上交ICON或滑动手势显示。带有动画效果，形式上比较吸人眼球。
优点：能够大大减少主界面的导航控件数量。
缺点：1、抽屉式导航功能使用频率比较低，不直观，点击较多。
2、随着手机的发展，大屏越来越多，不在乎所谓的更大面积观看内容区域，左上角按 钮反而不好点击。
列表导航
列表式导航将内容按照列表的样式依次显示。通常用于二级页面。比较适用于内容型产品作为主导或者其他APP作为辅助导航。一般与抽屉式导航相结合。
列表文本可通过间距等进行分组。形成扩展列表。
优点：1、一次性可展示内容较多
2、列表内容层次清晰
缺点：1、排版灵活性较差
2、内容过多，无法突出重点
瀑布式导航
瀑布式导航适用于在一个屏幕中向用户展示信息，信息以卡片形式展现，瀑布形式来展示。给用户浏览时产生流程体验。如：花瓣
缺点：浏览一段时间后，容易产生疲劳感。
轮播导航
隐藏其余导航选项，保证页面简洁，让用户在同一时间只专注在一个目标，并且往往配合大图或者背景，获得良好的体验！适用于跳转较少，选项较少，体验浏览式APP。
缺点：用户很难跳转到非相邻导航
小结：其实大部分APP都用了不止一种导航设计，只要能够满足功能，满足设计重点的导航都可以进行自由组合的！
观看更多精彩内容就关注我吧！！！
热门课程推荐
热门资讯
-
想要了解iPhone6界面设计的尺寸规范吗？这里为您详细介绍iPhone6的UI设计尺寸规范，包括界面尺寸、图标尺寸、可点击高度规范、搜索栏高度规范以及界面元素之间的距离规范。
-
将为大家介绍12个绝佳的UI设计网站,这些网站不仅可以为你提供灵感,还可以帮助你学习新的技巧,助力你的创意之旅!dribbbleDribbble 是一个面向设计师的...
-
3. 移动端UI设计中常见的5种APP界面类型，你get到了吗？
通过介绍移动端UI设计中的闪屏页、引导页、浮层引导页、空白页和首页等5种APP界面类型，帮助大家更好地了解UI设计的基本知识
-
怎样可以提升你的UI设计能力!第一个:站酷站酷想必是设计师都知道的一个网站,里面不止有UI设计的资源,还有其他设计的,不如:平面设计、网页设计、字体...
-
在移动端设计中,列表页和表单页是不可或缺的部分。一个好的列表页和表单页设计能够让用户轻松地获取信息并产生点击欲望,从而提高点击率。本文将为你...
-
对于想要提高自己的设计能力和创造力的小白和UI设计师来说,这本书是一个很好的选择。4.《设计的觉醒》(IKKO TANAKA)推荐理由: 这本书是日本现代平面...
-
探索零基础UI设计培训的时长与薪资前景。了解数字艺术教育领域的专业课程，以及培训后的职业发展机会。
-
ui设计应该让用户一目了然,能够快速找到所需的信息和功能。在设计过程中,应尽量使用简洁的图标、文字和色彩,避免过多的视觉干扰。符合用户习惯:ui设...
-
想了解武汉UI设计培训班的费用是多少吗？不知道学UI设计要花多少钱？不妨看看这篇文章，了解UI设计培训班的学费价格以及学习内容。
-
10. 设计中的色彩心理学:浅析中西方色彩的历史演变与设计应用
摘要:本文探讨了色彩的历史演变和设计应用。通过对色彩在早期文明社会中的实用运用、不同文化背景下色彩观念的差异、色彩在设计中的重要性以及新兴技...
