作者：龙马工作室
出版社：信息技术第二出版分社
格式: AZW3, DOCX, EPUB, MOBI, PDF, TXT
精通色彩搭配 100%全能网页配色密码试读：
前言
随着社会信息化的发展，与网站开发相关的各项技术越来越受到广大IT从业人员的重视，与此相关的各类学习资料也层出不穷。然而，现有的学习资料在注重知识全面性、系统性的同时，却经常忽视了内容的实用性，导致很多读者在学习完基础知识后，不能马上适应实际的开发工作。为了让广大读者能够真正掌握相关知识，具备解决实际问题的能力，我们总结了多位相关行业从业者和计算机教育专家的经验，精心编制了这套“精通100%”丛书。
丛书内容
本套丛书涵盖读者在网站开发过程中可能涉及的各个领域，在介绍基础知识的同时，还兼顾了实际应用的需要。本套丛书主要包括以下品种。
网页配色的最佳学习途径
本书全面研究总结了多位计算机教育专家的实际教学经验，精心设计学习、实践结构，将读者的学习过程分为3个阶段。读者既可以根据章节安排，按部就班地完成学习，也可以直接进入所需部分，结合问题，参考提高。
本书特色
▶内容讲解，系统全面
本书对知识点进行精心安排，既确保内容的系统性，又兼顾技术的实用性。无论读者是否接触过网页配色，都能从本书中找到合适的起点。
▶项目案例，专业实用
本书针对学习的不同阶段选择案例。在系统学习阶段，侧重对知识点的讲解，以便读者快速掌握；而在实战阶段，则面向实际，直接对热门网站进行剖析，帮助读者了解知识的实际应用方法。
▶应用指导，细致入微
除了知识点外，本书非常重视实际应用，对关键点都进行了细致的讲解，帮助读者在学习过程中更深入地了解所学知识，掌握相关技巧。
▶书盘结合，迅速提高
本书配套的多媒体教学光盘中的内容与书中的知识点紧密结合并相互补充。教学录像可以加深读者对知识的理解程度，并系统掌握实际应用方法，达到学以致用的目的。
超值光盘
▶4小时全程同步教学录像
教学录像详细讲解知识点和操作技巧，帮助读者轻松掌握实用技能。
▶王牌资源大放送
除教学录像外，光盘中还赠送了大量超值资源，包括5小时Photoshop经典创意设计案例教学录像、18小时Dreamweaver CS5/Photoshop CS5和Flash CS5网页三剑客教学录像、22小时Dreamweaver教学录像、500个经典Photoshop设计案例效果图库、CSS属性速查表、Dreamweaver案例电子书、JavaScript实用案例集锦、JavaScript语法手册、Photoshop案例电子书、Photoshop常用快捷键速查表、精彩CSS+DIV布局赏析电子书、精彩网站配色方案赏析电子书、网页配色方案速查表、网页设计、布局与美化疑难解答电子书、颜色代码查询表、颜色英文名称查询表等。
光盘使用说明
▶Windows XP操作系统
01 将光盘印有文字的一面朝上放入 DVD 光驱中 , 几秒钟后光盘会自动运行。
02 若光盘没有自动运行，可以双击桌面上的【我的电脑】图标，打开【我的电脑】窗口，然后双击【光盘】图标，或者在【光盘】图标上单击鼠标右键，在弹出的快捷菜单中选择【自动播放】选项，光盘就会运行。
▶Windows 7、Windows 8操作系统
01 将光盘印有文字的一面朝上放入 DVD 光驱中 , 几秒钟后光盘会自动运行。
02 在Windows 7操作系统中,系统会弹出【自动播放】对话框，单击【运行MyBook.exe】选项即可运行光盘系统。或者单击【打开文件夹以查看文件】选项打开光盘文件夹，双击光盘文件夹中的MyBook.exe文件，也可以运行光盘系统。
在Windows 8操作系统中，桌面右上角会显示快捷操作界面，单击该界面后，在其列表中选择【运行MyBook.exe】选项即可运行光盘系统。或者单击【打开文件夹以查看文件】选项打开光盘文件夹，双击光盘文件夹中的MyBook.exe文件，也可以运行光盘系统。
03 光盘运行后，经过片头动画便可进入光盘的主界面。
04 教学录像按照篇章顺序排列，在顶部的菜单中依次选择篇、章名称，即可播放相应的录像。
05 单击菜单栏中的【赠送资源】，在弹出的菜单中选择赠送资源的名称，即可打开相应的文件夹。
06 详细的光盘使用说明请参阅“其他内容”文件夹下的“光盘使用说明.pdf”文档。
创作团队
本书由龙马工作室策划，孔长征任主编，李震、赵源源任副主编。参与本书编写、资料整理、多媒体开发及程序调试的人员有孔万里、乔娜、周奎奎、祖兵新、董晶晶、王果、陈小杰、左琨、邓艳丽、崔姝怡、侯蕾、左花苹、刘锦源、普宁、王常吉、师鸣若、钟宏伟、陈川、刘子威、徐永俊、朱涛和张允等。
在编写过程中，我们竭尽所能地将最好的讲解呈现给读者，但也难免有疏漏和不妥之处，敬请广大读者不吝指正。若读者在学习中遇到困难或疑问，或有任何建议，可发送邮件至zhangyi@ptpress.com.cn。编者第1篇基础篇
本篇介绍了网站配色的基础内容，包括初识网站色彩、色彩与情感表达及网页配色必备的6种手法等，为后面深入学习奠定根基。第1章初识网站色彩本章教学录像：17 分钟
色彩的世界就像每个人在大自然中所经历的世界一样,有着那足以吸引每一个人眼球的“魅力”。如果将这些色彩融入网站，甚至于网页的某一部分，就能够让网站的色彩变得更为合理。从而更能吸引用户，并使得用户因为网站色彩而对网站留下深刻的印象。
网站的用户越来越多，它以其自身独特的色彩魅力吸引着网友的眼球。色彩一直刺激着人最为敏锐的视觉器官，是网站中所能反映的第一印象。为了能够更好地运用色彩，这一章先介绍网站色彩方面的基础知识，并简单阐述网站的色彩应用。
本章要点（已掌握的在方框中打钩）
□掌握色彩基础知识
□认识网页色彩
□了解 Web 216 安全色
□了解不同类型网站的色彩应用1.1 色彩基础知识
色彩是一种非常微妙的东西，是我们平常很常见的、熟悉的事物，从生活中的衣食住行，乃至大自然中的山川河流，都少不了色彩的“身影”。下面将介绍一些色彩的基础知识，以帮助我们认识色彩。
1.色彩的形成
我们看到的色彩，并不是物体本身固有的，而是物体本身吸收和反射光波的结果。分析色彩的形成，主要是通过以下几方面实现的。
⑴通过物体本身的反射，所形成的一定的色彩。
例如下图所示，在灯光的照射下，房子本身所形成的色彩效果。这里我们可以看到灯光，但是折射的光线会比灯光来得暗。因而，物体也就有着明暗不同的光线照射下的效果。
⑵通过光源的照射，所形成的一定的色彩。
以下图所示建筑为例，在页面下半部分，可以清楚地看到不同于建筑，又有着建筑轮廓的色彩及形状。这就是通过光源的照射所形成的色彩。
⑶由于物体色彩受环境的影响，所形成的一定的色彩。
以下图为例，页面中下半部分较亮部分的区域，有着灯光的反射，但因为受到湖面环境的影响，其中的色彩明显要暗于实际灯光的颜色；同时因为环境的影响，也有着光线反射不充分等现象。
⑷由于物体色彩受空间的影响，所形成的一定的色彩。
下图所示是一室内屋顶的吊灯，因为受空间的影响，屋顶是封闭的，所以该光线的整体效果其顶端除了灯光自身以外其他部分要明显暗于底下有灯光照射的部分。这是一个常见的受空间影响的色彩效果。
2.色彩的类型
色彩一般被划分为三个类型，如下图所示，即光源色、固有色和环境色。下面一起来认识一下这三种类型。
⑴光源色
光源色是指由各种光源发出的光。因为太阳光、灯光等不同光源发出光的光波长短、强弱、比例性质不一样，所以表现成各种各样的色彩。
相比之下，太阳光比灯光的光线要充足。因为不同光线的这一性质，加之在光线吸引的多少上又有不同，也就使得光源色相互之间有着不同的色彩。
⑵固有色
固有色是指物体自己本身的颜色。因为物体固有的属性，在常态光源下也是会有色彩呈现的，所以就形成了物体的固有色相。
例如，下图所示页面中草莓、橙子、水与水杯，以及布帘的颜色是固有色。因为这些颜色在当时是固有的，也是所有该类物品所固有的。虽然会受到光线等的影响，但物体自身的颜色是固有的。
⑶环境色
环境色是指物体周围环境的颜色反射到物体上的颜色。因为物体表面受到光照后，在一定程度上吸收了一些光，但还有一部分是反射到周围物体上的。例如有些物体的反射效果特别强烈，所以我们需要在网站设计时考虑环境色的影响。
因为环境色会根据所处环境的不同而在颜色上发生一定的变化。例如，同样是反射到物体上的颜色，在户外由于所处环境不同，光源更加充足，该物体的环境色和光源色也就不一样了。
3.色彩的三个属性
色相、明度和纯度是色彩的三个属性。不同的颜色会给浏览者不同的心理感受，所以我们需要非常清楚地认识色彩的属性。关于色彩属性的详细内容，在1.4节中将进行介绍。
例如，下图所示上、中、下三排，分别可以进行色相、明度、纯度的区别。
上排：左边的色相是蓝色，右边的色相是红色。
中排：同一种颜色蓝色，亮一些的明度高，暗一些的明度低，形成了对比效果。
下排：同一种颜色青色，左边的杂质多、纯度低，右边的纯度比左边的要高得多。
4.色彩性质的分类
因为三原色（所谓的红、绿、蓝就是三原色）中，红色属于暖色，其他两种都不是，所以设计时可以通过红色所占比例的多少来进行作品颜色冷暖的判断。不同的色调(如下图所示)所反映的色彩性质是有区别的，下面进行具体分析。
⑴暖色调
以红色、橙色、黄色为代表的暖色调，蕴含着太阳、火焰般的视觉热情，给人心里温暖的感觉。如果想在暖色调中带上偏冷的感觉，可通过亮度的调整。亮度越高，越偏冷。例如下图所示网页，是属于暖色调的色彩搭配。
⑵冷色调
以绿色、蓝色、黑色为代表的冷色调，蕴含着蓝天、大海、森林般的视觉效果，给人心里宽广、深沉的感觉。同样，可以通过调整亮度，让冷色调变得暖起来。例如下图所示网页，是属于冷色调的色彩搭配。
⑶中性色调
以灰色、紫色、白色为代表的中间色，给人一种轻快的感觉。需使用中间色的时候，一般会将之作为一个过渡色调来应用。然后搭配暖色或者冷色，让视觉冲击变得更加明显。例如下图所示网页，是中性色调在页面中的应用实现。1.2 认识网页色彩
用户浏览网站，第一印象或许并不是合理的版式布局，而是应用于网页中的色彩。一个网站是否优秀，在一定程度上同设计师的色彩运用和搭配有着密不可分的关系。这就要求我们对于网页色彩有着深刻的认识。这节以下几方面的内容，将帮助我们认识网页色彩。
1.Web 216 安全色
Web 216 安全色，即指 216 种网页安全色，可以在网页中安全显示，不会因为操作系统不同、浏览器不同而使得色彩产生偏差。通过在Windows操作系统中进行显示模式切换来认识。该操作系统下的效果与 Mac OS、Linux 等操作系统的颜色效果是一样的。下面的切换操作，主要是为了帮助我们认识并记住这216种网页安全色。因为现在电脑的显示要求越来越高，所以一般配置的电脑对该颜色模式不是默认的，需要进行切换操作。具体操作如下。
1 鼠标右击桌面图标“我的电脑”，在弹出的快捷菜单中，选择“属性”命令，打开如下图所示的对话框。
2 在弹出的“显示属性”对话框中，选择“设置”选项卡，如下图所示。在其中的“颜色质量”下拉列表框中，选择“中（16位）”选项，就切换到了256色模式。
计算机在256色的显示环境下可以正确显示216色网页安全色。这216种颜色具体是哪些，将在1.3节进行介绍。因为256色环境下，其中就包含了216色网页安全色。更高的色彩环境，当然也包含了网页安全色，只是色彩种类越多，要想分辨其中的网页安全色也就越难。所以在256色中，所包含的各种色彩，由于只差几十种，也就表示基本就是网页安全色了。这样偏差也就小多了，因为要记住216种颜色毕竟不是一项能够马上完成的任务，需要我们花时间记忆。既然有这样快捷的方法，何不轻松借用？
2.网页色彩模式
色彩的模式可以分成Lab、RGB、CMYK、Indexed等，其中CMYK常被用于出版印刷，设计网页时是用不上的。Lab模式，其颜色设计与设备是没有关系的。在进行网页设计的过程中，因为CMYK用于印刷行业，Lab受到使用颜色文件的设置影响，所以主要使用RGB色彩和Indexed色彩这两类。
⑴RGB 色彩
RGB模式中，显示器的每一个像素点都赋予了0ˉ255的三个值，分别用R、G、B来表示。R是红色（Red）的缩写，G是绿色（Green）的缩写，B是蓝色（Blue）的缩写，通过RGB的值混合得到最终显示在屏幕上的色彩。因为这个模式适合所有显示器所能显示的图形，所以网页图像都会在RGB模式下进行开发。
下图是图形图像类软件Photoshop中的“拾色器”对话框，在进行网页图像开发的过程中，通过调整其中R、G、B右侧文本框中的值，可以改变色彩。
⑵Indexed 色彩
Indexed色彩模式，在进行滤镜处理时，效果不太理想。因为该模式有着存储空间小的优势，所以才会被多媒体制作和互联网频繁应用。例如，保存GIF格式等网络图像，不妨采用这种模式。其在有效缩减图像文件的大小、适度保持图像文件的色彩品质方面，优势非常突出，很适合制作放置于Web页面上的图像文件。
Indexed模式就是索引颜色模式，也叫做映射颜色。在这种模式下，只能存储一个8bit色彩深度的文件，即最多256种颜色，而且颜色都是预先定义好的。一幅图像所有的颜色都在它的图像文件里定义，也就是将所有色彩映射到一个色彩盘里，这就叫色彩对照表。因此，当打开图像文件时，色彩对照表也一同被读入了Photoshop中，Photoshop由色彩对照表找到最终的色彩值。
⑶Lab 色彩
Lab模式既不依赖光线，也不依赖颜料，它是CIE组织确定的一个理论上包括了人眼可以看见的所有色彩的色彩模式。Lab模式弥补了RGB和CMYK两种色彩模式的不足。
Lab模式由三个通道组成，但不是R、G、B通道。它的一个通道是亮度，即L。另外两个是色彩通道，用A和B来表示。A通道包括的颜色是从深绿色（底亮度值）到灰色（中亮度值），再到亮粉红色（高亮度值）；B通道则是从亮蓝色（底亮度值）到灰色（中亮度值），再到黄色（高亮度值）。因此，这种色彩混合后将产生明亮的色彩。
例如，下图所示的Photoshop中的颜色模板中，Lab模式的色彩值是比较常见的。但是，由于受设备的影响，在表达色彩范围上，处于第一位的是Lab模式，第二位的是RGB模式，第三位是CMYK模式。
⑷CMYK 色彩
例如，下图所示是Photoshop中常见的CMYK色彩模式。这一部分让我们来认识该色彩模式。当阳光照射到一个物体上时，这个物体将吸收一部分光线，并将剩下的光线进行反射，反射的光线就是我们所看见的物体颜色。这是一种减色色彩模式，同时也是与RGB模式的根本不同之处。不但我们看物体的颜色时用到了这种减色模式，而且在纸上印刷时应用的也是这种减色模式。
按照这种减色模式，就演变出了适合印刷的CMYK色彩模式。CMYK代表印刷上用的四种颜色：C代表青色，M代表洋红色，Y代表黄色，K代表黑色。因为在实际引用中，青色、洋红色和黄色很难叠加形成真正的黑色，最多不过是褐色而已。因此才引入了K——黑色。黑色的作用是强化暗调，加深暗部色彩。CMYK模式是最佳的打印模式，RGB模式尽管色彩多，但不能完全打印出来。1.3 Web 216安全色
因为不同浏览器有着不同的调色板，所以在浏览器中打开的网页的色彩可能会有误差。浏览器通过选取本身所用调色板中最接近的颜色，或者通过抖动以及混合自身颜色的方式，将浏览器中没有的颜色重新产生。为了解决变动让颜色不产生变样的安全色问题，在网页设计过程中将Web 216安全色（即网络上的安全色）用作网页的色彩。
Web 216 安全色是一种颜色模型，采用十六进制方式表达。具体以三原色红、绿、蓝为主色调，然后将每一种三原色接近的6种颜色作为组成部分，从而形成216种特定的颜色。这些颜色可以安全地应用于所有的Web中。下图所示是全部的216种颜色。1.4 色彩的三要素与色立体
每一种色彩（除了无彩色）按照属性分类，都具有色相、明度、纯度这三种基本属性，又称色彩的三要素。无彩色有黑、白、灰三色。无彩色只有明度变化，而没有色相和纯度。色立体是一种科学的色彩表示方法，为人们提供了一个抽象的色彩世界。目前采用最多的色立体有：美国的孟赛尔色立体（如下图（左）所示）、德国的奥斯特瓦德色立体（如下图（右）所示）和日本色彩研究所。这一节内容，将详细介绍色彩的三要素。1.4.1 色彩的色相
什么是色彩的色相？指颜色、色彩的显著特征，可以将其看作色彩的相貌，通过为色彩命名的方式，用不同的名称来区别色彩种类。红、橙、黄、绿、蓝、紫等都代表一类具体的色相，它们之间的差别就属于色相差别。在各色中间插入一两个中间色，就可形成色相环。色相环可以是十二色相组成的，如下图（左）所示；也可以是二十四色相组成的，如下图（右）所示。
试读结束[说明：试读内容隐藏了图片]