Photoshop网页风格与配色设计全程揭秘.pdf

Photoshop网页风格与配色设计全程揭秘.pdf
 

书籍描述

内容简介
本书以目前最受欢迎的平面设计软件Photoshop为设计工具,对网页设计的配色技巧和原理进行了全面、细致的剖析。
本书首先从理论方面介绍了网页配色的一些基础知识,包括色彩基础知识、色彩的搭配和网页色彩的选择标准等内容。然后着重选择了7种常用的色系,并分别对它们的色彩意象进行详细的分析,结合配色具体实例的强化,使读者在掌握软件功能的同时能够迅速提高网页配色效率,极大地提高了从业素质。
本书附赠1张DVD光盘,其中提供了丰富的练习素材、源文件,并为书中所有实例都录制了多媒体教学视频,方便读者学习和参考。
本书结构清晰、由简到难,实例精美实用、分解详细,文字阐述通俗易懂,与实践结合非常密切,具有很强的实用性,是一本网页设计配色知识的学习宝典。

目录
1.1 色彩基础知识 1
1.1.1 色彩学 1
1.1.2 色彩传达的意义 1
1.1.3 色彩的属性 2
1.1.4 色彩的联想 4
1.1.5 RGB和HSB 5
1.1.6 网页安全色 6
1.2 色彩的搭配 6
1.2.1 色彩搭配的基础 6
1.2.2 色彩搭配的原则 8
1.3 网页色彩的选择标准 10
1.3.1 根据行业选择配色方案 10
1.3.2 根据浏览者的差异选择配色方案 11
1.3.3 根据色彩个性选择配色方案 13
1.3.4 根据星座选择配色方案 14
1.3.5 根据季节选择配色方案 16
1.4 网页中色彩的应用 20
1.4.1 网页中的色彩比例 20
1.4.2 网页中的留白艺术 22
1.4.3 色彩的层次 23
1.5 本章小结 23
2.1 网页背景颜色 24
2.1.1 使用颜色作为背景 24
实例01+视频:使用纯色作为背景 25
实例02+视频:使用渐变色作为背景 27
2.1.2 使用图片作为背景 29
实例03+视频:使用图片作为背景 29
2.2 网页文本颜色 32
2.2.1 文字的排版规则 32
2.2.2 文本配色之“黄金分割法” 32
实例04+视频:制作时尚网站首页 33
2.3 网站图片的色系 35
2.3.1 网站焦点图 35
实例05+视频:制作时尚图片网页 36
2.3.2 网页配图 39
实例06+视频:制作清爽服装网页 40
2.4 网页中的线条与图形 43
2.4.1 在网页中使用线条 43
实例07+视频:制作典雅的个人主页 43
2.4.2 在网页中使用形状 46
实例08+视频:制作有趣的设计网站 47
2.5 常见网站风格分析 50
2.5.1 中式风格网站分析 50
2.5.2 日韩风格网站分析 51
2.5.3 欧美风格网站分析 52
2.6 本章小结 54
3.1 正红 55
3.1.1 配色分析 55
3.1.2 配色实例 56
实例09+视频:设计家居类网站 56
3.1.3 配色原理分析 59
3.1.4 扩展方案 59
3.2 深红色 60
3.2.1 配色分析 60
3.2.2 配色实例 61
实例10+视频:设计快餐类网站 61
3.2.3 配色原理分析 64
3.2.4 扩展方案 64
3.3 朱红色 64
3.3.1 配色分析 64
3.3.2 配色实例 65
实例11+视频:设计书籍类网站 66
3.3.3 配色原理分析 69
3.3.4 扩展方案 69
3.4 玫瑰红 70
3.4.1 配色分析 70
3.4.2 配色实例 71
实例12+视频:设计女性时尚生活类网站 71
3.4.3 配色原理分析 74
3.4.4 扩展方案 74
3.5 紫红色 75
3.5.1 配色分析 75
3.5.2 配色实例 76
实例13+视频:设计美容护肤类网站 76
3.5.3 配色原理分析 79
3.5.4 扩展方案 79
3.6 宝石红 79
3.6.1 配色分析 79
3.6.2 配色实例 80
实例14+视频:设计餐饮类网站 81
3.6.3 配色原理分析 83
3.6.4 扩展方案 83
3.7 本章小结 84
4.1 正橙色 85
4.1.1 配色分析 85
4.1.2 配色实例 86
实例15+视频:制作活跃的美食网页 86
4.1.3 配色原理分析 89
4.1.4 扩展方案 89
4.2 太阳橙 90
4.2.1 配色分析 90
4.2.2 配色实例 91
实例16+视频:制作亲切的产品宣传网页 91
4.2.3 配色原理分析 94
4.2.4 扩展方案 94
4.3 杏黄色 94
4.3.1 配色分析 94
4.3.2 配色实例 95
实例17+视频:制作质朴的网络花店网页 96
4.3.3 配色原理分析 98
4.3.4 扩展方案 99
4.4 浅土色 99
4.4.1 配色分析 99
4.4.2 配色实例 100
实例18+视频:制作温馨的电影动画网页 101
4.4.3 配色原理分析 103
4.4.4 扩展方案 104
4.5 咖啡色 104
4.5.1 配色分析 104
4.5.2 配色实例 105
实例19+视频:制作高贵的西餐网页 105
4.5.3 配色原理分析 108
4.5.4 扩展方案 109
4.6 棕色 109
4.6.1 配色分析 109
4.6.2 配色实例 110
实例20+视频:制作漂亮的卡通甜点网页 110
4.6.3 配色原理分析 113
4.6.4 扩展方案 114
4.7 本章小结 114
5.1 鲜黄色 115
5.1.1 配色分析 115
5.1.2 配色实例 116
实例21+视频:制作明艳的商务网站 116
5.1.3 配色原理分析 119
5.1.4 扩展方案 119
5.2 含羞草 119
5.2.1 配色分析 119
5.2.2 配色实例 120
实例22+视频:制作活跃的旅游度假网站 121
5.2.3 配色原理分析 124
5.2.4 扩展方案 124
5.3 铬黄 125
5.3.1 配色分析 125
5.3.2 配色实例 126
实例23+视频:制作个性的艺术网站 126
5.3.3 配色原理分析 130
5.3.4 扩展方案 130
5.4 香槟黄 130
5.4.1 配色分析 130
5.4.2 配色实例 131
实例24+视频:制作精致的美食网站 132
5.4.3 配色原理分析 135
5.4.4 扩展方案 135
5.5 淡黄色 135
5.5.1 配色分析 135
5.5.2 配色实例 137
实例25+视频:制作悠闲的韩食网站 137
5.5.3 配色原理分析 139
5.5.4 扩展方案 140
5.6 本章小结 140
6.1 苹果绿 141
6.1.1 配色分析 141
6.1.2 配色实例 142
实例26+视频:制作工作室网站 142
6.1.3 配色原理分析 145
6.1.4 扩展方案 145
6.2 翡翠绿 145
6.2.1 配色分析 145
6.2.2 配色实例 146
实例27+视频:制作游戏类网站 147
6.2.3 配色原理分析 149
6.2.4 扩展方案 150
6.3 黄绿色 150
6.3.1 配色分析 150
6.3.2 配色实例 151
实例28+视频:制作广告类网站 151
6.3.3 配色原理分析 154
6.3.4 扩展方案 154
6.4 浓绿色 155
6.4.1 配色分析 155
6.4.2 配色实例 156
实例29+视频:制作保险类网站 156
6.4.3 配色原理分析 158
6.4.4 扩展方案 159
6.5 浅绿色 159
6.5.1 配色分析 159
6.5.2 配色实例 160
实例30+视频:制作家居类网站 160
6.5.3 配色原理分析 163
6.5.4 扩展方案 163
6.6 孔雀绿 164
6.6.1 配色分析 164
6.6.2 配色实例 165
实例31+视频:制作饮品类网站 165
6.6.3 配色原理分析 167
6.6.4 扩展方案 168
6.7 本章小结 168
7.1 天蓝色 169
7.1.1 配色分析 169
7.1.2 配色实例 170
实例32+视频:制作工作室网站 170
7.1.3 配色原理分析 173
7.1.4 扩展方案 174
7.2 水蓝色 174
7.2.1 配色分析 174
7.2.2 配色实例 175
实例33+视频:制作体育类网站 175
7.2.3 配色原理分析 178
7.2.4 扩展方案 178
7.3 深蓝色 178
7.3.1 配色分析 178
7.3.2 配色实例 179
实例34+视频:制作广告类网站 179
7.3.3 配色原理分析 182
7.3.4 扩展方案 182
7.4 浅蓝色 183
7.4.1 配色分析 183
7.4.2 配色实例 184
实例35+视频:设计饮食类网站 184
7.4.3 配色原理分析 187
7.4.4 扩展方案 187
7.5 蔚蓝色 187
7.5.1 配色分析 187
7.5.2 配色实例 188
实例36+视频:设计滑雪网站 188
7.5.3 配色原理分析 192
7.5.4 扩展方案 192
7.6 深青色 192
7.6.1 配色分析 192
7.6.2 配色实例 193
实例37+视频:设计游戏类网站 193
7.6.3 配色原理分析 196
7.6.4 扩展方案 196
7.7 本章小结 196
8.1 丁香紫 197
8.1.1 颜色分析 197
8.1.2 配色实例 198
实例38+视频:制作清爽的甜点页面 198
8.1.3 配色原理分析 201
8.1.4 扩展方案 202
8.2 紫色 202
8.2.1 颜色分析 202
8.2.2 配色实例 203
实例39+视频:制作搜索引擎页面 203
8.2.3 配色原理分析 207
8.2.4 扩展方案 207
8.3 深紫色 207
8.3.1 颜色分析 207
8.3.2 配色实例 208
实例40+视频:制作优雅的手机页面 209
8.3.3 配色原理分析 213
8.3.4 扩展方案 213
8.4 菖蒲色 213
8.4.1 颜色分析 213
8.4.2 配色实例 214
实例41+视频:制作电子产品页面 215
8.4.3 配色原理分析 218
8.4.4 扩展方案 218
8.5 浅莲灰 218
8.5.1 颜色分析 218
8.5.2 配色实例 219
实例42+视频:制作清爽漂亮的页面 220
8.5.3 配色原理分析 224
8.5.4 扩展方案 224
8.6 本章小结 224
9.1 白色 225
9.1.1 配色分析 225
9.1.2 配色实例 226
实例43+视频:制作时尚的时装网页 226
9.1.3 配色原理分析 228
9.1.4 扩展方案 228
9.2 蓝灰色 229
9.2.1 配色分析 229
9.2.2 配色实例 230
实例44+视频:制作精致的饮料网页 230
9.2.3 配色原理分析 233
9.2.4 扩展方案 233
9.3 中灰色 234
9.3.1 配色分析 234
9.3.2 配色实例 235
实例45+视频:制作豪华的汽车网页 235
9.3.3 配色原理分析 238
9.3.4 扩展方案 238
9.4 浅灰色 239
9.4.1 配色分析 239
9.4.2 配色实例 240
实例46+视频:制作清凉的绿色食品网页 240
9.4.3 配色原理分析 243
9.4.4 扩展方案 243
9.5 黑色 244
9.5.1 配色分析 244
9.5.2 配色实例 245
实例47+视频:制作华丽的电子产品网页 245
9.5.3 配色原理分析 248
9.5.4 扩展方案 248
9.6 本章小结 249
10.1 使用配色软件ColorKey Xp 250
10.1.1 软件简介 250
10.1.2 软件基本功能 251
10.1.3 配色实例 254
实例48+视频:制作化妆品网站 254
10.2 使用配色软件 Adobe Kuler 257
10.2.1 软件简介 257
10.2.2 软件基本功能 257
10.2.3 配色实例 259
实例49+视频:制作娱乐休闲网站 259
10.2.4 配色实例 263
实例50+视频:制作食品类网站 263
10.3 本章小结 267

