IOS应用导航模式有平铺模式、标签模式和树状模式。
1、平铺页面就像一叠卡片,页面通过滑动切换,通常视觉精美,没有滚屏。主要适用于只有一个主屏的简单应用。
优点:
适用于内容少而精,操作少,只需要随意浏览的页面
很适合同类型不同内容的页面,需要自定义内容和数量的页面。
易于使用,只需要左右滑动手势即可
页面分页控件占用空间
缺点:
只能挨个翻阅,不能随意的跳转到非相邻页面
页面数量不宜过多,一般不超过10个
不适合滚屏(手势操作相撞),对长文本不利
举例:
Iphone内置的「天气」应用
2、标签模式是最常见的导航模式,这类导航的最大优势是让应用的主要功能一目了然。我们根据应用的功能类型和信息类型进行标签分类,每个标签对应的页面应该有自己独特的功能和内容。
优点:
将应用的主要功能明确的罗列出来并告知当前所在位置
可自由跳转到应用的主要功能之间,操作简单
缺点:
一般最多只能展示5个标签
标签栏占用不算小的页面空间
举例:
微信、QQ、严选
3、树状结构就是将层级信息分类到一颗倒置的树的树枝上,展示起来像流程图,类似家谱。对于组织大量的信息内容,同时又让每个内容触手可及,树状结构是一个高效的方法。最常见的树状结构例子是表格视图
优点:
非常适用管理大量的分类项目
组织方式垂直简单,易于操作
占用很少的界面空间
缺点:
主功能只用在最顶层页面才会被显示出来。若页面层级较多,不能直接返回到最顶层页面
次级页面内容需要用户主动挖掘,不直接不显性,用户往往只对核心内容有印象
举例:
IPhone「设置」的导航模式
大多数情况下,我们都是组合使用导航模型。用一个模型组织应用的主要功能,用另一个模型作为子导航组织次要页面。混搭导航帮我们克服了单个导航的缺点。常用的一个组合是使用标签栏导航组织应用的主要功能,然后在标签栏内页使用树形导航。树形导航一个很大的缺点就是不能从一个功能快速的切换到另一个功能,而混搭标签栏导航的方式可以有效的弥补这个缺点。举例:支付宝、微信;只有正确理解并思考每种导航模式的优缺点,我们才能更好的组织APP的结构。
无力吐槽「产品经理出需求,设计出UI图,程序员只剩下照着写」