网页图片与移动界面（Web/App)的UI设计（高等职业教育艺术设计专业精品系列教材、“互联网+”新形态立体化

定　　价：49.8 元

• 作者：张娅，黄欣彬
• 出版时间：2020/10/1
• ISBN：9787518430680
• 出 版 社：中国轻工业出版社

• 中图法分类：TP311.1 
• 页码：208
• 版次：1

内容简介

本书从基础的 Photoshop CC界面布局开始讲起，以循序渐进的方式详细讲解了图像基本操作、选区、图层、绘画、颜色调整、照片修饰、路径、文字、滤镜等功能，内容基本涵盖了 Photoshop CC相关工具和命令，同时在进一步学习网页UI以、手机UI设计以及手机系统功能界面。本书既有基本理论，又有实践操作的指导书。书中精心安排了具有针对性的实例，不仅可以帮动读者轻松掌握软件使用方法，更能应对数码照片处理、平面设计、UI等实际工作。还能帮助读者掌握从产生设计理念到实现制作设计的全过程。
全书按照 Photos hop CC的不同应用领域划分知识点，每个项目先进行知识引入阐述，再引入多个任行，以及进行任务分析，最后完成任务的实现。读者需要多上机实践，掌握多种设计技巧。教师在使用本书时，可以结合数学设计，采用任务式的教学模式，通过不同类型的任务案例，提升读者软件操作的熟练程度和对知识点的掌握与理解。

作者介绍

张娅，宜宾职业技术学院，宜宾技术技能培训中心主任。黄欣彬，宜宾职业技术学院，教师，任教于艺术设计专业。

目 录

目 录


