导航设计是APP展现信息入口的表达方式,我们在设计原型的时候可以更具当前应用的信息入口的多少、信息入口的主次之分选择适合的导航设计。
在相对复杂的App中,采用多种导航样式嵌套,根据页面的内容选择不同的设计。但是在相同等级的页面上尽量要保证设计的一致性。
标签导航、舵式导航、抽屉导航、Tab导航、宫格导航、点聚导航、组合导航、列表导航、轮播导航、瀑布导航
导航样式草图
标签导航位于页面底部,标签的分类最好可以控制在5个以内。
1.清楚当前所在的入口位置。
2.轻松在各个入口间频繁跳转且不会迷失方向。
3.直接展现最重要的内容信息。
功能入口过多时,给模式显得笨重不实用。
目前流行的一种导航的变体。突出中间的主要入口的优先级。
需要突出重要且频繁使用的操作入口。
同标签导航
将菜单隐藏在当前页面之后,点击入口可像拉抽屉一样拉出菜单
1.节省页面展示空间。
2.让用户注意力聚焦到当前页面。
3.扩展性较好。
不适合频繁切换的应用。
将主要入口全部聚合在页面,让用户做出选择。
1.直观展现各项内容。
2.方便浏览经常更新的内容。
1.无法入口间跳转。
2.不能直接展示入口的内部内容。
3.不能显示太多入口次级内容。
主操作选项或导航合并成一个按钮,浮动在页面上。
1.灵活。
2.展示方式有趣。
3.页面更开阔。
隐藏了更多入口和操作。
当用户需要聚焦内容,同时又需要一些快捷入口能够连接到某些页面时,就可以采用组合导航。
布局灵活,能适应架构的快速调整。
不规则容易有杂乱感。
在原型设计中常用的一种导航样式,例如微信的发现页面。
1.层次展示清晰。
2.可以展示内容较长的标题。
3.可展示标题的次级内容。
1.统计过多时,产生疲劳。
2.排版的灵活性低。
3.不同模块区分方式较少,只能借助图标等区分。
信息较少。在天气的应用中较多使用。
1.单页面简洁内容,整体性强。
2.线性的浏览方式有顺畅感、方向感。
1.不适合展示过多页面。
2.非主页面不利于展示和查看。
图片内容为主,下拉刷新加载。
1.浏览时产生流畅感。
2.排版布局多变。
3.沉浸式体验。
1.不适合层级架构复杂的产品。
2.容易产生疲劳感。
作者:Brose
既然来了,说些什么?