PHOTOSHOP UI交互设计PDF电子书下载

第1章 UI设计基础 1

1.1 了解UI设计 2

1.1.1 什么是UI设计 2

1.1.2 常见的UI设计分类 2

1.1.3 导航栏和按钮的设计要点 3

1.1.4 UI设计的重要性 4

1.1.5 了解交互的概念 5

1.2 数字化图像的基础 5

1.2.1 常见图像格式 5

1.2.2 常见图像模式 6

1.2.3 常见图像类型 6

1.3 初识Photoshop CC 7

1.3.1 优化配置Photoshop CC 8

1.3.2 文件的基本操作 8

1.3.3 图像的变换 10

1.3.4 设置前景色和背景色 11

1.3.5 按钮的应用格式 16

1.3.6 实现不同的渐变效果 16

1.4 扩展练习 33

1.5 本章小结 33

第2章 图标设计 35

2.1 了解图标设计 36

2.1.1 什么是图标 36

2.1.2 图标设计的作用 36

2.1.3 图标设计的意义 36

2.2 图标设计的绘制原则 36

2.3 Photoshop图层的基本操作 41

2.3.1 新建图层 41

2.3.2 选择图层 42

2.3.3 复制、移动图层 42

2.3.4 重命名图层、删除图层 44

2.4 画笔工具 50

2.4.1 预设画笔工具 52

2.4.2 自定义画笔笔触 53

2.5 钢笔工具 57

2.5.1 创建路径 59

2.5.2 编辑路径 59

2.5.3 路径的变换操作 60

2.6 形状工具 60

2.7 扩展练习 65

2.8 本章小结 65

第3章 网页设计 67

3.1 了解网页UI 68

3.1.1 什么是网页设计 68

3.1.2 网页设计的分类 68

3.2 网页界面构成元素 69

3.2.1 文字 69

3.2.2 图像 69

3.2.3 色彩 70

3.2.4 多媒体 70

3.3 网页设计的原则 70

3.3.1 视觉美观性原则 70

3.3.2 主题突出原则 71

3.3.3 整体性原则 71

3.3.4 为用户考虑原则 72

3.3.5 更新和维护原则 72

3.4 网页界面布局形式 72

3.4.1 标题型 72

3.4.2 左右框架型 73

3.4.3 上下框架型 73

3.4.4 综合型 73

3.4.5 动画型 73

3.4.6 图片型 74

3.5 图层的“不透明度” 79

3.6 图层的“混合模式” 84

3.6.1 组合模式组 85

3.6.2 加深模式组 85

3.6.3 减淡模式组 85

3.6.4 对比模式组 86

3.7 蒙版的应用 88

3.7.1 认识蒙版 89

3.7.2 蒙版的分类 89

3.7.3 蒙版的“属性”面板 89

3.7.4 图层蒙版 89

3.7.5 矢量蒙版 90

3.7.6 剪贴蒙版 90

3.7.7 移动复制蒙版 91

3.7.8 链接和取消链接蒙版 91

3.8 扩展练习 97

3.9 本章小结 98

第4章 软件界面设计 100

4.1 软件界面设计发展历程 101

4.2 软件界面设计简介 101

4.2.1 软件界面设计的标准 101

4.2.2 软件界面设计的分类 101

4.3 软件界面设计的原则 102

4.4 软件界面设计中的屏幕设计 102

4.5 应用图层样式 105

4.5.1 添加图层样式 105

4.5.2 “样式”面板 106

4.5.3 导入外部样式 106

4.5.4 显示“样式面板”的方式 107

4.6 设置混合选项 110

4.6.1 高级混合 110

4.6.2 混合颜色带 111

4.7 文字工具的使用 114

4.7.1 认识文字工具 114

4.7.2 文字工具的选项栏 115

4.8 输入文字 115

4.9 设置字符和段落属性 115

4.9.1 “字符”面板 115

4.9.2 “段落”面板 116

4.10 编辑文字 117

4.10.1 将文字转换为选区范围 117

4.10.2 将文字转换为路径 117

4.10.3 将文字转换为形状 117

4.10.4 栅格化文字 117

4.11 扩展练习 121

4.12 本章小结 122

第5章 手机界面设计 124

5.1 手机界面设计的重要性 125

5.2 手机界面设计的要求 125

5.2.1 界面效果的整体性、一致性 125

5.2.2 界面效果的个性化 125

5.2.3 界面视觉元素的规范 126

5.3 手机界面设计的特征 126

5.4 手机界面设计的基本常识 126

5.4.1 常见手机显示屏分辨率 127

5.4.2 手机界面的色彩级别 127

5.4.3 手机界面设计图标的尺寸 127

5.5 选区的操作 132

5.5.1 选区的概述 132

5.5.2 创建选区的方法 132

5.6 创建选区的工具 134

5.6.1 选框工具组 134

5.6.2 选框工具的选项栏 135

5.6.3 套索工具组 138

5.6.4 “磁性套索工具”的选项栏 139

5.6.5 魔棒工具组 140

5.7 创建选区的其他方法 140

5.8 关于Photoshop CC的调整命令 143

5.8.1 调整命令的分类 143

5.8.2 调整命令的使用方法 143

5.9 图像色调的基本调整命令 144

5.9.1 色阶 144

5.9.2 曲线 145

5.9.3 色相/饱和度 145

5.9.4 亮度/对比度 146

5.10 扩展练习 150

5.11 本章小结 150

第6章 播放器界面设计 152

6.1 注意人性化的设计 153

6.1.1 舒适性 153

6.1.2 可靠性 153

6.1.3 个性化 153

6.2 播放器界面设计的原则 153

6.2.1 协调统一性 154

6.2.2 创造性 154

6.2.3 视觉冲击力 154

6.3 情感化因素不可忽视 154

6.4 Photoshop CC中的滤镜 158

6.4.1 什么是滤镜 158

6.4.2 滤镜的类型 158

6.4.3 使用滤镜的注意事项 159

6.4.4 滤镜的种类和用途 159

6.5 认识滤镜库 160

6.6 常见的滤镜 161

6.7 智能滤镜 167

6.8 智能对象 168

6.8.1 创建智能对象 168

6.8.2 编辑智能对象 168

6.9 色彩范围与快速蒙版 177

6.9.1 色彩范围 177

6.9.2 快速蒙版 177

6.10 调整图层与调整命令 178

6.10.1 创建调整图层 178

6.10.2 照片滤镜 178

6.10.3 色彩平衡 178

6.10.4 强大的“调整边缘” 179

6.11 调整图层与调整命令的不同之处 180

6.12 扩展练习 185

6.13 本章小结 185