第1页 第一章 网页配色预览

（1）网页制作过程中，配色应尽量控制在3~4种颜色内。

（2）网页背景与网页中的内容文字对比性应增强，重点是突出网页中的文字内容，尽量不要使用花纹繁复的图案作为背景。

（3）网页配色时，使用的颜色最好不要超过4种。

（4）一个网页必须确定1种或2种主题色，在对其他辅助色进行选择时，需要考虑其他配色与主题色的关系。
a.同色系搭配：改变色彩的明度和饱和度来对网页中的不同区域进行划分。
b.相近色搭配：浅红色、浅蓝色、浅黄色（例子中是浅紫色、浅浅紫色【姑且这么叫啦，嘿嘿~~】、浅浅浅蓝色）所组成的相近色搭配的网页，它们的明度和纯度基本一致和协调。

另比如：黑色、深紫色和灰色。

确定一种网页的主色调，调整其透明度和饱和度，产生不同的新色彩，使用在网页的不同位置，这样可以使页面色彩统一，又具有层次感。

相近色可以理解为在感官上颜色比较接近的色彩。

c.冷暖色对比：比如 深蓝和亮黄。
避免冷色给人带来的冷漠，又可以避免暖色所带来的过度愉悦感。

黑白灰三色搭配：平静、严谨的印象，内容中的红色（小题目，分散状，面积非常非常小）文字让页面有了一种跳跃感。
黑白灰三色可以和任意颜色值进行搭配，在页面中不会造成视觉上的冲突，使页面更和谐。

（5）色相过多，画面虽然充满活力，但是显得比较混乱和繁杂。

相近色使页面显得较为稳定。如：将网页中的辅助色向主体色黄色靠拢，使网页整体呈现统一、协调的效果。

将色相、明度和纯度的差异缩小，彼此靠近，就能避免出现混乱的配色效果。
每个网页页面的颜色都有主色和辅助色之分，减弱可以收敛的辅助色，留下要突出的主色，这样网页的主体就会变得鲜明起来，不至于在混杂的配色情况下喧宾夺主。

（6）清爽的色彩印象：天蓝色和淡蓝色徐晨的配色对比感不强，使页面显得清新、凉爽。
文字主题：矿泉水  Tree for O2 含氧丰富的矿泉水  绿色的大树 浅浅蓝的湖水  灰白蓝的天空

        温暖的色彩印象：黄色和绿色给人一种温暖、安全、自然的印象。

文字主题：蜂蜜 （主要）   蜜蜂    树叶   大自然（绿色）   
黄色面积占比非常大

        冷峻的色彩印象：蓝灰色的背景给人一种冷静、理性的感受，黑色的加入给人一种神秘和冷峻的印象。

（7）收集色彩素材时，可以同时测量一下它的亮度，或者制作从白色到黑色的亮度标尺，记录该素材最接近的亮度值。

或者：平常尽量多收集生活中喜欢的色彩，无论是数码、平面的、各式各样的材质，然后将收集的素材，按照红、橙、黄、绿、蓝、靛、紫、黑、白、灰、金、银等不同的色系分门别类，这就是最好的色彩资料库，以后再需要配色时，就可以从色彩资料库中找到适当的色彩和质感。

( 8 )时尚感的配色：使用低明度的蓝色与橙色搭配，搭配高明度的蓝色和橙色线条，是网页背景充满时尚感。

充满活力的配色：使用明度很高的浅黄色背景体现出温馨的感觉，搭配高纯度的黄色和绿色，显得年轻和有活力。

（9）尝试新鲜感的配色：不是说完全摆脱传统的配色模式，而是在了解了美的范畴的原则后，能够跳出过去配色方式的一种局限。
例子：游戏画面（很多色彩，但整个视觉上典雅厚重，明度纯度都是差不多的。）
传统的配色：在视觉上直接传达它所要表达的主题，含义明确，给人印象深刻。

（10）配色时应该选择双色和多色组合
单色的明暗度组合，给人的统一感很强，容易让人产生印象；
双色组合会让颜色更明显，让人一目了然，产生新鲜感；
多色组合让人产生愉悦感。

如果想让人产生新奇感、科技感和时尚感，那么采用特殊色，如金色、银色， 就能够产生吸引人的 效果。

（11）如何快速实现完美的配色：
可以试着联想某个具体物体的色彩印象，从物体色彩出发，例如想象表现出一种清凉舒适的感觉，可以联想到水、植物以及其他有生机和活力的东西，这样在你的脑海中浮现的代表颜色就有蓝色、绿色和白色，然后把这些颜色挑选出来加以运用。

选定色彩时，确定一个页面的主色调，再配一两个合适的辅助色，如果想要呈现一种沉着、冷静的感觉，应以冷色调当中的蓝色为主。

同样地配色在面积、比例和位置稍有不同时，带给人们的感觉也不同。

色彩比例的不同：使用大面积的中灰色作为网页背景色，搭配面积比较不同（很小）的紫色和蓝色，表现出时尚感和科技感。