本书囊括了各行业中UI设计的经验与准则，并结合大量实际设计案例，提出了很多有利于设计师从事UI设计的要素，例如网页UI设计、软件UI设计和手机UI设计，从基本的按钮设计制作到全面的播放器界面设计制作。全书以图文并茂且简单易懂的形式，为广大读者详细解读了用户界面设计的理念与方法。通过学习这些宝贵的设计经验与法则，读者同样可以设计出触动人心的作品。 本书共6章，以循序渐进的方式，全面介绍了Photoshop在界面设计方面的处理方法和技巧。第1章，UI设计基础；第2章，图标设计；第3章，网页设计；第4章，软件界面设计；第5章，手机界面设计；第6章，播放器界面设计。全书划分得很详细，并将基础知识与案例相结合。 本书适合平面设计制作的初、中级读者、有一定Photoshop操作基础的读者阅读，也可以作为商业设计制作人员及相关专业师生的参考用书。


艺术设计类畅销书作者，编写过多本设计类图书，包括《7天精通Photoshop CS6 UI交互设计》、《网站用户体验设计全程揭秘》、《中文版Photoshop CS6完全自学一本通》等。


图标设计、网页设计、软件界面设计、手机界面设计、播放器界面设计五大UI设计案例，全彩印刷，提供多媒体课件、素材、书中案例教学视频。

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