体验至上 UI设计之道PDF|Epub|txt|kindle电子书版本网盘下载

体验至上 UI设计之道PDF格式电子书版下载

注意：本站所有压缩包均有解压码： 点击下载压缩包解压工具

第1章 UI设计基础知识2

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

1.1.1 什么是UI2

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

第2章 Photoshop基本操作18

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.6 UI设计实战：使用“自由变换”命令制作UI设计方案效果图39

第3章 选区、抠图与合成42

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.6 UI设计实战：使用多种选区工具制作折扣计算页面80

第4章 矢量制图86

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

第5章 图像编辑142

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

第6章 特殊效果的制作204

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

第7章 动态效果的制作248

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

第8章 UI设计实战264

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