《Photoshop移动UI设计从入门到精通(第2版)》是一本介绍如何使用Photoshop软体进行移动UI设计的实例操作型教程，可以帮助UI设计爱好者，特别是手机APP设计人员提高UI设计能力。

《Photoshop移动UI设计从入门到精通(第2版)》从两条线帮助读者学习Photoshop移动UI设计：一条是案例线，通过对安卓界面、苹果界面、微软界面、影音游戏界面等UI案例讲解，帮助读者快速精通各类型的移动UI设计方法。另一条是技能线，介绍了Photoshop移动UI设计的核心技法：文字排版+页面布局+素材处理+色彩校正+界面构成+滤镜使用等，帮助读者快速掌握移动UI设计的精髓。

第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　PhotoshopCC的安装78

5.1.2　PhotoshopCC的卸载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

第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