武汉达内IT培训
美国上市IT培训机构

4001118989

武汉达内ui培训导航设计都有哪些样式

  • 时间:2022-02-28 13:51
  • 发布:武汉软件测试培训
  • 来源:互联网

导航设计是ui设计师在设计网页或者app软件界面的时候会经常用到的一个设计功能,而本文我们就简单来了解一下,导航设计都有哪些样式。

武汉达内ui培训导航设计都有哪些样式

一、选项卡

如果应用的选项不是很多(一般不超过5个),而且使用频次较高用户需要经常来回切换,选项卡导航是个不错的解决方案。

二、“更多”项

当主要部分超过5个时,一个切实可行的解决方案是显示四至五个优先级高的选项,将其它的归位一类叫做更多项。

这个方案的设计原则和选项卡基本一致,更多项的子类可以在导航页面的下拉菜单中显示。

三、折叠菜单

在网页设计中,情况稍显复杂,采用标签+更多的导航设计,能够自适应屏幕宽度,显示尽可能多的选项,其它的归到更多项。

这意味着更多项中包含的子相会随着屏幕宽度的减小而变多,没有足够的空间项目就会折叠起来。尤其当宽度处于中间时,这个解决方案的灵活性提供了一个更好的用户体验。

四、滚动导航

如果导航项的数量较大,而且优先级几乎没什么区别,采用“更多”项将会是一个糟糕的妥协,另一个方案是滚动视图中列出的所有项目。

这种方案的缺点是用户只能看到可见范围内的几个选项,其余的选项用户不可预知。尽管如此,当用户探索购物或新闻类选项时,这依然是可接受的解决方案。

作为视觉设计,需要确保提供足够的视觉线索,表明在水平滚动后有更多的元素,弱化边缘元素就是个不错的办法。

五、下拉菜单

当其他部分的可见性和可访问性并不重要时,一个少见但有趣的方案是使用下拉菜单。

下拉菜单有一个双重角色:它作为一个页面标题,虽然选项隐藏其下,向下箭头表明有可能迅速切换到相似的部分。其二,除了切换同级选项,切换到下级项目也是能被用户接受的。

六、抽屉导航不一定很糟

对于大多数用户来说,下拉菜单的交互方式并不常见。令人意外的是,抽屉导航可能是一个不错的选择。它的主要缺点是较低的可发现性,当设计二级导航选项是,这种模式可能是一个适当的解决方案。

【免责声明】本文系本网编辑部分转载,转载目的在于传递更多信息,并不代表本网赞同其观点和对其真实性负责。如涉及作品内容、版权和其它问题,请在30日内与管理员联系,我们会予以更改或删除相关文章,以保证您的权益!更多内容请加danei0707学习了解。欢迎关注“达内在线”参与分销,赚更多好礼。

马上预约七天免费试听课

姓名:

电话:

上一篇:武汉达内ui培训图标设计都有哪些设计方法
下一篇:武汉达内培训动效设计都有哪些设计用法

武汉达内培训ui设计师修改设计作品需要掌握哪些方法

武汉达内培训留白设计都有哪些作用

武汉达内培训不同类型的ui设计师都有哪些要求

武汉达内ui培训ui设计师需要掌握哪些设计元素的使用方法

  • 扫码领取资料

    回复关键字:视频资料

    免费领取 达内课程视频学习资料

  • 视频学习QQ群

    添加QQ群:1143617948

    免费领取达内课程视频学习资料

Copyright © 2021 Tedu.cn All Rights Reserved 京ICP备08000853号-56 京公网安备 11010802029508号 达内时代科技集团有限公司 版权所有

选择城市和中心
江西省

贵州省

广西省

海南省

有位老师想和您聊一聊

选择城市和中心
江西省

贵州省

广西省

海南省