iOS智能手机APP界面设计实战教程 彩印PDF电子书下载

第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