第1章 APP用户界面基础 10
1.1 手机UI设计相关基本概念 10
1.1.1 什么是UI设计 10
1.1.2 手机UI与平面UI有何不同 12
1.1.3 什么是APP／客户端 14
1.1.4 智能手机的操作系统有哪些 14
1.1.5 Photoshop和手机UI的关系 15
1.1.6 没有UI设计的世界 16
1.2 UI设计与产品团队项目流程的关系 17
1.2.1 UI设计者与产品团队 17
1.2.2 UI设计与项目流程步骤 18
1.3 UI的设计流程及方法 20
1.3.1 定位指南图 20
1.3.2 核心功能确认 20
1.3.3 ADS 22
1.3.4 画草图 22
1.3.5 低保真原型与高保真原型 25
1.3.6 视觉设计 25
1.3.7 交付 27
1.4 色彩搭配 28
1.4.1 色彩的重要性 28
1.4.2 色彩的分类 29
1.4.3 色彩搭配方法 30
1.5 各设备尺寸标准一览 35
1.5.1 英寸（Inch） 35
1.5.2 分辨率（Resolution） 36
1.5.3 网点密度（DPI） 36
1.5.4 屏幕密度（Screen Densities） 36
1.6 图标尺寸大小与格式建议 40
1.6.1 图标尺寸大小 40
1.6.2 图标格式建议 41
1.7 APP布局说明 43
1.8 熟悉各系统组件 45
1.8.1 Android的基础UI组件 45
1.8.2 iOS的基础UI组件 54
1.8.3 Windows Phone的基础UI组件 62
第2章 APP常用元素制作 73
2.1 图形制作 73
2.1.1 圆形、椭圆 74
2.1.2 正方形、长方形 75
2.1.3 圆角 76
2.1.4 Squircle 77
2.1.5 组合图形 79
2.1.6 虚线 80
2.1.7 其他形状 81
2.2 常见控件的制作 83
2.2.1 按钮 84
2.2.2 单选框 87
2.2.3 下拉选择框 94
2.2.4 选项框 97
2.2.5 滑动条 104
2.2.6 TAB切换 111
2.2.7 不规则对话框 114
2.2.8 输入框 117
2.3 启动图标的制作 120
2.3.1 Android启动图标 122
2.3.2 iOS启动图标 127
2.3.3 Windows Phone启动图标 135
2.4 图片效果处理 137
2.4.1 色彩调节 137
2.4.2 镜面效果 142
2.4.3 倒影效果 145
2.4.4 画中画效果 148
2.4.5 移轴模糊 153
2.4.6 折角效果 157
2.4.7 外边框 164
2.4.8 APP背景图片的合成 166
2.5 事半功倍的小技巧 174
2.5.1 PSD的妙用 174
2.5.2 特殊效果的应用 174
第3章 APP界面设计实战 182
3.1 Android实例 182
Path 182
3.2 iOS实例 191
Instagram 191
3.3 Windows Phone实例 195
Office 195
附录 200
1．网上资源 200
（1）交流论坛 200
（2）网上PSD资源 201
（3）字体资源 205
（4）图库资源 207
2．优秀应用界面赏析 208
Android 208
iOS 211
WP7 214
3．辅助工具 215
（1）APP Cooker 215
（2）Android UI Design 217
（3）iPhone Mockup 218
（4）UI Stencil Kit 219
4．参考资料文献 220
5．名词概览 220
6．草图纸模 224
跋 230
致谢 231