xuexiao.me
2 / 129
目录
第 1 章 简介 ............................................................................................................................... 6
要旨概览： ............................................................................................................................... 6
伟大的 iOS 程序应遵守平台和交互设计原则 ............................................................... 6
伟大的程序起源于简明的定义 ....................................................................................... 6
伟大的用户体验来源于关注细节 ................................................................................... 7
用户期待能在程序中使用苹果的技术 ........................................................................... 7
所有的程序都需要进行部分定制 ................................................................................... 7
第 2 章 平台特点 ....................................................................................................................... 8
无论尺寸如何，屏幕都是最重要的 ....................................................................................... 8
屏幕的方向是会变的 ............................................................................................................... 8
程序响应手势，而非点击 ....................................................................................................... 9
每次只在使用一个程序 ......................................................................................................... 10
可以在“设置”中修改偏好 ................................................................................................. 11
屏幕上“帮助”的效果有限 ................................................................................................. 11
一个程序只有一个窗口 ......................................................................................................... 11
有两类程序运行在 iOS 上 ..................................................................................................... 11
Safari 提供网页界面 ............................................................................................................ 12
第 3 章 人机界面设计原则 ..................................................................................................... 14
美（Aesthetic Integrity） ............................................................................................... 14
一致性 ..................................................................................................................................... 14
直接控制 ................................................................................................................................. 15
反馈......................................................................................................................................... 15
暗喻......................................................................................................................................... 15
用户控制 ................................................................................................................................. 16
第 4 章 程序设计策略 ............................................................................................................. 17
明确程序定义 ......................................................................................................................... 17
1 列举所有你觉得用户会喜欢的功能点 ................................ 17
2 确定你的目标用户 ................................................ 18
3 通过对目标用户的定义筛选功能点 .................................. 18
4 不要就此停下 .................................................... 18
为设备而设计 ............................................................ 19
拥抱 iOS 界面规范 .................................................... 19
确保程序在 iPad 和 iPhone 上通用 ............................................................................. 19
重新考虑基于 web 的设计 ............................................................................................. 20
为任务量身定做界面 ............................................................................................................. 20
原型和重述 ............................................................................................................................. 23
第 5 章 案例分析：移植到 iOS .............................................................................................. 24
从电脑上的 Mail 到 iPhone 上的 Mail ................................................................................ 24
从电脑版 Keynote 到 iPad 版 ............................................................................................... 25
从 iPhone 版 Mail 到 iPad 版 ............................................................................................... 28
从电脑版 Safari 到 iPad 版 ................................................................................................. 32
第 6 章 用户体验指南 ............................................................................................................. 38
xuexiao.me
3 / 129
关注主任务 ............................................................................................................................. 38
提升用户关注内容的权重 ..................................................................................................... 38
自上而下思考 ......................................................................................................................... 39
让用户有逻辑可循 ................................................................................................................. 39
使用方法明显、易用 ............................................................................................................. 39
使用以用户为中心的术语 ..................................................................................................... 40
减少对用户输入的需求 ......................................................................................................... 41
不要重视管理文件的操作 ..................................................................................................... 41
容许协作和联通 ..................................................................................................................... 42
弱化设置 ................................................................................................................................. 42
品牌宣传要适当 ..................................................................................................................... 43
搜索要反应迅速、结果丰硕 ................................................................................................. 44
要在 App Store 提供精炼的描述 ......................................................................................... 45
精炼......................................................................................................................................... 45
界面元素要一致 ..................................................................................................................... 45
考虑增加真实感 ..................................................................................................................... 46
用绝佳的图片取悦用户 ......................................................................................................... 47
处理好改变方向 ..................................................................................................................... 48
让目标符合手指的尺寸 ......................................................................................................... 50
使用微妙的动画表达 ............................................................................................................. 50
恰当地支持手势 ..................................................................................................................... 51
只在必要的时候要求用户存储 ............................................................................................. 52
让模态化任务表现地暂时且简单 ......................................................................................... 52
立即启动 ................................................................................................................................. 53
随时准备停止 ......................................................................................................................... 54
不要自动退出 ......................................................................................................................... 54
有必要的话，展示许可证或者免责声明 ............................................................................. 54
适用于 iPad：增强交互性（别只增加功能点） ................................................................ 54
适用于 iPad：减少全屏转场 ................................................................................................ 55
适用于 iPad：抑制你的信息层级 ........................................................................................ 55
适用于 iPad：考虑将浮出层用于不同模态的任务 ............................................................ 58
适用于 iPad：考虑将浮出层用于不同模态的任务 ............................................................ 59
第 7 章 iOS 技术使用指南 ...................................................................................................... 60
多任务 ..................................................................................................................................... 60
打印......................................................................................................................................... 61
iAd 富媒体广告 ..................................................................................................................... 63
快速文件预览 ......................................................................................................................... 65
声音......................................................................................................................................... 66
理解用户的期望 ............................................................................................................. 66
定义声音的行为 ............................................................................................................. 67
管理声音冲突 ................................................................................................................. 71
处理远程媒体控制事件 ................................................................................................. 72
VioceOver 和附件 .................................................................................................................. 72
编辑菜单 ................................................................................................................................. 73
xuexiao.me
4 / 129
撤销和重做 ............................................................................................................................. 75
键盘和输入视图 ..................................................................................................................... 75
位置服务 ................................................................................................................................. 76
本地和推送提醒 ..................................................................................................................... 77
第 8 章 iOS 界面元素使用指南 .............................................................................................. 80
栏 ............................................................................................................................................ 80
状态栏 ............................................................................................................................. 80
导航栏 ............................................................................................................................. 81
工具栏 ............................................................................................................................. 83
Tab 栏 ............................................................................................................................. 84
内容视图（Content Views） ............................................................................................... 85
浮出层（只限 iPad） .................................................................................................... 85
分栏视图（只限 iPad） ................................................................................................ 87
表格视图 ......................................................................................................................... 89
文本视图 ......................................................................................................................... 95
Web 视图 .......................................................................................................................... 96
警告框、操作列表和模态视图 ............................................................................................. 97
警告框 ............................................................................................................................. 97
操作列表 ....................................................................................................................... 100
模态视图 ....................................................................................................................... 102
控件....................................................................................................................................... 104
活动指示器 ................................................................................................................... 104
日期和时间拾取器 ....................................................................................................... 104
详情展开按钮 ............................................................................................................... 105
信息按钮 ....................................................................................................................... 106
标签 ............................................................................................................................... 106
网络活动指示器 ........................................................................................................... 107
页码指示器 ................................................................................................................... 107
拾取器 ........................................................................................................................... 107
进度指示器 ................................................................................................................... 108
圆角矩形按钮 ............................................................................................................... 109
范围栏（Scope Bar） ................................................................................................. 109
搜索栏 ........................................................................................................................... 110
分段控件 ....................................................................................................................... 111
滚动条（Slider） ....................................................................................................... 111
切换器（Switch） ....................................................................................................... 112
文本框（Text Field） ............................................................................................... 112
系统提供的按钮和图标 ....................................................................................................... 113
工具栏和导航栏中使用的标准按钮 ........................................................................... 113
Tab 栏中使用的标准按钮 ............................................................................................ 116
表格等其他界面元素中使用的标准按钮 ................................................................... 117
第 9 章 定制图标和图片指南 ............................................................................................... 117
程序图标 ............................................................................................................................... 118
小图标 ................................................................................................................................... 120
xuexiao.me
5 / 129
文档图标 ............................................................................................................................... 120
为 iPhone 制作文档图标 ............................................................................................. 121
为 iPad 制作文档图标 ................................................................................................. 122
Web 快捷方式图标 ................................................................................................................ 124
导航栏、工具栏和 tab 栏上用的图标 ............................................................................... 125
登录图片 ............................................................................................................................... 126
为 Retina 屏幕设计画作的技巧 ......................................................................................... 128
