iOS应用导航模式

时间:2021-08-08 10:40:57

原文:http://www.leiphone.com/news/201406/0726-warlial-iosnavigation.html

 

iOS航模式有3种:列表、标签页构,每种模式都配有不同的工具和控件。三种航模式可以独立使用也可以混搭。

列表:由scrollViewpageControl合而成的展示方式。

种方式主要用于只有一个主屏的简单应用。向左右滑即可翻,典型用比如内置的天气用。

当然,平列表式航也可以根据你的需要随意的添加、除卡片。从某种意,他的展性标签页航,因为标签页模式中目与序都是固定的。

在平列表模式的面底部都添加了面分控件,其表现为一排小点。小点的数量代表了平面的数量,而高亮的小点是另外一种形式的航,他示了当前所在面的位置。同面分控件也是可以操作的,点控件的左半部分或者右半部分或者直接左右滑可以切上一个/下一个面,不面分控件每次只能翻一,而不是直接跳到某一去。一般而言,面分以不超10,超20个就会溢出屏幕了….

另外,了更好的表达卡片堆隐喻,最好不要在平模式下设计多个不同的滑。在触摸屏上大家都能在一方向上屏,但是2个方向的屏需要更好的精度,种做法有些挑人机工程学了。

标签页tabbar

iOS标签页一般依附在屏幕的底部,标签栏的高度是49像素,每个按都会包含一个文本标签图标,按度取决于放置按的数量,标签栏限制最多可以放5图标,超之后会在第5个按的位置出更多标签

当然,标签栏49像素的高度存在其占用了不少的屏幕空,所以在某些情况下可以适当的去掉标签栏,典型的就是图书类应用的全屏阅读模式。

构:tableView

种模式简单就是将层级信息分到一棵倒置的枝上。航模式很适合列表,点列表中的一可以看到新的列表,列表可以再行分拆,直到目的情。构的一个形就是表格视图,也就是我”9形更加的形化。

当然,根据信息的不同,状模式中的标签也可以行分。一个状模式可以分若干的,每个可以包含任意数量的行数。

3类导航模式的比

航模式

缺点

代表

列表

适于信息架构及浏览面;

内容可自定且数量可

隐喻,手势单一;

占用面空少;

无法快速行跳

最多只能容20面;

以包容屏,对长文本不利;

面指示器不,其他面容易被忽略;

天气

标签页

一次即可访问应用所有的主要功能;

清楚告知用主要功能和当前所在;

只能5个;

用的大多数面都会始占据一定的屏幕空

Instagram

理大量的类别、功能和目;

组织方式的隐喻容易理解;

可直接内容行交互,占用屏幕空小;

适合用自定

主功能只有在最顶层才会被示,不能在每个面都展

主功能和分直接切,必先回到顶层

MailFacebook

态视图

常常被用来编辑或添加内容,当你需要的候模态视图一般从屏幕底部滑出而后遮盖先前的面,当你完成任后滑出的面也会相回去,然后可以继续之前的流程。有些控件和界面元素只在次要任中被偶用到,模态视图很好的把他们暂时隐藏了,并且当需要的候出,有效的节约了屏幕空

态视图有点像是航中的死胡同,了能够让也可以同方便的回到正常的流程中去,模态视图除了正常的操作之外一般有加上一个完成,或者取消