序言
在如今这个互联网飞速发展的时代,网络已经成为人们生活中不可或缺的一部分。同时网站的建设也开始被众多的企事业单位所重视,这就为网页设计人员提供了很大的发展空间。而作为从事相关工作的人员则必须要掌握必要的操作技能,以满足工作的需要。
作为目前较为流行的网页设计软件——Photoshop,凭借着其强大的功能和易学易用的特性深受广大设计人员的喜爱。

本书内容
本书首先介绍了一些与网页设计配色相关的色彩知识,包括色彩的属性和联想、色彩搭配的原则、网页中色彩应用的基本规则和各种不同风格网站的分析等内容,使读者对网页配色有大致的了解。
第1章主要介绍网页配色的基础知识,包括色彩的基础知识、色彩的搭配原则、网页色彩的选择标准和网页中的色彩应用规则等内容。
第2章主要介绍配色与网页风格的关系,包括网页的背景颜色、网页文本颜色、网站图片的色系、网页中线条与图形的应用,以及常见的网站风格分析等。
接下来主要对红色系、橙色系、黄色系、绿色系、蓝色系、紫色系和无彩色系7种常见色系进行了具体的分析。每个色系都会选取最具代表性的5~6种具体颜色进行分析,并通过具体的配色实例深化配色原理。
第3章主要对红色系进行了详细的介绍,包括正红、深红色、朱红色、玫瑰红、紫红色和宝石红6种颜色。
第4章主要对橙色系进行了详细的介绍,包括正橙色、太阳橙、杏黄色、浅土色、咖啡色和棕色6种颜色。
第5章主要对黄色系进行了详细的介绍,包括鲜黄色、含羞草、铬黄、香槟黄和淡黄色5种颜色。
第6章主要对绿色系进行了详细的介绍,包括苹果绿、翡翠绿、黄绿色、浓绿色、浅绿色和孔雀绿6种颜色。
第7章主要对蓝色系进行了详细的介绍,包括天蓝色、水蓝色、深蓝色、浅蓝色、蔚蓝色和深青色6种颜色。
第8章主要对紫色系进行了详细的介绍,包括丁香紫、紫色、深紫色、菖蒲色和浅莲灰5种颜色。
第9章主要对无彩色系进行了详细的介绍,包括白色、蓝灰色、中灰色、浅灰色和黑色5种颜色。
最后主要介绍了几款操作较为简单、配色比较专业的配色软件,帮助用户科学有效地进行配色,以提高工作效率。
第10章主要对两款市面上较为常用的配色软件——ColorKey Xp和Adobe Kuler的操作流程和配色方式进行了详细的讲解。其中Adobe Kuler是和Photoshop绑定在一起的,用户可以方便地使用 Kuler查看在线的配色方案,或者自定义配色方案,并将自己的方案上传到网络上,供其他人下载或交流使用。

