本书详细讲解了Photoshop在网页设计领域的应用。本书共16章，包括网页设计中的色彩应用，版面设计，按钮的制作及应用，使用Photoshop制作网页动画，Banner和导航条，网页广告，文字特效，网页其他组成部分的设计和制作，用Photoshop优化Web网页，以及网页界面特效实例等内容。本书结构编排合理，图文并茂、实例丰富，可以作为高等院校相关专业教材，也可以作为读者的自学参考资料。
总结了作者多年Photoshop网页设计经验和教学心得。Photoshop技巧要点和重点解析提示图文并茂，详略得当，实例操作，贯穿同步提供丰富的课堂练习和课后习题，学练结合，知识巩固附赠大容量、高品实例的源文件和素材
目 录
第1章 Photoshop CC网页设计 1
1.1 认识网页 1
1.1.1 网页界面 1
1.1.2 网页设计的审美感 4
1.1.3 网页设计的艺术性 5
1.2 网页设计应用 6
1.2.1 网页图像管理 6
1.2.2 网页设计流程简介 9
1.2.3 网站策划 11
1.3 思考与练习 15
第2章 网页图像设计 17
2.1 图层的应用 17
2.1.1 认识图层面板 17
2.1.2 图层基础操作 18
2.1.3 图层样式类型 22
2.1.4 图层样式编辑和应用 28
2.1.5 图层混合模式 30
2.2 选区与填充 32
2.2.1 认识选区 33
2.2.2 编辑选区 34
2.2.3 纯色填充和渐变色填充 36
2.2.4 图案填充 37
2.3 文字与路径 38
2.3.1 创建文字 38
2.3.2 文字编辑 38
2.3.3 创建与编辑沿路径排列
文字 40
2.3.4 认识路径 40
2.3.5 创建与调整路径 42
2.3.6 路径的描边和填充 45
2.4 滤镜的应用 47
2.4.1 认识滤镜 47
2.4.2 编辑滤镜 48
2.4.3 滤镜的分类 49
2.4.4 常用滤镜效果 49
2.5 案例实战：漂亮的导航按钮 51
2.6 案例实战：投影文字 53
2.7 思考与练习 54
第3章 Photoshop CC网页动画设计 56
3.1 动画面板 56
3.1.1 帧动画面板 57
3.1.2 时间轴动画面板 58
3.2 逐帧与过渡动画 59
3.2.1 认识和创建逐帧动画 59
3.2.2 认识和创建过渡动画 60
3.2.3 过渡动画类型 60
3.3 时间轴动画 63
3.3.1 普通图层时间轴动画 63
3.3.2 文本图层时间轴动画 64
3.3.3 蒙版图层时间轴动画 66
3.4 为动画添加音频和视频 69
3.4.1 添加并编辑音频 69
3.4.2 添加并编辑视频 70
3.5 渲染视频 71
3.6 案例实战：下雪动画 72
3.7 案例实战：写字动画 75
3.8 思考与练习 78
第4章 切片并导出网页文件 79
4.1 创建与编辑切片 79
4.1.1 创建切片 79
4.1.2 选择并调整和移动切片 80
4.1.3 划分切片 81
4.1.4 组合和删除切片 82
4.1.5 转化为用户切片 83
4.1.6 设置切片选项 84
4.2 编辑Web文件 85
4.2.1 快速导出可放大浏览Web
文件 85
4.2.2 优化与导出Web图像 86
4.3 切片和导出要点 88
4.4 案例实战：餐饮网站首页切片 90
4.5 思考与练习 92
第5章 网页元素设计 93
5.1 网页图标设计 93
5.1.1 图标概念 93
5.1.2 网页图标的主要应用 94
5.1.3 网页图标设计原则 95
5.1.4 图标的保存格式 95
5.1.5 实战案例：商务网站图标
制作 95
5.2 网页导航设计 99
5.2.1 导航设计原则和技巧 99
5.2.2 导航样式 101
5.2.3 网页导航优化方向 103
5.2.4 导航条设计欣赏 104
5.2.5 案例实战：导航条设计
案例1 105
5.3 网页广告设计 108
5.3.1 网络广告形式 108
5.3.2 网页广告设计技巧 109
5.3.3 案例实战：横幅动画广告 111
5.3.4 案例实战：弹出式窗口动画
广告 116
5.4 特效文字在网页中的应用 121
5.4.1 特效文字在网页中的应用 121
5.4.2 射线字 123
5.4.3 火焰字 125
5.4.4 金属字 129
5.4.5 珠宝字 130
5.4.6 糖果字 133
5.5 思考与练习 138
第6章 网页色彩知识 139
6.1 网页色彩 139
6.1.1 认识网页色彩 139
6.1.2 216网页安全色 139
6.2 色彩的理论 141
6.2.1 色彩与视觉原理 141
6.2.2 色彩的三要素 142
6.2.3 色彩的混合原理 144
6.3 网页配色 146
6.3.1 网页自定义颜色 146
6.3.2 色彩采集 147
6.3.3 色彩推移 151
6.3.4 色调变化 153
6.4 色彩模式的管理 158
6.4.1 认识色彩模式 158
6.4.2 色彩模式转换 161
6.5 思考与练习 162
第7章 网页色彩情感解码 163
7.1 网页色彩分析 163
7.1.1 色相情感 163
7.1.2 色调联想 169
7.1.3 色彩知觉 170
7.2 网页色彩搭配方法 172
7.2.1 色彩对比 172
7.2.2 色彩调和 176
7.2.3 色彩呼应 178
7.2.4 色彩平衡 178
7.2.5 色彩重点 180
7.3 思考与练习 181
第8章 色彩于网页设计中的应用 182
8.1 网页中的色彩分类 182
8.1.1 静态色彩 182
8.1.2 动态色彩 183
8.1.3 强调色彩 184
8.2 网页色彩规则 185
8.2.1 网站整体色彩规则 185
8.2.2 网页色彩搭配规律 187
8.2.3 网页各要素的色彩搭配 189
8.3 网站色彩分析 191
8.3.1 网页主题与色彩调配 191
8.3.2 网站风格与色彩搭配 194
8.3.3 同色调的不同风格网站 195
8.4 思考与练习 198
第9章 网页设计趋向 199
9.1 超长网页和冷色调、鲜艳颜色的
使用 199
9.1.1 超长网页 199
9.1.2 冷色调和鲜艳颜色的使用被
广泛接受 199
9.2 更趋向杂志化和视觉滚动 200
9.2.1 更趋向杂志化 200
9.2.2 视差滚动 200
9.3 注重阅读体验和自定义个性化
图标 202
9.3.1 注重阅读体验 202
9.3.2 自定义个性化图标 202
9.4 分层结构设计和响应式设计 203
9.4.1 分层结构设计 203
9.4.2 响应式网页设计 203
9.5 扁平化设计和去Flash设计 204
9.5.1 扁平化设计 204
9.5.2 去Flash设计 204
9.6 思考与练习 204
第10章 网页版面设计 206
10.1 网页版面文字 206
10.1.1 字体与字号 206
10.1.2 行距与文字背景 207
10.2 网页版面结构布局 210
10.2.1 拐角型网页布局 210
10.2.2 国字型网页布局 211
10.2.3 左右框架型网页布局 211
10.2.4 上下框架型网页布局 211
10.2.5 封面型网页布局 211
10.2.6 综合框架型网页布局 212
10.2.7 标题正文型网页布局 212
10.2.8 Flash型网页布局 212
10.3 网页设计风格 213
10.3.1 主题设计 213
10.3.2 极简主义 215
10.3.3 插画和素描设计 215
10.3.4 以字体为主的设计 216
10.3.5 纹理风格设计和手制的
剪贴簿 217
10.4 网页版面构成的艺术表现 218
10.4.1 重复构成 219
10.4.2 渐变构成 219
10.4.3 空间构成 220
10.5 思考与练习 221
第11章 艺术类网站设计 222
11.1 艺术类网站概述 222
11.1.1 表演艺术 222
11.1.2 视觉艺术 222
11.1.3 造型艺术 223
11.1.4 语言艺术 223
11.1.5 综合艺术 224
11.2 艺术类网站设计 224
11.2.1 首页制作 224
11.2.2 动态内页制作 229
11.2.3 网站展示内页制作 230
11.2.4 联系方式内页制作 230
11.3 思考与练习 231
第12章 企业类网站设计 233
12.1 企业类网站设计应用 233
12.1.1 明确创建网站的目的和
用户需求 233
12.1.2 总体设计方案主题鲜明 234
12.1.3 网站的版式设计 234
12.1.4 色彩在网页设计中的
应用 235
12.1.5 多媒体功能的应用 235
12.1.6 内容更新与沟通 236
12.2 手机网站设计 236
12.2.1 首页设计 236
12.2.2 内页布局设计 242
12.2.3 网站文字信息页设计 243
12.2.4 网站图像展示页设计 243
12.3 思考与练习 245
第13章 餐饮类网站设计 246
13.1 餐饮类网站类别 246
13.1.1 餐饮门户网站 246
13.1.2 餐饮企业网站 248
13.2 网站首页制作 249
13.2.1 网站标志设计 249
13.2.2 网页导航与Banner制作 251
13.2.3 网页内容和版尾制作 252
13.3 企业理念页与网上订餐页制作 253
13.3.1 子页导航与投票制作 254
13.3.2 企业理念页制作 257
13.3.3 订餐表单制作 258
13.4 饮食内容与特色佳肴页制作 258
13.5 思考与练习 259
第14章 购物类网站设计 260
14.1 购物类网站类别 260
14.1.1 按商品活动类型分类 260
14.1.2 按商品类型分类 261
14.2 鹏乐购物网站首页设计 263
14.2.1 首页布局设计 263
14.2.2 内容添加 265
14.3 购物网站内页设计 267
14.3.1 内页布局设计 267
14.3.2 图像展示页设计 269
14.3.3 文字信息页导入 269
14.4 思考与练习 270
第15章 旅游类网站设计 272
15.1 旅游类网站鉴赏 272
15.1.1 旅游门户网 272
15.1.2 滑雪度假网站 272
15.1.3 田园度假网站 273
15.1.4 海边度假风光 273
15.1.5 文化旅游网站 274
15.1.6 航空公司网站 275
15.1.7 酒店预订网站 275
15.1.8 度假村客房服务 275
15.2 旅游网站设计 276
15.2.1 页面结构设计 276
15.2.2 页面内容设计 277
15.2.3 度假网站概况页设计 280
15.2.4 风景欣赏页设计 282
15.3 思考与练习 284
第16章 休闲类网站设计 285
16.1 休闲类网站概况 285
16.1.1 休闲之时尚生活 285
16.1.2 休闲之旅游 285
16.1.3 休闲之美容 286
16.1.4 休闲之健身 286
16.1.5 休闲之服饰 287
16.1.6 休闲之家居 287
16.2 美容网站首页设计 287
16.2.1 首页结构设计 288
16.2.2 信息内容添加 289
16.3 美容网站内页制作 291
16.3.1 Beauty 植物页制作 292
16.3.2 商品展示页制作 293
16.3.3 文字信息页制作 294
16.4 思考与练习 295
郑国强 编著 郑国强，资深设计人员，资深图书策划人员，现任妙思品位广告公司总经理，总策划。编写出版了《设计师专业色谱与配色设计（协调配色）》《中国风花纹图库宝典》等书。
目 录
第1章 Photoshop CC网页设计 1
1.1 认识网页 1
1.1.1 网页界面 1
1.1.2 网页设计的审美感 4
1.1.3 网页设计的艺术性 5
1.2 网页设计应用 6
1.2.1 网页图像管理 6
1.2.2 网页设计流程简介 9
1.2.3 网站策划 11
1.3 思考与练习 15
第2章 网页图像设计 17
2.1 图层的应用 17
2.1.1 认识图层面板 17
2.1.2 图层基础操作 18
2.1.3 图层样式类型 22
2.1.4 图层样式编辑和应用 28
2.1.5 图层混合模式 30
2.2 选区与填充 32
2.2.1 认识选区 33
2.2.2 编辑选区 34
2.2.3 纯色填充和渐变色填充 36
2.2.4 图案填充 37
2.3 文字与路径 38
2.3.1 创建文字 38
2.3.2 文字编辑 38
2.3.3 创建与编辑沿路径排列
文字 40
2.3.4 认识路径 40
2.3.5 创建与调整路径 42
2.3.6 路径的描边和填充 45
2.4 滤镜的应用 47
2.4.1 认识滤镜 47
2.4.2 编辑滤镜 48
2.4.3 滤镜的分类 49
2.4.4 常用滤镜效果 49
2.5 案例实战：漂亮的导航按钮 51
2.6 案例实战：投影文字 53
2.7 思考与练习 54
第3章 Photoshop CC网页动画设计 56
3.1 动画面板 56
3.1.1 帧动画面板 57
3.1.2 时间轴动画面板 58
3.2 逐帧与过渡动画 59
3.2.1 认识和创建逐帧动画 59
3.2.2 认识和创建过渡动画 60
3.2.3 过渡动画类型 60
3.3 时间轴动画 63
3.3.1 普通图层时间轴动画 63
3.3.2 文本图层时间轴动画 64
3.3.3 蒙版图层时间轴动画 66
3.4 为动画添加音频和视频 69
3.4.1 添加并编辑音频 69
3.4.2 添加并编辑视频 70
3.5 渲染视频 71
3.6 案例实战：下雪动画 72
3.7 案例实战：写字动画 75
3.8 思考与练习 78
第4章 切片并导出网页文件 79
4.1 创建与编辑切片 79
4.1.1 创建切片 79
4.1.2 选择并调整和移动切片 80
4.1.3 划分切片 81
4.1.4 组合和删除切片 82
4.1.5 转化为用户切片 83
4.1.6 设置切片选项 84
4.2 编辑Web文件 85
4.2.1 快速导出可放大浏览Web
文件 85
4.2.2 优化与导出Web图像 86
4.3 切片和导出要点 88
4.4 案例实战：餐饮网站首页切片 90
4.5 思考与练习 92
第5章 网页元素设计 93
5.1 网页图标设计 93
5.1.1 图标概念 93
5.1.2 网页图标的主要应用 94
5.1.3 网页图标设计原则 95
5.1.4 图标的保存格式 95
5.1.5 实战案例：商务网站图标
制作 95
5.2 网页导航设计 99
5.2.1 导航设计原则和技巧 99
5.2.2 导航样式 101
5.2.3 网页导航优化方向 103
5.2.4 导航条设计欣赏 104
5.2.5 案例实战：导航条设计
案例1 105
5.3 网页广告设计 108
5.3.1 网络广告形式 108
5.3.2 网页广告设计技巧 109
5.3.3 案例实战：横幅动画广告 111
5.3.4 案例实战：弹出式窗口动画
广告 116
5.4 特效文字在网页中的应用 121
5.4.1 特效文字在网页中的应用 121
5.4.2 射线字 123
5.4.3 火焰字 125
5.4.4 金属字 129
5.4.5 珠宝字 130
5.4.6 糖果字 133
5.5 思考与练习 138
第6章 网页色彩知识 139
6.1 网页色彩 139
6.1.1 认识网页色彩 139
6.1.2 216网页安全色 139
6.2 色彩的理论 141
6.2.1 色彩与视觉原理 141
6.2.2 色彩的三要素 142
6.2.3 色彩的混合原理 144
6.3 网页配色 146
6.3.1 网页自定义颜色 146
6.3.2 色彩采集 147
6.3.3 色彩推移 151
6.3.4 色调变化 153
6.4 色彩模式的管理 158
6.4.1 认识色彩模式 158
6.4.2 色彩模式转换 161
6.5 思考与练习 162
第7章 网页色彩情感解码 163
7.1 网页色彩分析 163
7.1.1 色相情感 163
7.1.2 色调联想 169
7.1.3 色彩知觉 170
7.2 网页色彩搭配方法 172
7.2.1 色彩对比 172
7.2.2 色彩调和 176
7.2.3 色彩呼应 178
7.2.4 色彩平衡 178
7.2.5 色彩重点 180
7.3 思考与练习 181
第8章 色彩于网页设计中的应用 182
8.1 网页中的色彩分类 182
8.1.1 静态色彩 182
8.1.2 动态色彩 183
8.1.3 强调色彩 184
8.2 网页色彩规则 185
8.2.1 网站整体色彩规则 185
8.2.2 网页色彩搭配规律 187
8.2.3 网页各要素的色彩搭配 189
8.3 网站色彩分析 191
8.3.1 网页主题与色彩调配 191
8.3.2 网站风格与色彩搭配 194
8.3.3 同色调的不同风格网站 195
8.4 思考与练习 198
第9章 网页设计趋向 199
9.1 超长网页和冷色调、鲜艳颜色的
使用 199
9.1.1 超长网页 199
9.1.2 冷色调和鲜艳颜色的使用被
广泛接受 199
9.2 更趋向杂志化和视觉滚动 200
9.2.1 更趋向杂志化 200
9.2.2 视差滚动 200
9.3 注重阅读体验和自定义个性化
图标 202
9.3.1 注重阅读体验 202
9.3.2 自定义个性化图标 202
9.4 分层结构设计和响应式设计 203
9.4.1 分层结构设计 203
9.4.2 响应式网页设计 203
9.5 扁平化设计和去Flash设计 204
9.5.1 扁平化设计 204
9.5.2 去Flash设计 204
9.6 思考与练习 204
第10章 网页版面设计 206
10.1 网页版面文字 206
10.1.1 字体与字号 206
10.1.2 行距与文字背景 207
10.2 网页版面结构布局 210
10.2.1 拐角型网页布局 210
10.2.2 国字型网页布局 211
10.2.3 左右框架型网页布局 211
10.2.4 上下框架型网页布局 211
10.2.5 封面型网页布局 211
10.2.6 综合框架型网页布局 212
10.2.7 标题正文型网页布局 212
10.2.8 Flash型网页布局 212
10.3 网页设计风格 213
10.3.1 主题设计 213
10.3.2 极简主义 215
10.3.3 插画和素描设计 215
10.3.4 以字体为主的设计 216
10.3.5 纹理风格设计和手制的
剪贴簿 217
10.4 网页版面构成的艺术表现 218
10.4.1 重复构成 219
10.4.2 渐变构成 219
10.4.3 空间构成 220
10.5 思考与练习 221
第11章 艺术类网站设计 222
11.1 艺术类网站概述 222
11.1.1 表演艺术 222
11.1.2 视觉艺术 222
11.1.3 造型艺术 223
11.1.4 语言艺术 223
11.1.5 综合艺术 224
11.2 艺术类网站设计 224
11.2.1 首页制作 224
11.2.2 动态内页制作 229
11.2.3 网站展示内页制作 230
11.2.4 联系方式内页制作 230
11.3 思考与练习 231
第12章 企业类网站设计 233
12.1 企业类网站设计应用 233
12.1.1 明确创建网站的目的和
用户需求 233
12.1.2 总体设计方案主题鲜明 234
12.1.3 网站的版式设计 234
12.1.4 色彩在网页设计中的
应用 235
12.1.5 多媒体功能的应用 235
12.1.6 内容更新与沟通 236
12.2 手机网站设计 236
12.2.1 首页设计 236
12.2.2 内页布局设计 242
12.2.3 网站文字信息页设计 243
12.2.4 网站图像展示页设计 243
12.3 思考与练习 245
第13章 餐饮类网站设计 246
13.1 餐饮类网站类别 246
13.1.1 餐饮门户网站 246
13.1.2 餐饮企业网站 248
13.2 网站首页制作 249
13.2.1 网站标志设计 249
13.2.2 网页导航与Banner制作 251
13.2.3 网页内容和版尾制作 252
13.3 企业理念页与网上订餐页制作 253
13.3.1 子页导航与投票制作 254
13.3.2 企业理念页制作 257
13.3.3 订餐表单制作 258
13.4 饮食内容与特色佳肴页制作 258
13.5 思考与练习 259
第14章 购物类网站设计 260
14.1 购物类网站类别 260
14.1.1 按商品活动类型分类 260
14.1.2 按商品类型分类 261
14.2 鹏乐购物网站首页设计 263
14.2.1 首页布局设计 263
14.2.2 内容添加 265
14.3 购物网站内页设计 267
14.3.1 内页布局设计 267
14.3.2 图像展示页设计 269
14.3.3 文字信息页导入 269
14.4 思考与练习 270
第15章 旅游类网站设计 272
15.1 旅游类网站鉴赏 272
15.1.1 旅游门户网 272
15.1.2 滑雪度假网站 272
15.1.3 田园度假网站 273
15.1.4 海边度假风光 273
15.1.5 文化旅游网站 274
15.1.6 航空公司网站 275
15.1.7 酒店预订网站 275
15.1.8 度假村客房服务 275
15.2 旅游网站设计 276
15.2.1 页面结构设计 276
15.2.2 页面内容设计 277
15.2.3 度假网站概况页设计 280
15.2.4 风景欣赏页设计 282
15.3 思考与练习 284
第16章 休闲类网站设计 285
16.1 休闲类网站概况 285
16.1.1 休闲之时尚生活 285
16.1.2 休闲之旅游 285
16.1.3 休闲之美容 286
16.1.4 休闲之健身 286
16.1.5 休闲之服饰 287
16.1.6 休闲之家居 287
16.2 美容网站首页设计 287
16.2.1 首页结构设计 288
16.2.2 信息内容添加 289
16.3 美容网站内页制作 291
16.3.1 Beauty 植物页制作 292
16.3.2 商品展示页制作 293
16.3.3 文字信息页制作 294
16.4 思考与练习 295
新书资讯