项目一 PhototShop CC的基础知识 1
1.1 Photoshop CC的基本知识 1
1.1.1 Photoshop的发展 1
1.1.2平面设计 1
1.2 图像处理基础知识 2
1.2.1 位图与矢量图 2
1.2.2 像素与分辨率 4
1.2.3 图像的色彩模式 4
1.2.4 常用的图像格式 5
1.3 Photoshop界面及基本操作 6
1.3.1 任务引入 6
1.3.2 知识引入 6
1．Photoshop菜单栏与工具箱 6
2．控制面板 7
3．图像画板编辑区 8
4．Photoshop的文件基本操作 8
5．常用工具操作 10
1.3.3 任务实现---图像的绘制 12
1. 任务分析 12
2. 任务操作 12
项目二 图层与图层样式 14
2.1 图层 14
2.1.1任务引入 14
2.1.2知识引入 14
1．图层及类型 14
2．图层的基本操作 15
2.1.3 任务实现 ---网页页面及导航条设计 17
1.任务分析 17
2.任务操作 18
2.2图层模式 21
2.2.1任务引入 21
2.2.2知识引入 21
1.概述 21
2．图层样式操作 21
3．图层模式类型 21
2.2.3 任务实现 ---卡通图标 25
1.任务分析 25
2. 任务操作 25
2.3图层样式的应用---异型边框的设计 29
1.任务引入 29
2.任务知识分析 29
3.任务操作 29
项目三 绘制与修饰工具的使用 32
3.1 绘图工具 32
3.1.1任务引入 32
3.1.2知识引入 32
1. 画笔工具 32
2. 铅笔工具 34
3. 颜色替换工具 35
4. 橡皮擦的使用 36
5. 修图工具的使用 37
6. 修补工具的使用 38
3.1.3 任务实现 ---漂亮画笔的创建及应用 40
1.任务分析 40
2.任务操作 40
3.2 修饰工具 41
3.2.1任务引入 41
3.2.2知识引入 41
1.渐变工具的使用 41
2.油漆桶工具的使用 43
3. 减淡/加深和海绵工具的使用 43
4．填充命令的使用 44
3.2.3 任务实现 --- QQ卡通图案的绘制 45
1.任务分析 45
2.任务实现 46
项目四　Photoshop CC的选区与路径 52
4.1 选区 52
4.1.1任务引入 52
4.1.2知识引入 52
1. 选区的概念与作用 52
2. 几何选区的创建 52
3. 不规则选区的创建 53
4. 创建颜色选区 54
5. 随意选区的创建 54
6. 选区的编辑 54
4.1.3 任务实现 ---机器人模型的制作 55
1. 任务分析 55
2. 任务操作 55
4.2 路径的使用 56
4.2.1任务引入 56
4.2.2 知识引入 56
1．路径的概念 56
2．基本元素 57
3．钢笔工具的使用 57
4. 路径的编辑工具 58
4.2.3 任务实现 ---“音乐”网站标志的制作 59
1. 任务分析 59
2. 任务操作 59
4.3 选区与路径的应用 60
4.3.1任务引入 60
4.3.2 知识引入” 60
1. 路径的编辑操作 60
2. 选区与路径的互转操作 61
4.3.3 任务实现 ---流线字的制作 62
1.任务分析 62
2.任务操作 62
项目五　Photoshop CC色彩及图像调整 64
5.1色彩调整 64
5.1.1任务引入 64
5.1.2知识引入 64
1.色彩的元素组成 64
2.色彩模式 64
3．网页配色 65
4．图像“调整”命令 66
5.1.3 任务实现 ---色彩调整命令的使用 69
1. 任务分析 69
2. 任务操作 69
5.2 图片色阶及曲线 71
5.2.1任务引入 71
5.2.2 知识引入 72
1．解析“色阶” 72
2．解析“曲线” 73
5.2.3 任务实现 ---绿水青山及拨云见日的制作 75
1. 任务分析 75
2. 任务操作 75
5.3调整命令的?用---相册图像的设计 77
1.任务引入 77
2.任务分析 77
3.任务实现 78
项目六 通道的应用 81
6.1通道 81
6.1.1任务引入 81
6.1.2知识引入 81
1. 通道的概念 81
2. 通道的分类及功能 81
3. 选择与编辑通道 82
4.复制和删除通道 83
5.分离和合并通道 84
6.1.3 任务实现 ---利用通道实现头发的抠图 84
1.任务分析 84
2.任务操作 84
6.2 通道计算 89
6.2.1任务引入 89
6.2.2 知识引入 89
1．计算”命令的使用 89
2．“应用图像”命令的使用 90
6.2.3 任务实现 ---计算命令抠图换背景 90
1.任务分析 90
2.任务操作 91
6.3 通道的使用 --- 化妆品广告的设计 96
1.任务引入 96
2.任务分析 96
3.任务实现 97
项目七 蒙版的使用 107
7.1蒙版及蒙版的分类 107
7.1.1任务引入 107
7.1.2知识引入 107
1.蒙版的概念 107
2.蒙版的作用 107
3. 蒙版的类型 107
7.1.3 任务实现--人树合体 110
1.任务分析 110
2.任务操作 110
7.2图层蒙版的使用 ---灯泡的创意合成 112
7.2.1任务引入 112
7.2.2 任务分析 112
7.2.3 任务实现 112
7.3 蒙版的使用--茶叶包装盒的制作 115
7.3.1任务引入 115
7.3.2 任务分析 116
7.3.3 任务实现 116
项目八 滤镜的操作 121
8.1滤镜的概述 121
8.1.1任务引入 121
8.1.2知识引入 121
1．滤镜的概念及作用 121
2．滤镜的特点? 121
3．滤镜的使用方法及规则 122
8.1.3任务实现 ------汽车飞驰效果 122
1.任务分析 122
2.任务操作 122
8.2滤镜的类型 123
8.2.1任务引入 123
8.2.2 知识引入 124
1．独立滤镜 124
2．滤镜库 124
2. 特效滤镜 127
8.2.3 任务实现------大理石效果 130
1.任务分析 130
2.任务操作 130
8.3滤镜的操作 132
8.3.1任务引入 132
8.3.2 任务分析 132
8.3.3 任务实现---星空效果制作 132
1.任务分析 132
2.任务操作 132
项目九　网页UI的规划与设计 135
9.1 网页UI基础知识 135
9.1.1 虚拟界面 135
9.1.2 网页界面的设计要求 135
9.1.3网页版面典型风格 136
9.1.4网页结构布局 136
1．“国”字型 136
2.拐角型 136
3.上下框架型 136
4.左右框架型 136
5.封面型 137
9.1.5网页设计的组成元素 137
1. Logo 137
2.导航条 137
3. Banner 137
4.内容版块 138
5.版尾版块 138
9.2网站UI的制作 138
9.2.1任务引入 138
9.2.2知识引入 138
1．餐饮门户网站 138
2．餐饮网站分类 139
9.2.3 任务实现---美食网站设计 140
1. 任务知识分析 140
2. 任务操作 140
项目十　手机UI的质感表现 153
10.1 金属 153
10.1.1任务引入 153
10.1.2知识引入 153
1. UI设计的概念 153
2. UI设计原则 153
10.1.3 任务实现 ---金属按钮的制作 154
1. 任务分析 154
2. 任务操作 154
10.2 玻璃 162
10.2.1任务引入 162
10.2.2 知识引入 162
1．内发光图层样式 162
2．内阴影图层样式 162
10.2.3 任务实现 ---玻离质感的制作 162
1. 任务分析 162
2. 任务操作 162
10.3 手机光滑表面 172
10.3.1任务引入 172
10.3.2 知识引入 172
1. 图层面板 172
2. 渐变工具 172
10.3.3 任务实现 ---手机表面的制作 173
1.任务分析 173
2.任务操作 173
项目十一　手机APP界面元素设计 183
11.1 按钮 183
11.1.1任务引入 183
11.1.2知识引入 183
1. 按钮的表现形式 183
2. 按钮的状态 183
11.1.3 任务实现 --- 立体化按钮的设计 184
1.任务知识分析 184
2. 任务操作 184
11.2 开关 192
11.2.1任务引入 192
11.2.2 知识引入 193
1．复选框 193
2．单选按钮 193
3．ON/OFF开关 193
4.2.3 任务实现 ---立体开关的设计 194
1.任务分析 194
2.任务实现 194
11.3 进度条 199
11.3.1任务引入 199
11.3.2 知识引入 199
1. 线性进度指示器 199
2. 圆形进度指示器 200
11.3.3 任务实现 ---扁平化和立体化进度条的设计 200
1.任务分析 200
2.任务操作 201
11.4 搜索栏 208
11.4.1任务引入 208
11.4.2 知识引入 208
1.搜索栏的用途 208
2.搜索栏的组成结构 208
11.4.3 任务实现 ---立体化搜索框的设计 208
1.任务分析 208
2.任务操作 208
11.5 列表框 213
11.5.1任务引入 213
11.5.2 知识引入 213
1.列表框的组成结构 213
2.列表数据规范 213
11.5.3 任务实现 ---立体化列表框的设计 213
1.任务分析 213
2.任务操作 213
项目十二　手机APP整体界面UI设计 219
12.1 网站APP设计 219
12.1.1任务引入 219
12.1.2知识引入 219
1. 界面布局规划 219
2. 创意思路剖析 220
3. 确定配色方案 220
4. 定义组件风格 221
12.1.3 任务实现 ---美食网站APP设计 221
1. 任务分析 221
2. 任务操作 221
12.2网站APP制作 ---流量银行APP设计 226
12.2.1任务引入 226
12.2.2知识引入 227
1. 界面布局规划 227
2. 创意思路剖析 228
3. 确定配色方案 228
4. 定义组件风格 229
12.2.3 任务实现 229
1. 任务分析 229
2. 任务操作 229