作者：齐琦
定价：79.80元
印次：1-1
ISBN：9787302476535
出版日期：2017.09.01
印刷日期：2017.08.22

本书是一本专门介绍UI设计方案製作的教程，针对性强，目标清晰。全书针对初学者，进行循序渐进的知识讲解，能使读者轻鬆掌握所学理论、技术，并达到学会和精通使用Photoshop进行UI设计方案製作的目的。本书共分为8章，从UI设计的基础知识以及Photoshop的基本操作开始，进而深入讲解Photoshop实用技法以及多种类型UI设计方案的製作方法，最后通过经典商业案例的练习，模拟工作中的实战项目，使读者在案例的练习过程中逐步掌握各类UI设计项目的製作流程。本书内容实用、通俗易懂，操作性、趣味性和针对性强，适合相关专业的从业人员及广大UI设计爱好者阅读自学，也可作为大中院校学生的自学教程和参考书。本书案例用Photoshop CC版本软体製作和编写，建议读者使用Photoshop CC版本软体学习。

第1章UI设计基础知识

1.1当我们说UI设计时我们在说什幺2

1.1.1什幺是UI2

1.1.2UI设计的发展3

1.1.3UI设计构成要素4

1.1.4跨平台的UI设计5

1.2这不是一个人的工作——产品设计团队6

1.2.1产品经理6

1.2.2互动设计师6

1.2.3图形设计师7

1.2.4用户体验师7

1.3UI设计的基本流程8

1.3.1分析阶段8

1.3.2设计阶段8

1.3.3配合阶段8

1.3.4验证阶段8

1.4不同平台的UI设计规範8

1.4.1Android作业系统设计规範9

1.4.2iOS作业系统设计规範10

1.5界面的颜色与风格11

1.5.1抓住用户的色彩心理11

1.5.2选对色彩的小技巧13

1.5.3UI设计的流行趋势14

第2章Photoshop基本操作

2.1初识Photoshop18

2.1.1认识Photoshop的操作界面18

2.1.2从零开始创建新的文档20

2.1.3打开已有的图像文档20

2.1.4调整文档显示比例与显示区域21

2.1.5向当前文档中置入其他元素22

2.1.6存储文档23

2.1.7关闭文档24

2.1.8列印文档24

2.2掌握“图层”的基本操作24

2.2.1选择图层26

2.2.2新建图层26

2.2.3删除图层26

2.2.4複製图层27

2.2.5调整图层顺序27

2.2.6移动图层27

2.2.7对齐图层28

2.2.8分布图层29

2.2.9图层的其他基本操作30

2.3撤销错误操作30

2.3.1后退一步、前进一步、还原、重做30

2.3.2使用“历史记录”面板撤销操作31

2.3.3将文档恢复到上一次保存状态31

2.4辅助工具31

2.4.1标尺与参考线32

2.4.2智慧型参考线33

2.4.3格线33

2.5图像处理的基本操作33

2.5.1调整图像尺寸33

2.5.2修改画布大小34

2.5.3裁剪工具34

2.5.4透视裁剪工具35

2.5.5旋转画布35

2.5.6变换图像36

2.5.7操控变形38

2.5.8内容识别比例38

2.6UI设计实战：使用“自由变换”命令

製作UI设计方案效果图39

第3章选区、抠图与合成

3.1绘製简单的选区42

3.1.1矩形选框工具42

3.1.2椭圆选框工具43

3.1.3单行选框工具和单列选框工具44

3.1.4套索工具44

3.1.5多边形套索工具44

3.1.6操作练习：使用“选区工具”製作极简

风格图示45

3.1.7快速蒙版製作选区47

3.1.8创建文字选区49

3.2选区填充与描边49

3.2.1填充选区49

3.2.2描边选区50

3.3选区的基本编辑操作51

3.3.1载入图层选区51

3.3.2移动选区51

3.3.3自由变换选区51

3.3.4全选52

