章新手入门：移动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微软WindowsPhone系统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
第３章透析本质：移动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.10ico图标设计75
第５章软件进阶：Photoshop移动UI快速上手77
5.1快速上手：Photoshop移动UI安装与卸载78
5.1.1PhotoshopCC的安装78
5.1.2PhotoshopCC的卸载80
5.2界面详解：熟悉PhotoshopCC的工作界面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
第６章视觉美感：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
0章常用元素：图标、图形、按钮设计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
1章苹果系统：常见苹果系统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
2章安卓系统：常见安卓系统UI设计243
12.1锁屏界面：掌握安卓系统个性锁屏界面的设计244
12.1.1设计安卓系统锁屏界面的背景效果244
12.1.2设计安卓系统锁屏界面的主体效果248
12.2程序界面：掌握安卓系统程序界面的设计251
12.2.1安卓应用程序界面的主体效果设计252
12.2.2安卓应用程序界面的整体效果设计257
3章微软系统：常见微软系统UI设计265
13.1拨号键盘：掌握微软手机拨号键盘的设计266
13.1.1微软手机拨号键盘界面的背景效果设计266
13.1.2微软手机拨号键盘界面的主体效果设计271
13.2用户界面：掌握微软手机用户界面的设计274
13.2.1微软手机用户界面的背景效果设计275
13.2.2微软系统用户界面的整体效果设计280
4章登录界面：社交与免费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
5章影音游戏：影音与游戏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
6章媒体平台：豆瓣与小程序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

本书为一本移动UI设计实战教程，书中通过300个实战案例讲解了运用Photoshop进行移动UI的图形、按钮、导航条、滚动条等，特别是界面、APP、微店、游戏、网站的设计，帮助读者一书精通网店设计！本书特色：5大主题专项设计介绍＋10大行业案例实战讲解＋300个技能实例演练＋400