第1章　用户界面设计

1.1 什么是界面设计

1.2 图形界面的分类

1.2.1软件界面

1.2.2网站界面

1.2.3手机界面

1.2.4系统桌面设计

1.2.5游戏界面

1.2.6播放器界面

1.3 交互概念与图形界面

1.4 导航栏和按钮的设计要点

1.4.1导航栏

1.4.2按钮

1.5 数字化图像基础

1.5.1位图图像

1.5.2矢量图像

1.6 初识Photoshop CC

1.7 文件的基本操作

1.7.1新建文件

1.7.2打开文件

1.7.3存储文件

1.8 多种选区的创建与编辑方法

1.8.1选区的创建

1.8.2选区基本操作

1.8.3选区的编辑

课堂练习——制作网站质感按钮

1.9 图像的变换操作

1.9.1斜切图像

1.9.2扭曲图像

1.9.3透视图像

1.9.4变形图像

1.9.5翻转图像

1.9.6自由变换图像

课堂练习——设计播放按钮

1.10 设置颜色方法

1.10.1使用“吸管工具”选取颜色

1.10.2使用“填充”命令设置颜色

1.10.3使用“拾色器”对话框设置颜色

1.10.4使用“色板”面板设置颜色

1.10.5使用“颜色”面板设置颜色

课堂练习——设计个性下载按钮

1.11 本章小结

第2章　图标设计

2.1 图标设计的意义

2.1.1图标的概念

2.1.2图标设计的作用

2.1.3图标设计的重要性

2.2 图标的设计原则

2.2.1可识别性原则

2.2.2与环境协调原则

2.2.3差异性原则

2.2.4视觉效果原则

2.2.5创造性原则

2.3 什么是图层

2.4 “图层”面板

2.5 图层的类型

2.5.1文字图层

2.5.2调整图层

2.5.3形状图层

2.5.4填充图层

2.6 图层的创建与基本操作

2.6.1图层的创建

2.6.2图层的基本操作

课堂练习——设计水晶质感图标

2.7 27种混合模式的原理与特征

2.7.1组合模式组

2.7.2加深模式组

2.7.3减淡模式组

2.7.4对比模式组

2.7.5比较模式组

2.7.6色彩模式组

2.8 画笔工具

2.8.1“画笔工具”选项栏

2.8.2“画笔”面板

课堂练习——设计个性图标

2.9 擦除工具

2.9.1橡皮擦工具

课堂练习——设计电源图标

2.9.2背景橡皮擦工具

2.9.3魔术橡皮擦工具

2.10 本章小结

第3章　登录界面设计

3.1 如何设计人性化的登录界面

3.1.1非登录界面的功能安排

3.1.2表单的排列

3.1.3验证码

3.2 登录界面的设计原则

3.2.1任务明确

3.2.2流程清楚

3.2.3设计精简

3.3 登录界面的设计特点

课堂练习——制作企业网站登录界面

3.4 登录界面的设计要求

3.4.1用户名和密码

3.4.2忘记密码

3.4.3提示信息

3.4.4注册新用户

3.5 应用图层样式

3.5.1添加图层样式

课堂练习——制作查询系统登录界面

3.5.2“图层样式”对话框

3.5.3“样式”面板

3.6 图层蒙版的原理与应用

3.6.1什么是图层蒙版

3.6.2创建图层蒙版

3.6.3编辑图层蒙版

3.6.4启用与停用图层蒙版

3.7 剪贴蒙版的原理与应用

3.7.1剪贴蒙版的原理

3.7.2剪贴蒙版的应用

3.8 文本的创建与编辑

3.8.1文字创建

课堂练习——制作网站登录窗口

3.8.2编辑文字

3.9 创建变形文字

3.10 本章小结

第4章　网页界面设计

4.1 初识网页界面设计

4.1.1网页界面的概念

4.1.2网页界面设计要求

4.1.3网页界面设计的特点

4.1.4网页设计概述

4.2 网页界面设计的分类

4.2.1环境性界面

4.2.2情感性界面

4.2.3功能性界面

4.3 网页设计的原则

4.3.1视觉美观性原则

4.3.2主题突出原则

4.3.3整体原则

4.3.4为用户考虑原则

