网页设计配色应用实例剖析——黄色系(2)_网页配色教程

→ 中黄色应用网页例图： www.totshop.com
　　

　　中黄色系分析：
　　背景中黄色上点缀多种艳度较高的颜色，都是属于跳跃的颜色，渲染整个网站的热闹环境气氛，符合该网站的设计主题。
　　从HSB数值上看，该中黄色的明度和饱和度呈最高值，属于明亮刺眼的颜色。辅助色是黄绿色和红色，黄绿色在中黄背景下呈冷色调，轻快单薄的亮色；红色的HSB数值H色相上看是正红色，明度稍低，这里属于厚重沉稳的颜色，在中黄色背景下呈现暖色调；背景中黄色在黄绿色和红色两者中这时呈中间色，是很好的整体页面视觉过渡色。
　　加之商品图片多种亮艳的色泽混合在同一页面上，点睛色白色在这里起到了调和多种颜色的作用，减少、透气于整个页面的多种配色噪音。

　　结论：
　　当背景色起到中间色的作用时，页面少量冷暖色彩搭配较轻易调和。
　　通常商品网站志在渲染热闹气氛，比较适合活泼跳跃、色彩绚丽的配色方案，但色彩的调和难度较大。


　　→ 黄绿色调网页例图： www.jpggrupo.com.ar
　　

　　黄绿色调分析：
　　主色调为黄绿色，单纯而看，黄绿色是通常的暖色的起始色、色彩中亮度最高的黄色与冷色的起始色、绿色相结合而得，因此该颜色看起来非常明快清新。
　　处于辅助色的非色彩黑色，中间的点缀色是主色调黄绿色，很轻易让人一时以为该颜色就是点睛色。实际主色调黄绿色的明度非常高，饱和度这时也很高，在明度最低的黑色衬映下就异常显眼。
　　背景色使用略有些渐变的效果，正是黄绿和黑（灰）颜色的柔和过渡，页面调和。
　　点睛色在这里混色较多，RGB、HSB数值差距都不大，因此颜色偏灰色阶，仔细分析是黄绿色与少许黑色混合而得，起到了调和背景色与辅助色明度差异过大的作用。

　　结论：
　　点睛色可以是少许刺眼的颜色，也可以是少许协调于视觉的混合灰色，无论是刺眼的颜色还是谦逊沉稳的灰色，都是不可缺少的角色，有着不可替代的作用。
　　整个页面配色较单纯，只有三种色，非色彩来说分别起到黑（辅助黑）白（主色黄绿）灰（点睛混合色）的作用，所以页面配色较有层次感，并不显得单调。
→ 黄色邻近色网页例图：www.leerbanen.nl
　　

　　黄色邻近色配色（黄色 红色）分析：
　　选取的上图三组色里HSB数值的B明度虽然都有些变化，但S饱和度分毫没有受到影响，仍都呈最高值100％，因此页面配色异常刺眼。好在其间有少量不同明度饱和度的红色系色块做压制，页面显得沉稳许多，页面色彩层次也丰富了许多，块面交织设计富有节奏韵律美，却也有雀跃的感觉。
　　页面照片人物也经过了双色调处理，与页面色彩风格一致。
　　整个页面属于明暗反差较大的色调，所以页面响亮明快，极赋视觉冲击力、感染力。

　　结论：
　　刺眼的颜色有深色块压制，也是很好的调和方法。
　　该页面里的不少小色块混合了暗灰色，因此页面饱和度刺激程度得到少许降低并调和。
　　同类色系、类似色系不同纯度明度的深浅变化搭配，增添现代美感。