For investors
股价:
5.36 美元 %
认识达内从这里开始
认真做教育 专心促就业
导航设计是ui设计师在设计网页或者app软件界面的时候会经常用到的一个设计功能，而本文我们就简单来了解一下，导航设计都有哪些样式。
一、选项卡
如果应用的选项不是很多(一般不超过5个)，而且使用频次较高用户需要经常来回切换,选项卡导航是个不错的解决方案。
二、“更多”项
当主要部分超过5个时，一个切实可行的解决方案是显示四至五个优先级高的选项，将其它的归位一类叫做更多项。
这个方案的设计原则和选项卡基本一致，更多项的子类可以在导航页面的下拉菜单中显示。
三、折叠菜单
在网页设计中，情况稍显复杂，采用标签+更多的导航设计，能够自适应屏幕宽度，显示尽可能多的选项，其它的归到更多项。
这意味着更多项中包含的子相会随着屏幕宽度的减小而变多，没有足够的空间项目就会折叠起来。尤其当宽度处于中间时，这个解决方案的灵活性提供了一个更好的用户体验。
四、滚动导航
如果导航项的数量较大，而且优先级几乎没什么区别，采用“更多”项将会是一个糟糕的妥协，另一个方案是滚动视图中列出的所有项目。
这种方案的缺点是用户只能看到可见范围内的几个选项，其余的选项用户不可预知。尽管如此，当用户探索购物或新闻类选项时，这依然是可接受的解决方案。
作为视觉设计，需要确保提供足够的视觉线索，表明在水平滚动后有更多的元素，弱化边缘元素就是个不错的办法。
五、下拉菜单
当其他部分的可见性和可访问性并不重要时，一个少见但有趣的方案是使用下拉菜单。
下拉菜单有一个双重角色：它作为一个页面标题，虽然选项隐藏其下，向下箭头表明有可能迅速切换到相似的部分。其二，除了切换同级选项，切换到下级项目也是能被用户接受的。
六、抽屉导航不一定很糟
对于大多数用户来说，下拉菜单的交互方式并不常见。令人意外的是，抽屉导航可能是一个不错的选择。它的主要缺点是较低的可发现性，当设计二级导航选项是，这种模式可能是一个适当的解决方案。
【免责声明】本文系本网编辑部分转载，转载目的在于传递更多信息，并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题，请在30日内与管理员联系，我们会予以更改或删除相关文章，以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销，赚更多好礼。
< 上一篇：武汉达内ui培训图标设计都有哪些设计方法
下一篇：武汉达内培训动效设计都有哪些设计用法 >
2022-03-15
免费试听课程
- 全部课程
- IT课程
- 设计课程
- 运营课程
4578
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 哈尔滨
- 济南
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 长沙
- 昆明
- 太原
- 无锡
- 石家庄
- 南宁
- 佛山
- 珠海
- 宁波
- 保定
- 呼和浩特
- 洛阳
- 烟台
- 运城
- 潍坊
- 开课名称
- 开班时间
- 抢座
- 咨询
- 开课名称
- 开班时间
- 抢座
- 咨询
-
- Java全链路开发
- 4月26日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 4月26日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 4月26日
- 火热抢座中
- 立即咨询
- 人工智能工程师
- 4月26日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 4月26日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 4月26日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 4月26日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 4月26日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 4月26日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 4月26日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 4月26日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 4月26日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 4月26日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 4月26日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 4月26日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 4月26日
- 火热抢座中
- 立即咨询
- 云计算全栈开发
- 4月26日
- 火热抢座中
- 立即咨询
-
- 网络安全工程师
- 4月26日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 4月26日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 4月26日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 4月26日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 4月26日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 4月26日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 4月26日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 4月26日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 4月26日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 4月26日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 4月26日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 4月26日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 4月26日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 4月26日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 4月26日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 4月26日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 4月26日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 4月26日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 4月26日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 4月26日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 4月26日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 4月26日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 4月26日
- 火热抢座中
- 立即咨询
-
- Java全链路开发
- 4月26日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 4月26日
- 火热抢座中
- 立即咨询
-
- 数据分析与商业智能
- 4月26日
- 火热抢座中
- 立即咨询
- C++物联网工程师
- 4月26日
- 火热抢座中
- 立即咨询
-
- Web全栈开发
- 4月26日
- 火热抢座中
- 立即咨询
- 软件测试工程师
- 4月26日
- 火热抢座中
- 立即咨询
-
- AI大模型全栈工程师
- 4月26日
- 火热抢座中
- 立即咨询
- 鸿蒙原生应用开发
- 4月26日
- 火热抢座中
- 立即咨询
-
- 智能职场办公
- 4月26日
- 火热抢座中
- 立即咨询
- VFX商业视效设计
- 4月26日
- 火热抢座中
- 立即咨询
-
- AGI商业设计变现
- 4月26日
- 火热抢座中
- 立即咨询
- UID全链路设计
- 4月26日
- 火热抢座中
- 立即咨询
-
- 新媒体电商运营
- 4月26日
- 火热抢座中
- 立即咨询
-
- 云计算全栈开发
- 4月26日
- 火热抢座中
- 立即咨询
- 网络安全工程师
- 4月26日
- 火热抢座中
- 立即咨询
-
- C++物联网工程师
- 4月26日
- 火热抢座中
- 立即咨询
- Web全栈开发
- 4月26日
- 火热抢座中
- 立即咨询
-
- 软件测试工程师
- 4月26日
- 火热抢座中
- 立即咨询
- AI大模型全栈工程师
- 4月26日
- 火热抢座中
- 立即咨询
-
- 鸿蒙原生应用开发
- 4月26日
- 火热抢座中
- 立即咨询
- 智能职场办公
- 4月26日
- 火热抢座中
- 立即咨询
-
- VFX商业视效设计
- 4月26日
- 火热抢座中
- 立即咨询
- AGI商业设计变现
- 4月26日
- 火热抢座中
- 立即咨询
-
- UID全链路设计
- 4月26日
- 火热抢座中
- 立即咨询
- 新媒体电商运营
- 4月26日
- 火热抢座中
- 立即咨询
预约申请试听课
开设课程
开课城市
友情链接
Copyright © 2023 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号达内时代科技集团有限公司 版权所有
注：学员信息+企业信息均来自达内教育内部CRM系统真实统计，非宣传使用。
课程适用人群：成人
400-111-8989
lihm@tedu.cn