3.3.5反选52

3.3.6取消选区52

3.3.7隐藏与显示选区53

3.3.8选区的存储与载入53

3.3.9调整边缘53

3.3.10操作练习：使用“调整边缘”命令快速

製作毛髮选区54

3.3.11修改选区56

3.4智慧型的选区创建工具58

3.4.1磁性套索工具58

3.4.2操作练习：使用“磁性套索工具”製作

选区并抠图58

3.4.3魔棒工具61

3.4.4操作练习：使用魔棒抠图製作促销

活动页面61

3.4.5快速选择工具65

3.4.6操作练习：使用“快速选择工具”

抠图换背景65

3.5抠图与合成67

3.5.1选区内容的剪下、複製、贴上、清除67

3.5.2使用“图层蒙版”合成图像69

3.5.3操作练习：使用“图层蒙版”製作

游戏界面70

3.5.4剪贴蒙版74

3.5.5操作练习：使用“剪贴蒙版”製作

简约登录界面75

3.5.6通道与抠图78

3.6UI设计实战：使用多种选区工具

製作折扣计算页面80

第4章矢量製图

4.1使用“钢笔工具”与“形状工具”绘图86

4.1.1使用“钢笔工具”绘製路径86

4.1.2操作练习：使用“钢笔工具”製作

APP标誌87

4.1.3使用“自由钢笔工具”绘製路径89

4.1.4绘製“形状图层”90

4.1.5使用“形状工具”绘製基本图形92

4.1.6操作练习：设定描边属性製作产品

详情页96

4.2调整路径形态99

4.2.1添加锚点工具100

4.2.2删除锚点工具100

4.2.3转换点工具100

4.2.4选择路径101

4.2.5选择路径上的锚点101

4.2.6操作练习：使用“圆角矩形工具”与

“椭圆工具”製作许可按钮101

4.3路径的基本操作105

4.3.1路径的变换105

4.3.2路径运算106

4.3.3操作练习：使用“形状工具”与

“路径运算”製作引导页106

4.3.4将路径转换为选区110

4.3.5操作练习：使用“钢笔工具”抠图

製作购物APP启动页面110

4.3.6填充路径113

4.3.7描边路径114

4.3.8创建与使用矢量蒙版114

4.3.9操作练习：使用“矢量工具”製作

活动标誌115

4.4使用文字工具120

4.4.1认识文字工具120

4.4.2创建点文字122

4.4.3操作练习：使用“文字工具”製作

锁屏页面时钟123

4.4.4操作练习：使用“直排文字工具”

製作中式水墨感欢迎页面125

4.4.5创建段落文字128

4.4.6创建路径文字129

4.4.7创建区域文字129

4.5编辑文字对象的属性130

4.5.1使用“字元”面板编辑文字属性130

4.5.2使用“段落”面板编辑段落属性132

4.5.3将文字栅格化为普通图层134

4.5.4将文字图层转换为形状图层134

4.5.5创建文字的工作路径134

4.6UI设计实战：天气时钟小组件界面设计135

第5章图像编辑

5.1颜色的设定142

5.1.1前景色与背景色142

5.1.2“色板”面板142

5.1.3吸管工具143

5.2绘画工具143

5.2.1画笔工具143

5.2.2操作练习：使用“画笔工具”製作

质感标誌144

5.2.3铅笔工具148

5.2.4颜色替换工具148

5.2.5混合器画笔工具149

5.2.6橡皮擦工具149

5.2.7背景橡皮擦工具150

5.2.8魔术橡皮擦工具150

5.2.9操作练习：使用“魔术橡皮擦工具”

去除照片背景151

5.2.10图案图章工具153

5.3“画笔”面板154

5.3.1笔尖形状设定154

5.3.2形状动态155

5.3.3散布155

5.3.4纹理156

5.3.5双重画笔156

5.3.6颜色动态157

5.3.7传递157

5.3.8画笔笔势158

