《网页设计配色应用实例剖析.pptVIP

视觉角色主次位置分为如下几个概念 ■ 主色调　　页面色彩的主要色调、总趋势，其他配色不能超过该主要色调的视觉面积。（背景白色不一定根据视觉面积决定，可以根据页面的感觉需要。） ■ 辅色调　　仅次与主色调的视觉面积的辅助色，是烘托主色调、支持主色调、起到融合主色调效果的辅助色调。 　　 ■ 点睛色 　　在小范围内点上强烈的颜色来突出主题效果，使页面更加鲜明生动。　　 ■ 背景色 　　衬托环抱整体的色调，协调、支配整体的作用。 蓝色系 蓝色系强对比：蓝色+红色　　蓝色是冷色系的最典型的代表了，而红色是暖色系里最典型的代表，两冷暖色系对比下让全页的色彩对比异常强烈且兴奋，很容易感染带动浏览者的激昂情绪。红色把文字图片框起来，在蓝色背景对比下，很好的突出主题，又好似模仿投影荧屏的感觉，让人迅速的聚焦于视频中心，达到网站背后的最终目的。　　辅色调是红色，从数值上看接近于正红色，红色对视觉传递的信息是很快的，属于高昂响亮的颜色。　　点睛色分别是黄色、黄绿色。大家知道，黄色是明度最高的颜色，也较响亮、刺目，在这里的运用能强烈的突现标题。从大的来看，点睛色黄绿色与辅助色红色是对比色，虽然面积不太大，只小范围的对比，但是已经足以达到了迅速传递信息的效果，让人印象深刻，促成再访点击。 　　结论：　　冷暖色系的对比碰撞，充满激情，能传递炽热情感、强烈刺激主题的目的。　　该页面运用了冷暖、红绿两种比较鲜明的对比色，配色积极大胆，视觉冲击力很强 蓝色系分析：(深蓝色)　　HSB数值显示主色调和辅色调的H色相接近，饱和度为最高，都为100%，两者只在明度上有区别，分别是35%和65%。三维厚重的设计风格，用调和法之一的渐变手法，把主色调和辅色调进行了缓缓的过渡，增强了层次感，体现个性魅力，符合该页面视音频风格网站的主题。　　虽然是被誉为点睛色，但从整个页面来看由于面积关系，点睛色在这里所起的作用不大，仅仅就蜻蜓点水而已。相反的辅助色在这里却起到了较为突显的作用——让整个沉闷的本只起烘托作用的深蓝色得到充分的展示。另一辅色调灰色令白色与深蓝色反差不易过大，起到调和的目的。白色增强了整个页面的视觉感，使之更醒目。 　　结论：　　深蓝色是沉稳的且较常用的色调。能给人稳重、冷静、严谨、冷漠、深沉、成熟的心理感受。它主要用于营造安稳、可靠、略带有神秘色彩的氛围。　　深蓝色明度偏暗，基于上面对深蓝色的特质描述，在常规网站的设计里，可能不适合做太大面积的使用。但根据不同网站主题的设计需要可以做些不同的尝试 绿 色 绿色系分析： (高纯度配色：绿色+对比色组合) HSB数值H显示60度为正黄色，该主、辅色调只向绿色倾斜了一丁点–H为75度。大面积明度稍低的黄绿色为主要色调，饱和度却非常高，达到了100%，辅助色使用了提高明度的嫩绿色和白色，这两种辅色除了增加页面的层次感的同时，还能让整个页面配色有透亮的感觉，增强了绿色的特性。背景深褐色无疑把前景的所有纯色烘托得都耀眼于舞台上。 该页面有两组小小的对比色，一组是黄绿与橙红色，一组是橙黄色与天蓝色，这两组配色严格的来说不算对比色，因为色彩多少有些偏差。虽然它们的饱和度降低，但在这个页面中足以构成了最响亮的色调，把整个页面烘托得非常活跃、鲜明。 结论： 主、辅色调黄绿色大面积使用并不刺目，反而使得页面看起来很有朝气、活力。 适当运用不同纯度的不是相当严格意义上的对比色系组合时，通常能起到的主要作用是主次关系明确。不”标准”的对比色系对比特性虽然减弱，页面色彩看起来容易协调、柔和，但一样能突出主题 灰色 灰色系分析：（同类灰色＋多种颜色）　　这是一个灰色阶变化较多的页面，形成较有节奏块面分明的韵律美感。这一变化改善了灰色容易形成的呆板单调特性。　　从HSB模式数值来看，主色调辅色调都是非色彩的正灰色，没有掺杂其他色彩进去。点睛色黄色、绿色H数值上显示有些色相偏移都略向暖色色环靠拢，这两颜色的特性是属于较显眼的颜色。另外两点睛色粉红和粉蓝色在色相上已经较接近于正色系，明度较高饱和度降低。这四种颜色尽管所使用的面积非常少，但结合了面积上相对使用较多的非色彩白色，让整个页面配色雅致的同时不乏生动活跃。　　　　结论：　　不同灰色背景的变化，前景使用面积较少的纯净色点缀，这几种颜色还同样出现在右上角产生平衡色彩的呼应作用，整个页面产生雅致和谐的视觉美感。 黑 色 结论：　　橙色在黑色的背景上显得很鲜亮，它的特性得到了最大化的发挥。 紫 色 紫色是一种在自然界中比较少见的颜色。象征着女性化，代表着高贵和奢华、优雅与魅力，也象征着神秘与庄重、神圣和浪漫。另一方面又有孤独等意味。紫色在西方宗教世界中是一种代表尊贵的颜色，大主教身穿的教袍便采用了紫色。　　紫色的明度在有彩色的色