第1章 新手入门：移动UI设计常识 1
1.1 便捷生活：认识移动UI设计 2
1.1.1 连接工具和人之间的界面 2
1.1.2 连接用户和手机、平板电脑之间的界面 2
1.1.3 移动UI设计特点 3
1.1.4 移动UI设计基础 5
1.2 主流系统：深入了解UI操作平台 7
1.2.1 谷歌Android系统 8
1.2.2 苹果iOS系统 10
1.2.3 微软Windows Phone系统 12
1.3 熟悉界面：了解手机与平板电脑界面 14
1.3.1 手机界面 14
1.3.2 平板电脑界面 17
1.3.3 流程分析 19
1.3.4 注意事项 19
第2章 掌控布局：移动UI设计的布局原则 21
2.1 初级布局：解析移动UI纵横布局 22
2.1.1 竖向排列布局 22
2.1.2 横向排列布局 22
2.1.3 九宫格排列布局 23
2.2 高级布局：解析移动UI特殊布局 24
2.2.1 弹出框式布局 24
2.2.2 热门标签布局 24
2.2.3 侧边栏式布局 25
2.2.4 陈列馆式布局 26
2.2.5 分段菜单式布局 27
2.2.6 点聚式布局 28
2.2.7 转盘式布局 29
2.2.8 导航栏置底式布局 29
2.2.9 磁贴状态式布局 29
2.2.10 超级菜单式布局 30
2.2.11 导航栏置顶式布局 30
2.2.12 幻灯片式布局 31
2.3 优化布局：掌握移动UI布局策略 33
2.3.1 图表信息布局设计方法 33
2.3.2 界面细节设计方法 33
2.3.3 移动UI的布局规则 35
第3章 透析本质：移动UI视觉交互设计法则 39
3.1 博人眼球：掌握UI的视觉特色 40
3.1.1 打造简洁与抽象美感 40
3.1.2 营造趣味视觉画面 41
3.1.3 塑造华丽视觉效果 41
3.1.4 把握色彩的使用特点 42
3.2 挖掘内涵：提升UI的文字设计水平 42
3.2.1 内容设计简化 42
3.2.2 合理的字体设计 43
3.2.3 突出文字层次 45
3.2.4 信息表达清晰 45
3.2.5 掌握文字间距 47
3.2.6 文字颜色设计 48
3.2.7 画面美感设计 49
3.2.8 实用性能优化 50
3.3 精益求精：优化移动UI的图案效果 51
3.3.1 分辨率影响美感 51
3.3.2 拉伸影响美感 52
3.3.3 特效美化界面 53
3.3.4 交互动作特性 54
3.3.5 增加真实感 54
3.3.6 透析事物关系 55
3.3.7 展现复杂效果 56
3.3.8 展现简单动画 57
3.3.9 实现夸张想象 57
第4章 深入解析：移动UI的构成元素 59
4.1 专注体验：掌握基本元素的设计技巧 60
4.1.1 用户体验 60
4.1.2 模糊背景 61
4.1.3 滚动模式 62
4.1.4 色调搭配 62
4.1.5 情景感知 63
4.1.6 拟物设计 65
4.1.7 简洁提示 66
4.2 对点切入：灵活的带入情感元素 67
4.2.1 情感切入点 68
4.2.2 惊喜拉近距离 68
4.2.3 真实获得认可 69
4.3 组件解析：熟知移动UI的按钮组件 70
4.3.1 常规按钮设计 70
4.3.2 编辑输入框设计 71
4.3.3 开关按钮设计 71
4.3.4 浏览模式设计 72
4.3.5 文本标签设计 72
4.3.6 警告框设计 73
4.3.7 导航栏设计 73
4.3.8 页面切换设计 74
4.3.9 进度条设计 74
4.3.10 ico图标设计 75
第5章 软件进阶：Photoshop移动UI快速上手 77
5.1 快速上手：Photoshop移动UI安装与卸载 78
5.1.1 Photoshop CC的安装 78
5.1.2 Photoshop CC的卸载 80
5.2 界面详解：熟悉Photoshop CC的工作界面 81
5.2.1 菜单栏 82
5.2.2 状态栏 83
5.2.3 工具属性栏 84
5.2.4 工具箱 84
5.2.5 图像编辑窗口 85
5.2.6 浮动控制面板 86
5.3 图像知识：识别移动UI设计的基本图像 87
5.3.1 位图与矢量图 87
5.3.2 像素与分辨率 88
5.3.3 图片颜色模式 89
5.3.4 存储文件格式 91
5.4 图像操作：了解移动UI图像的操作模式 92
5.4.1 新建空白图像文件 93
5.4.2 打开UI图像文件 93
5.4.3 保存UI图像文件 94
5.4.4 关闭UI图像文件 95
5.4.5 完成图像的撤销操作 96
5.4.6 应用快照还原图像 96
5.4.7 恢复图像初始状态 97
5.5 窗口调节：掌握移动UI图像的窗口操作 97
5.5.1 调整还原窗口设置 97
5.5.2 展开／折叠面板设置 98
5.5.3 移动调整面板设置 99
5.5.4 图像编辑窗口排列设置 101
5.5.5 图像编辑窗口切换设置 102
5.5.6 图像编辑窗口大小调整 103
5.5.7 移动图像编辑窗口 104
第6章 视觉美感：UI的色彩与风格设计 105
6.1 色彩解析：了解移动UI图像的颜色属性 106
6.1.1 色相区分 106
6.1.2 明度标准 107
6.1.3 色彩饱和度 107
6.1.4 颜色的分布状态 108
6.1.5 颜色模式转换 110
6.1.6 色域范围的识别 114
6.2 自动调色：自动校正移动UI图像色彩 115
6.2.1 “自动色调”命令 115
6.2.2 “自动对比度”命令 116
6.2.3 “自动颜色”命令 117
6.3 色调调整：调整移动UI图像的影调 118
6.3.1 “色阶”命令 119
6.3.2 “亮度／对比度”命令 121
6.3.3 “曲线”命令 122
6.3.4 “曝光度”命令 124
第7章 画龙点睛：移动UI文字编排设计 127
7.1 文字排列：掌握移动UI中文字的排列 128
7.1.1 常见文字类型 128
7.1.2 文字属性设置 128
7.1.3 横排文字输入 130
7.1.4 直排文字输入 132
7.1.5 段落文字输入 134
7.1.6 选区文字输入 135
7.2 完善效果：设置移动UI中的文字效果 138
7.2.1 文字属性的设置 138
7.2.2 段落属性的设置 140
7.2.3 选择和移动UI图像文字 141
7.2.4 设置文字的方向互换 142
7.2.5 段落文本与点文本的切换 143
7.2.6 文字的拼写检查 144
7.2.7 文字的查找与替换 146
第8章 界面合成：移动UI图像抠取与合成 149
8.1 抠图命令：掌握移动UI图像命令抠图技法 150
8.1.1 “反向”命令 150
8.1.2 “色彩范围”命令 151
8.1.3 “扩大选取”命令 152
8.1.4 “选取相似”命令 153
8.2 工具抠图：掌握移动UI工具抠图技法 155
8.2.1 快速选择工具 155
8.2.2 魔棒工具 157
8.2.3 矩形选框工具 159
8.2.4 椭圆选框工具 161
8.2.5 套索工具 163
8.2.6 多边形套索工具 164
8.2.7 磁性套索工具 166
8.2.8 魔术橡皮擦工具 168
8.2.9 钢笔工具 169
8.2.10 自由钢笔工具 172
第9章 界面特效：移动UI图像特效质感设计 177
9.1 特效解析：为移动UI图像添加简单的特效 178
9.1.1 编辑智能滤镜 178
9.1.2 添加波浪效果 178
9.1.3 添加玻璃效果 179
9.1.4 添加水波效果 179
9.1.5 添加旋转扭曲效果 180
9.1.6 添加点状化效果 180
9.1.7 添加彩块化效果 181
9.2 特效实操：为移动UI图像添加复杂的特效 182
9.2.1 添加彩色半调的方法 182
9.2.2 添加液化的方法 183
9.2.3 使用滤镜库编辑移动UI图像的方法 185
9.2.4 添加切变的方法 186
9.2.5 添加波纹的方法 188
9.2.6 添加海洋波纹的方法 189
9.2.7 添加扩散亮光的方法 191
9.2.8 创建智能滤镜 192
第10章 常用元素：图标、图形、按钮设计 195
10.1 图标元素：掌握移动UI国标的设计 196
10.1.1 音乐APP图标的背景效果设计 196
10.1.2 音乐APP图标的主体效果设计 198
10.1.3 音乐APP图标的细节效果设计 200
10.2 图形元素：掌握移动UI控件的设计 204
10.2.1 切换条的背景效果设计 204
10.2.2 切换条的主体效果设计 205
10.2.3 切换条的细节效果设计 208
10.3 基础元素：掌握移动UI搜索框的设计 212
10.3.1 搜索框的主体效果设计 212
10.3.2 搜索框搜索图标的效果设计 214
10.3.3 搜索框二维码的效果设计 216
第11章 苹果系统：常见苹果系统UI设计 219
11.1 天气界面：掌握天气控件界面的设计 220
11.1.1 设计天气控件界面的背景效果 220
11.1.2 设计天气控件界面的主体效果 222
11.2 日历界面：掌握手机日历界面的设计 228
11.2.1 设计日历APP界面的背景效果 229
11.2.2 设计日历APP界面的主体效果 231
第12章 安卓系统：常见安卓系统UI设计 243
12.1 锁屏界面：掌握安卓系统个性锁屏界面的设计 244
12.1.1 设计安卓系统锁屏界面的背景效果 244
12.1.2 设计安卓系统锁屏界面的主体效果 248
12.2 程序界面：掌握安卓系统程序界面的设计 251
12.2.1 安卓应用程序界面的主体效果设计 252
12.2.2 安卓应用程序界面的整体效果设计 257
第13章 微软系统：常见微软系统UI设计 265
13.1 拨号键盘：掌握微软手机拨号键盘的设计 266
13.1.1 微软手机拨号键盘界面的背景效果设计 266
13.1.2 微软手机拨号键盘界面的主体效果设计 271
13.2 用户界面：掌握微软手机用户界面的设计 274
13.2.1 微软手机用户界面的背景效果设计 275
13.2.2 微软系统用户界面的整体效果设计 280
第14章 登录界面：社交与免费WiFi登录UI设计 289
14.1 云社交：掌握云社交登录界面的设计 290
14.1.1 云社交APP登录界面的背景效果设计 290
14.1.2 云社交APP登录界面的文字效果设计 294
14.2 免费WiFi：掌握免费WiFi登录界面的设计 297
14.2.1 免费WiFi应用登录界面的背景效果设计 298
14.2.2 免费WiFi应用登录界面的表单按钮设计 302
14.2.3 免费WiFi应用登录界面的细节和文本设计 310
第15章 影音游戏：影音与游戏UI设计 315
15.1 视频播放：掌握视频播放APP界面的设计 316
15.1.1 视频播放APP界面的主体效果设计 316
15.1.2 视频播放APP界面的细节效果设计 318
15.2 休闲游戏：掌握休闲游戏APP界面的设计 321
15.2.1 休闲游戏界面的背景效果设计 321
15.2.2 休闲游戏界面的主体效果设计 324
15.2.3 休闲游戏界面的文本效果设计 327
第16章 媒体平台：豆瓣与小程序UI设计 333
16.1 豆瓣设计：书店页面广告设计 334
16.1.1 制作豆瓣书店页面广告主体效果 334
16.1.2 制作豆瓣书店页面广告文字效果 337
16.2 小程序设计：婚纱摄影小程序界面设计 341
16.2.1 制作婚纱摄影小程序首页广告效果 341
16.2.2 制作婚纱摄影小程序服务中心效果 344
16.2.3 制作婚纱摄影小程序彩色导航栏 347