第1篇UI设计入门 9
第01章 APP UI设计新手入门 9
1.1 概念解读：认识APP UI设计 9
1.1.1 UI设计：人和工具之间的界面 9
1.1.2 APP UI：用户和手机之间的界面 9
1.1.3 设计特点：小巧轻便、通信便捷 10
1.1.4 设计基础：熟悉手机的界面特色 12
1.1.5 视觉效果：为用户带来不一样的美感 13
1.2 APP平台：主流手机操作系统 16
1.2.1 谷歌Android系统 16
1.2.2 苹果iOS系统 18
1.2.3 微软Windows Phone系统 19
1.3 入门基础：手机界面与设计流程 21
1.3.1 手机界面：品类繁多、特点各异 21
1.3.2 平板界面：操作方便、性能优越 23
1.3.3 阶段分析：APP UI设计的基本流程 25
1.3.4 使用要点：APP UI设计的色彩与图案 25
第02章 APP UI设计的特性 28
2.1 移动应用：良好的用户体验特性 28
2.1.1 高便携性：便于用户随身携带 28
2.1.2 反馈特性：帮助及时改进APP 29
2.1.3 定制特性：进一步提升交互性 31
2.1.4 简约特性：直击用户主要需求 31
2.1.5 社交特性：更多的登录和分享 33
2.1.6 离线特性：使APP摆脱网络限制 34
2.1.7 游戏特性：增强APP的趣味性 35
2.1.8 独具特色：独具一格的特性 36
2.2 交互动作：降低用户与手机的沟通门槛 36
2.2.1 循环动作：使动画效果更加真实 37
2.2.2 重复动作：解释各UI元素的关系 38
2.2.3 关键动作：适用于较复杂的动作 38
2.2.4 连续动作：制作较简易的动态效果 38
2.2.5 夸张原则：运用无穷的想象力 39
2.3 文字特性：符合用户的阅读习惯 39
2.3.1 界面文字要容易识别 39
2.3.2 把握文字的视觉效果 40
2.3.3 字体与大小要有规律 41
2.3.4 流畅阅读的文字间距 42
2.3.5 采用交替的文字色彩 42
第03章 Photoshop CC的UI常用操作 45
3.1 熟悉Photoshop CC工作界面 45
3.1.1 认识菜单栏 45
3.1.2 认识状态栏 46
3.1.3 认识工具属性栏 47
3.1.4 认识工具箱 48
3.1.5 认识图像编辑窗口 48
3.1.6 认识浮动控制面板 48
3.2 Photoshop CC APP UI设计入门 49
3.2.1 打开APP UI图像文件 49
3.2.2 放大与缩小显示APP UI图像 50
3.2.3 运用辅助工具设计APP UI图像 50
3.2.4 运用工具裁剪APP UI图像 52
3.2.5 变换与编辑APP UI图像 53
3.3 APP UI图像的抠取与合成 55
3.3.1 运用快速选择工具抠图 55
3.3.2 运用魔棒工具抠图 56
3.3.3 运用矩形选框工具抠图 57
3.3.4 运用磁性套索工具抠图 58
3.3.5 运用魔术橡皮擦工具抠图 60
3.3.6 运用自由钢笔工具抠图 61
3.4 APP UI的色彩设计 63
3.4.1 自动校正移动APP UI图像色彩 63
3.4.2 运用“亮度/对比度”命令调整APP UI图像 64
3.4.3 运用“色相/饱和度”命令调整APP UI图像 65
3.5 APP UI的文字编排设计 67
3.5.1 输入横排APP UI图像文字 67
3.5.2 输入直排APP UI图像文字 67
3.5.3 输入段落APP UI图像文字 69
3.5.4 设置APP UI文字属性 70
3.5.5 创建APP UI变形文字效果 71
第2篇 APP UI进阶 73
第04章 设计APP UI图标 73
4.1 音乐APP图标设计 73
4.1.1 设计音乐APP图标背景效果 73
4.1.2 设计音乐APP图标主体效果 74
4.2 邮箱APP图标设计 75
4.2.1 设计邮箱APP图标背景效果 76
4.2.2 设计邮箱APP图标主体效果 77
4.3 视频APP图标设计 78
4.3.1 设计视频APP图标背景效果 78
4.3.2 设计视频APP图标细节效果 82
第05章 设计APP UI图形 88
5.1 操作鼠标形状设计 88
5.1.1 设计形状主体效果 88
5.1.2 设计形状细节效果 92
5.2 APP标题文字设计 95
5.2.1 设计APP标题文字效果 96
5.2.2 设计APP标题主体效果 98
5.3 登录背景图形设计 100
5.3.1 设计登录背景图形主体效果 101
5.3.2 设计登录背景图形细节效果 103
第06章 设计APP UI按钮 107
6.1 APP登录按钮设计 107
6.1.1 制作APP登录按钮背景效果 107
6.1.2 制作APP登录按钮主体效果 110
6.2 开始游戏按钮设计 114
6.2.1 制作开始游戏按钮主体效果 114
6.2.2 制作开始游戏按钮文字效果 117
6.3 APP命令按钮设计 119
6.3.1 制作APP命令按钮主体效果 120
6.3.2 制作APP菜单按钮细节效果 123
6.3.3 制作APP菜单按钮文本效果 124
第07章 设计APP UI进度条、滑块、切换条 127
7.1 进度条设计 127
7.1.1 制作进度条主体效果 127
7.1.2 制作进度条细节效果 130
7.2 解锁滑块设计 133
7.2.1 制作解锁滑块主体效果 134
7.2.2 制作解锁滑块细节效果 136
7.3 切换条设计 141
7.3.1 制作切换条背景效果 141
7.3.2 制作切换条细节效果 144
第08章 设计APP UI功能框 148
8.1 会话框设计 148
8.1.1 制作会话框头像效果 148
8.1.2 制作会话框主体效果 150
8.2 搜索框设计 153
8.2.1 制作搜索框主体效果 153
8.2.2 制作搜索框细节效果 155
8.3 对话框设计 157
8.3.1 制作对话框主体效果 158
8.3.2 制作对话框文字效果 161
第09章 设计APP UI导航、标签、列表 165
9.1 标签栏设计 165
9.1.1 制作标签栏背景效果 165
9.1.2 制作标签栏文本效果 168
9.2 导航栏设计 169
9.2.1 制作导航栏背景效果 170
9.2.2 制作导航栏图标效果 171
9.2.3 制作导航栏文字效果 176
9.3 屏幕待机列表设计 177
9.3.1 制作列表主体效果 177
9.3.2 制作列表细节效果 181
第3篇 APP综合实战 187
第10章 手机系统类UI设计 187
10.1 智能拨号界面设计 187
10.1.1 制作智能拨号界面主体效果 187
10.1.2 制作智能拨号界面细节效果 189
10.2 应用程序界面设计 190
10.2.1 设计应用程序界面主体效果 191
10.2.2 设计安卓应用程序整体效果 195
10.3 磁盘清理界面设计 201
10.3.1 设计磁盘清理界面主体效果 202
10.3.2 设计磁盘清理界面细节效果 206
第11章 社交通信类APP界面设计 211
11.1 手机社区APP界面设计 211
11.1.1 制作手机社区APP主体效果 211
11.1.2 制作手机社区APP文字效果 214
11.2 手机空间APP界面设计 217
11.2.1 制作手机空间APP主体效果 218
11.2.2 制作手机空间APP细节效果 220
11.3 云社交APP界面设计 223
11.3.1 制作云社交APP背景效果 224
11.3.2 制作云社交APP文字效果 227
第12章 工具应用类APP界面设计 231
12.1 移动WiFi登录界面设计 231
12.1.1 制作WiFi登录界面背景效果 231
12.1.2 制作WiFi登录界面主体效果 233
12.2 天气预报APP界面设计 236
12.2.1 制作天气预报APP界面背景效果 236
12.2.2 制作天气预报APP界面主体效果 239
12.3 照片美化APP界面设计 240
12.3.1 制作照片美化APP界面主体效果 241
12.3.2 制作照片美化APP界面文字效果 243
第13章 影音娱乐类APP界面设计 245
13.1 视频播放APP界面设计 245
13.1.1 制作视频播放APP界面主体效果 245
13.1.2 制作视频播放APP界面细节效果 246
13.2 音乐播放APP界面设计 248
13.2.1 制作音乐播放APP界面主体效果 248
13.2.2 制作音乐播放APP界面细节效果 251
13.3 休闲游戏APP界面设计 251
13.3.1 制作休闲游戏APP界面主体效果 252
13.3.2 制作休闲游戏APP界面细节效果 255