正版 体验至上UI设计之道 UI界面设计方案制作 UI交互用户体验设计 图层操作图像处理 UI设计视频教程 UI自学图书PS软件使用手册.

    通过有多年制作经验的平面设计师配合时下主流软件Photoshop，由浅入深地介绍UI设计与制作过程。采用理论与实践相结合的讲解模尸筛选设计工作中实用的UI设计案例，剖析制作方法。使用清晰、明了的步骤配合高清视频教学实现精美的视觉效果，快速掌握Photoshop UI制作技法。  

D1章 UI 设计基础知识

1.1 D我们说UI 设计时我们在说什么  2

1.1.1 什么是UI  2

1.1.2 UI 设计的发展  3

1.1.3 UI 设计构成要素  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.3 UI 设计的基本流程  8

1.3.1 分析阶段  8

1.3.2 设计阶段  8

1.3.3 配合阶段  8

1.3.4 验证阶段  8

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

1.4.1 Android 操作系统设计规范  9

1.4.2 iOS 操作系统设计规范  10

1.5 界面的颜色与风格  11

1.5.1 抓住用户的色彩心理  11

1.5.2 选对色彩的小技巧  13

1.5.3 UI 设计的流行趋势  14

D2章 Photoshop 基本操作

2.1 初识Photoshop  18

2.1.1 认识Photoshop 的操作界面  18

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

2.1.3 打开已有的图像文档  20

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

2.1.5 向D前文档中置入其他素  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.6 UI 设计实蘸使用“自由变换”命令

制作UI 设计方案效果图  39

D3章 选区、抠图与合成

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 操作练习：使用“选区工具”制作J简

风格图标  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.6 UI 设计实蘸使用多种选区工具

制作折扣计算页面 80

D4章 矢量制图

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.6 UI 设计实蘸天气时钟小组件界面设计 135

D5章 图像编辑

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.19 HDR 色调 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.8 UI 设计实蘸游戏界面设计 197

D6章 特殊效果的制作

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.4 UI 设计实蘸制作登录界面 242

D7章 动态效果的制作

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.4 UI 设计实蘸使用“时间轴”

制作变色按钮 259

D8章 UI 设计实战

8.1 水晶质感APP 图标 264

8.2 新鲜水果图标设计 268

8.3 扁平化天气小组件 273

8.4 闹钟小工具界面设计 276

8.5 时尚APP 启动页面 281

8.6 外卖APP 界面设计 286

8.7 健KS活APP 界面设计 291

8.8 清新登录界面设计 294

    D8 章  U I 设计实战本章概述APP 的种类FC多，不同类型的APP 界面风格、素以及色彩的选择也各不相同。本章主要练习不同类型的APP 图标设计、小组件界面设计以及APP 主界面的制作。本章要点● 综合运用Photoshop 多方面功能制作APP 界面● 练习不同类型的UI设计制作思路8.1 水晶质感APP 图标案例文件水晶质感APP 图标.psd视频教学水晶质感APP 图标.flv难易指数技术要点圆角矩形工具、钢笔工具、自定形状工具、图层样式案例效果(如图8-1 所示)图8-1思路剖析(如图8-2~图8-4 所示)图8-2 图8-3 图8-4①使用“圆角矩形工具”配合图层样式制作图标背景。②使用“钢笔工具”与“椭圆工具”绘制按钮上的形状并添加图层样式。③使用“自定形状工具”制作心形形状。应用拓展YX图标设计效果欣赏，如图8-5~ 图8-7所示。图8-5 图8-6 图8-7操作步骤STEP 01 执行“文件>新建”菜单命令，在“新建”对话框中设置文件“宽度”为3508像素、“高度”为2480 像素、“分辨率”为72 像素/ 英寸、“颜色模式”为“RGB 颜色”、“背景内容”为“白色”，如图8-8 所示。单击工具箱中的“渐变工具”按钮，在选项栏中单击“渐变色条”按钮，在出的“渐变编辑器”对话框中编辑一个淡蓝色系的渐变，单击“确定”按钮完成编辑，如图8-9 所示。设置“渐变类型”为“实底”，在画面中按住鼠标左键拖曳填充渐变颜色，如图8-10 所示。图8-8 图8-9 图8-10STEP 02 单击工具箱中的“圆角矩形工具”按钮，在选项栏中设置“绘制模式”为“形状”、“半径”为300 像素，单击“填充”按钮，在下拉面板中编辑一个蓝色系渐变，设置“渐变样式”为“径向渐变”，在画面中间位置按住Shift 键绘制一个圆角矩形，如图8-11 所示。图8-11STEP 03 执行“图层>图层样式>斜面和浮雕”菜单命令，在“图层样式”对话框中设置“样式”为“内斜面”、“方法”为“平滑”、“深度”为613%、“方向”为“上”、“大小”为103 像素、“软化”为16 像素、“角度”为125 度、“高度”为26 度、“高光模式”为“滤色”、“高光颜色”为白色、“高光不透明度”为88%、“阴影模式”为“正片叠底”、“阴影颜色”为蓝色、“阴影不透明度”为51%，单击“确定”按钮完成设置，如图8-12 所示。效果如图8-13 所示。图8-12 图8-13STEP 04 单击工具箱中的“钢笔工具”按钮，在选项栏中设置“绘制模式”为“形状”、“填充”为蓝色，单击“形状”按钮，在圆角矩形中间位置绘制气泡形状，如图8-14 所示。执行“图层>图层样式> 斜面和浮雕”菜单命令，在“图层样式”对话框中设置“样式”为“内斜面”、“方法”为“平滑”、“深度”为348%、“方向”为“上”、“大小”为65 像素、“软化”为7 像素、“角度”为125 度、“高度”为26 度、“高光模式”为“滤色”、“高光颜色”为白色、“高光不透明度”为75%、“阴影模式”为“正片叠底”、“阴影颜色”为蓝色、“阴影不透明度”为75%，单击“确定”按钮完成设置，如图8-15 所示。效果如图8-16 所示。图8-14 图8-15 图8-16STEP 05 继续使用“钢笔工具”在之前绘制的图形内部绘制一个小一些的气泡形状，“填充”设置为浅蓝色，如图8-17 所示。在图形绘制过程中，为了保证两个图形是以中心进行对齐的，可以按住Ctrl 键加选两个形状图层。单击工具箱中的“移动工具”按钮，在选项栏中单击“垂直居中对齐”按钮和“水平居中对齐”按钮，保证两个形状对齐，如图8-18 所示。图8-17 图(咨询特价)

显示全部信息 

【本店书籍均为正版图书】

【七天无理由退货服务】