第1章 iOS APP界面设计基础 17
1.1 iOS入门 18
1.1.1 iOS简介 18
1.1.2开发工具简介 19
1.2 iOS的界面设计原则 21
1.2.1界面美观 21
1.2.2一致性 21
1.2.3直接控制 22
1.2.4反馈 22
1.2.5比喻 23
1.2.6用户控制 24
1.3 iOS APP设计概述 24
1.3.1关注主任务 24
1.3.2提升用户关注内容的权重 25
1.3.3使用方法明显、易用 26
1.3.4使用以用户为中心的术语 26
1.3.5减少对用户输入的需求 27
1.3.6弱化设置 28
1.3.7在App Store中提供精炼的描述 28
1.3.8界面元素要一致 29
1.3.9使用精美的图片 30
1.3.10启动与退出 30
1.4尺寸标准 32
1.4.1英寸 32
1.4.2分辨率 33
1.4.3屏幕密度 33
1.4.4 iOS的图标尺寸和格式 34
第2章 iOS APP界面元素的制作 36
2.1 iOS 6与iOS 7的界面元素 37
2.2栏 39
2.2.1状态栏 39
实战1制作iOS 6的状态栏 40
实战2制作iOS 7的状态栏 42
2.2.2导航栏 45
实战3制作iOS 6的导航栏 47
实战4制作iOS 7的导航栏 49
2.2.3工具栏 51
实战5制作iOS 6的工具栏 52
实战6制作iOS 7的工具栏 54
2.2.4Tab栏 56
实战7制作iOS 6的Tab栏 57
实战8制作iOS 7的Tab栏 59
2.3内容视图 61
2.3.1浮出层(只限iPad) 61
实战9制作iPad的浮出层 62
2.3.2分栏视图(只限iPad) 64
实战10制作iPad的分栏视图 65
2.3.3表格视图 68
实战11制作iOS6的表格视图 72
实战12制作iOS 7的表格视图 74
2.3.4文本视图 76
实战13制作iOS 6的文本视图 76
实战14制作iOS 7的文本视图 79
2.3.5 Web视图 82
实战15制作iOS 6的Web视图 83
实战16制作iOS 7的Web视图 85
2.4警告框 87
实战17制作iOS 6的警告框 88
实战18制作iOS 7的警告框 90
2.5操作列表 91
实战19制作iOS 6的操作列表 92
实战20制作iOS 7的操作列表 94
2.6模态视图 96
实战21制作iOS 6的模态视图 97
实战22制作iOS 7的模态视图 99
2.7控件 102
实战23制作iOS6的滚动条 103
实战24制作iOS7的滚动条 105
2.8登录图片 106
实战25制作iOS 6的登录图片 107
第3章 iOS APP基本元素的制作 110
3.1 iOS APP基本图形的制作 111
3.1.1直线 111
实战1制作iOS 7的指南针图标 112
3.1.2圆形 114
实战2制作iOS 7的锁屏界面 114
3.1.3矩形 117
实战3制作iOS 6的移动和缩放界面 117
实战4制作iOS 7的计算器界面 119
3.1.4圆角矩形 121
实战5制作iOS 6的按钮 121
3.1.5其他形状 123
实战6制作iOS 7的小图标 124
3.2 iOS APP控件制作 126
3.2.1活动指示器 126
3.2.2日期和时间拾取器 126
实战7制作iOS 7的日期拾取器 128
实战8制作iOS 6的日期拾取器——背景 130
实战9制作iOS 6的日期拾取器——其他 132
3.2.3详情展开按钮 135
实战10制作iOS 7的详情展开按钮开关 135
实战11制作iOS 6的详情展开按钮开关 136
3.2.4信息按钮 139
3.2.5标签 139
3.2.6网络活动指示器 140
3.2.7页码指示器 140
3.2.8拾取器 141
3.2.9进度指示器 141
3.2.10圆角矩形按钮 142
实战12制作iOS 6的圆角矩形按钮 143
3.2.11范围栏 145
3.2.12搜索栏 145
实战13制作iOS7的搜索栏 146
实战14制作iOS 6的搜索栏 148
3.2.13分段控件 150
实战15制作iOS 7的分段控件 150
实战16制作iOS 6的分段控件 152
3.2.14滚动条 154
实战17制作iOS 7的音量滚动条 155
3.2.15切换器 157
实战18制作iOS 7的闹钟界面 157
3.2.16文本框 160
3.3制作图标 160
3.3.1程序图标 161
实战19制作iOS 6的时钟图标 161
3.3.2小图标 164
3.3.3文档图标 165
3.3.4 Web快捷方式图标 166
3.3.5导航栏、工具栏和Tab栏上用的图标 167
3.4特效处理 168
3.4.1阴影和倒影 168
实战20制作iOS 6的应用商店图标 169
3.4.2发光与描边 172
实战21制作iOS 6的iCloud登录界面 173
3.4.3模糊 176
实战22制作iOS 7的模糊界面 176
3.4.4折角效果 178
实战23制作iOS 6的文档图标 178
第4章 完整APP界面的制作 182
4.1 iOS 7与iOS 6的界面风格对比 183
4.1.1操作界面简洁清晰、依从用户 183
4.1.2全面弃用拟物化 184
4.1.3使用动态字体,提升易读性 184
4.1.4去掉按钮的边框 185
4.1.5导航元素半透明化 185
4.1.6大量的留白 185
4.1.7通过深度传递层次 186
4.1.8尽量不使用启动画面 186
4.2 iOS APP设计尺寸规范(iPhone) 187
实战1制作iOS 6的滑动解锁界面——背景与状态栏 188
实战2制作iOS 6的滑动解锁界面——其他 190
实战3制作iOS 6的主界面——图标 193
实战4制作iOS 6的主界面 198
实战5制作iOS 6的计算器界面——状态栏和屏幕 201
实战6制作iOS 6的计算器界面——按键 204
实战7制作iOS 7的主界面——图标 207
实战8制作iOS 7的主界面——图标2 210
实战9制作iOS 7的主界面 213
实战10制作iOS7的快捷开关界面——背景处理 216
实战11制作iOS 7的快捷开关界面——其他 218
实战12制作iOS 7的短信发送界面——信息界面 223
实战13制作iOS 7的短信发送界面 226
第5章 商业综合案例的制作 230
5.1 iOS的文字排版 231
5.2 iOS的配色 232
实战1制作精美的小游戏界面 233
实战2制作音乐播放界面 240
实战3制作文本编辑界面 247