本书特点
本书以Photoshop CS6进行讲解,全面细致地讲解了网页设计配色相关的知识和技巧,对于网页设计初学者来讲,是一本难得的实用型自学教程。
紧扣主题
本书全部章节均围绕着网页设计与配色的主题进行展开,所制作的实例也均与配色相关,书中实例效果精美,并且内容实用性较强。
易学易用
书中采用基础知识与实例相结合的书写方式,使读者在学习后立即通过实例对学习的内容进行巩固,使学习的成果达到最大化。
多媒体光盘辅助学习
为了增加读者的学习渠道,增强读者的学习兴趣,本书配有多媒体教学光盘,在该光盘中提供了书中所有实例的相关素材、源文件以及视频教学,使读者可以得到仿佛老师亲自指导一样的学习体验,方便读者制作出与实例同样精美的作品,并能够快速地应用于实际工作中。

本书作者
本书由张晓景编著,另外李晓斌、解晓丽、孙慧、程雪翩、王媛媛、胡丹丹、刘明秀、陈燕、王素梅、杨越、王巍、范明、刘强、贺春香、王延楠、于海波、肖阂、张航、罗廷兰等人也参与了编写工作。本书在写作过程中力求严谨,由于水平有限,疏漏之处在所难免,望广大读者批评指正。
编 者

购买书籍

当当网购书 京东购书 卓越购书

PDF电子书下载地址

相关书籍

搜索更多