IOS人机界面指南－数据摘要

转载自：http://www.dashishe.com/?p=201

1.状态栏

高度：20／40px

颜色：灰色（默认）、黑色、半透明黑色（α值为0.5的黑色）3种可选。

 

2.导航栏

  

a 包括导航控件和内容管理控件。

b 边框样式按钮可以利用iPhone OS提供的预定义按钮。

c 横屏比竖屏的导航条略窄（不要指定高度），颜色同状态栏有三种可选，也可自定义颜色。

3.工具栏

a 屏幕底部，放当前上下文中执行的动作。

b 多使用无格式样式图标，不超过5项   水平方向均分排布。

c 可以利用iPhone OS提供的预定义按钮。

d 横屏比竖屏的略窄（不要指定高度），颜色同状态栏有三种可选，也可自定义颜色。

4.标签栏

a 屏幕底部，用于不同视图或者并类的子任务之类的。

b 不管横屏还是竖屏，标签栏不会改变不透明度和高度。

c 超过5个则第五个以“more”显示，用户可以自己配置优先显示的四项。

5.动作表单，模式视图和警告

a 注意标题大写和句子大写

b 警告框：尽量简短、有效。标题用字母大写、不使用结束标点。内容尽量1－2行，使用句子大写和适当的标点。

c 双按钮警告：左边的暗，右边的亮（单按钮的为亮），危险动作的警告时，“取消”放右边且亮色，安全动作时，“取消”放在左边且用暗色。

d 动作表单：风格和导航栏、工具栏一致，有破坏性的按钮用警戒色并置顶

e 模式视图有“垂直”和“翻转”两种进场出场样式。

6.表格视图

使用表格视图显示列表的三种方式：

a 表格视图样式：无格式样式（无样式样式的表格视图中可以通过页眉来分组）、分组样式

b 单元格：副标题单元格样式、value 1单元格样式（更适合于分组表格）、value 2单元格样式（不宜使用图像，适合于分组表格）

7.表格视图元素

a 展开指示符

b详细信息展开按钮

c 删除按钮

d 删除控制按钮

e 行插入按钮

f 行排序控件

g 选定符号

h 开关控件

8.文本视图 & Web视图

9.应用程序控件

a 活动指示器

b 日期时间选择器（最多四个轮，整体大小是固定的，与键盘的尺寸相同）

c 详细信息展开按钮

d 信息按钮

e 标签

f 页指示符（竖向时至多20个小圆点）

g 选择器（选择器的整体大小，包括它的背景，都是固定的，与键盘的尺寸相同）

h 进度视图：分为 默认样式和栏样式

i 圆角矩形按钮（标题大写方式且不要过长）

j 搜索栏

k 分段控件（建议控制在5段或5段以下，每段中要么是文字要么是图片，不可以混搭）

l 滑块

@H_119_23@m 文本框（左端可以加提示内容，右边可以加附件功能）

10 系统提供的按钮和图标

11.创建自定义图标和图像

a 应用图标：57x57px、114x114px（高分辨版）、72x72px（ipad）。

注意：不要使用透明度，并且圆角、阴影、高光是系统加的，不用做在图里面（高光可以选择不加）。

b 软件商店图标：512x512px

c spotlight查找结果和设置中用的小图标：29x29px、58x58px（高分辨版）、50x50px（ipad中spotlight查找结果）、29×29（ipad中的设置）

d 文档图标（如果你的应用有自己定义的文档类型）：22x29px、44x58px（高分辨版）、64x64px（ipad）、320x320px（ipad）

注意：同“应用图标”一样，阴影、灰度渐变、卷边这些效果也是系统来加的，设计师不用做到图里，另外，对ipad的版本的图标还要留出类似出血位的安全区域。

e 工具栏和导航栏上的图标：20x20px、40x40px（高分辨版）、20x20px（ipad）

f 标签栏上的图标：30x30px、60x60px（高分辨版）、30x30px（ipad）

工具栏、导航栏、标签栏上的图标应注意：1白色   2不包含投影  3选用抗锯齿功能  4视觉光源在正上方。