网页设计中应用模式分析.pptVIP

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