4.3.5内容与形式相统一的原则

4.3.6更新和维护原则

4.4 网页界面构成元素

4.4.1文字

4.4.2图像

4.4.3色彩

4.4.4多媒体

4.5 网页界面布局形式

4.5.1标题型

4.5.2图片型

4.5.3动画型

4.5.4左右框架型

4.5.5上下框架型

课堂练习——制作房地产网站页面

4.5.6综合型

4.6 图像调整命令

4.6.1“色阶”命令

4.6.2“曲线”命令

课堂练习——制作网站弹出页面

4.6.3“色彩平衡”命令

4.6.4“亮度/对比度”命令

4.6.5“色相/饱和度”命令

4.6.6“自然饱和度”命令

4.6.7“匹配颜色”命令

4.7 调整图层与调整命令的区别

4.8 调整图层的创建与编辑

课堂练习——制作时尚美容类网站页面

4.9 本章小结

第5章　手机界面设计

5.1 手机界面设计的重要性

5.2 手机界面设计的要求

5.2.1界面效果的整体性和一致性

5.2.2界面效果的个性化

5.2.3界面视觉元素的规范

5.3 手机界面设计的特征

课堂练习——绘制iOS 8的解锁界面

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

5.4.1手机屏幕分辨率

5.4.2手机的色彩级别

5.4.3图标的格式

5.4.4图标的尺寸

5.5 路径与锚点

课堂练习——绘制iOS 8小图标

5.6 使用“钢笔工具”绘制路径

5.6.1钢笔工具

5.6.2“钢笔工具”选项栏

课堂练习——绘制Android拨号界面

5.6.3自由钢笔工具

5.6.4创建路径

5.7 选择与编辑路径

5.7.1选择与移动锚点与路径

5.7.2添加与删除锚点

5.7.3转换锚点类型

5.7.4调整路径形状

5.7.5变换路径

课堂练习——绘制滑动界面

5.8 “路径”面板　

5.8.1认识“路径”面板

5.8.2工作路径和路径

5.8.3创建新路径

5.8.4显示和隐藏路径

5.8.5复制和删除路径

5.8.6将路径转换为选区

5.8.7将选区转换为路径

5.8.8填充路径

5.9 形状工具

5.9.1矩形工具、圆角矩形工具和椭圆工具

5.9.2多边形工具和直线工具

5.9.3自定形状工具

5.10 本章小结

第6章　软件界面设计

6.1 软件界面发展历程

6.2 软件界面的设计介绍

6.3 软件界面设计的“黄金法则”

6.4 软件界面设计的分类

6.5 软件界面设计中的屏幕设计

课堂练习——制作简洁售卖界面

6.6 解读“画笔”面板中的选项

6.6.1画笔笔尖形状

6.6.2 7种画笔动态参数

课堂练习——绘制输入法皮肤

6.6.3设置附加选项

6.7 Photoshop CC中的滤镜

6.7.1什么是滤镜

6.7.2滤镜的类型

6.7.3认识滤镜库

6.7.4常见的滤镜

课堂练习——制作精美旅行软件界面

6.8 滤镜的使用规则和技巧

6.8.1滤镜的使用规则

6.8.2滤镜的使用技巧

6.9 智能滤镜

6.9.1创建智能对象

6.9.2 编辑智能对象

6.10 本章小结

第7章　播放器界面设计

7.1 播放器界面设计特点

7.1.1协调统一性

7.1.2创造性

7.1.3视觉冲击力

7.2 情感化因素不可忽视

7.3 人性化的设计

7.3.1可靠性

7.3.2舒适性

7.3.3个性化

课堂练习——制作经典音乐播放器界面

7.4 “通道”面板

7.5 通道的类型

7.5.1复合通道

7.5.2颜色通道

7.5.3专色通道

7.5.4 Alpha通道

7.5.5单色通道

7.6 新建与编辑通道

7.6.1新建通道

7.6.2编辑通道

课堂练习——制作时尚音乐播放器界面

7.6.3将通道应用到图层

7.6.4将图层内容粘贴到通道

7.7 通道的功能

课堂练习——制作炫彩播放器界面

7.8 通道与选区的关系

7.9 本章小结