原标题:移动端界面中导航的分类及应用导航是APP设计中不可缺少的部分,承载着用户获取所需内容的快速途径。导航让产品的层次结构以一种有条理的方式清晰展示,并引导用户毫不费力地找
导航是APP设计中不可缺少的部分,承载着用户获取所需内容的快速途径。
导航让产品的层次结构以一种有条理的方式清晰展示,并引导用户毫不费力地找到并管理信息,达到有效传递。
那今天小编就带着大家了解一下移动端界面中导航的分类及应用
常见分类
首先看一下标签式导航
IOS中位于屏幕底部
Android上常见于顶部
个数:控制在5个以内
视觉:突显当前位置
效果:切换要快速
PS:标签栏内容也可以根据需要融入LOGO或者产品核心功能,丰富标签栏的样式
抽屉式
位置:形式上一般位于当前界面的后方,通过左右上角或滑动手势呼出。
效果:一般带有动画效果,吸引眼球
特点:可利用空间大、信息展示多
缺点:不易发现,操作成本高,容易迷路
桌面式/跳板式
类似手机桌面的各个应用的入口,这种导航方式在工具类比较适合。
它有时也被称为“快速启动板”,一般用做主导航常用的布局模式3*3、2*3、2*2、2*1网格。
常见搭配模式:标签式+桌面式
菜单式
位置:一般在导航栏,与标题共存;通过点击呼出隐藏的内容。
目的:展示更多的信息
优势:容易让用户感知当前位置
缺点:不适合频繁的切换
点聚式
它将多个核心功能聚汇到主界面中显示,方便用户呼出使用。
由于点聚式占用空间小,所以它常出现在一些主要的流程界面中
一般会融入一些动态的互动效果,让导航更具趣味性。
列表式
一般用做二级导航
更容易扩展和分组,常用于设置,消息和承载大数据量信息的界面。
由于列表左右宽度较大,可以结合图标,标题说明或消息数字提示灯。
在设计上可以考虑分组,或增加层级,也可以给每个层级添加展开/隐藏效果
图示
有趣,它让导航更加可视化
这种导航需要配置固定的栏目或标题,防止不断更新的图片让用户找不到相应的入口。
根据页面内容得变化,及时更新图片,适合以图片为主的内容。
经常变化的图片也会让用户感受到栏目内容更新的及时性,对用户来说更具吸引力。
混合搭配使用导航
编辑:千锋UI设计
限时免费UI设计教程,关注评论本文,然后私信小编,就可以免费获取啦!
【本文作者】:亿闻天下网,商业用途未经许可不得转载,非商业用途转载注明出处原文链接:https://cqsoo.com/esn/51086.html
【版权与免责声明】:如发现内容存在版权问题,烦请提供相关信息发邮件至 kefu@cqsoo.com ,
并提供相关证据,一经查实,本站将立刻删除涉嫌侵权内容。反馈给我们
本文内容由互联网用户自发贡献,本站不拥有所有权,不承担相关法律责任。