5.3.9其他选项158

5.3.10操作练习：使用“画笔工具”与

“画笔”面板製作星星158

5.4照片修饰工具161

5.4.1减淡工具161

5.4.2加深工具162

5.4.3海绵工具162

5.4.4模糊工具162

5.4.5锐化工具163

5.4.6涂抹工具163

5.4.7污点修复画笔工具164

5.4.8修复画笔工具164

5.4.9修补工具165

5.4.10内容感知移动工具165

5.4.11红眼工具166

5.4.12仿製图章工具166

5.5填充166

5.5.1油漆桶工具167

5.5.2渐变工具167

5.5.3操作练习：使用“渐变工具”

製作多彩壁纸170

5.5.4填充172

5.6调色技术172

5.6.1自动调色174

5.6.2亮度/对比度175

5.6.3色阶175

5.6.4曲线177

5.6.5曝光度178

5.6.6自然饱和度179

5.6.7色相/饱和度179

5.6.8色彩平衡181

5.6.9黑白182

5.6.10照片滤镜183

5.6.11通道混合器184

5.6.12颜色查找185

5.6.13反相185

5.6.14色调分离185

5.6.15阈值186

5.6.16渐变映射186

5.6.17可选颜色187

5.6.18阴影/高光187

5.6.19HDR色调188

5.6.20变化189

5.6.21去色190

5.6.22匹配颜色190

5.6.23替换颜色191

5.6.24色调均化193

5.6.25操作练习：使用“调色”命令製作

旧照片效果193

5.7使用“液化”滤镜调整图像196

5.8UI设计实战：游戏界面设计197

第6章特殊效果的製作

6.1图层的混合模式与图层样式204

6.1.1图层不透明度204

6.1.2图层混合模式204

6.1.3使用图层样式208

6.1.4“斜面和浮雕”样式209

6.1.5“描边”样式212

6.1.6“内阴影”样式212

6.1.7“内发光”样式213

6.1.8操作练习：使用“内发光”与

“内阴影”样式製作时钟214

6.1.9“光泽”样式217

6.1.10“颜色叠加”样式218

6.1.11“渐变叠加”样式218

6.1.12“图案叠加”样式219

6.1.13“外发光”样式219

6.1.14“投影”样式219

6.1.15操作练习：使用“投影”样式製作

UI展示效果220

6.2模拟特殊效果的“滤镜”223

6.2.1使用“滤镜库”223

6.2.2使用滤镜轻鬆製作“油画”效果224

6.2.3使用滤镜组225

6.2.4认识“风格化”滤镜组225

6.2.5认识“模糊”滤镜组226

6.2.6操作练习：利用“高斯模糊”滤镜

製作虚化背景228

6.2.7认识“扭曲”滤镜组230

6.2.8认识“锐化”滤镜组232

6.2.9认识“像素化”滤镜组233

6.2.10认识“渲染”滤镜组234

6.2.11认识“杂色”滤镜组235

6.2.12认识“其他”滤镜组236

6.2.13操作练习：製作用户信息页面237

6.3操作练习：製作立体的3D效果240

6.4UI设计实战：製作登录界面242

第7章动态效果的製作

7.1初识“时间轴”面板248

7.1.1视频时间轴248

7.1.2帧动画249

7.2创建与编辑视频图层250

7.2.1导入视频档案250

7.2.2製作视频动画251

7.3创建与编辑帧动画254

7.3.1创建帧动画254

7.3.2操作练习：创建帧动画製作界面

设计动态化演示256

7.4UI设计实战：使用“时间轴”

製作变色按钮259

第8章UI设计实战

8.1水晶质感APP图示264

8.2新鲜水果图示设计268

8.3扁平化天气小组件273

8.4闹钟小工具界面设计276

8.5时尚APP启动页面281

8.6外卖APP界面设计286

8.7健康生活APP界面设计291

8.8清新登录界面设计294