网页设计配色应用实例剖析——黄色系

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

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


　　→ 高纯度黄色邻近色应用网页例图：www.mudbubble.com
　　
　　高纯度黄色邻近色配色（黄色+红色）分析：
　　全页选取的几个色彩组合是高纯度高明度的邻近色正黄、淡黄（这里的淡黄色不是指浅黄色，而是色彩颜料色里的称呼。）、中黄及正红色。
　　我们知道，黄色是色彩系里明度最高的耀眼色，HSB数值H色相60度是正黄色，特性越高明度越高。H色相度往60度前是接近红色，而红色明度相较于黄色低，背景色HSB数值H色相为48度，往红色靠近，因此色度较深，呈现为中黄色。使用中黄背景正是烘托突出前景的淡黄色。淡黄色的前景上设计少许中黄色带进入，页面的色彩层次感生动了不少。
　　另一个辅助色红色HSB数值的H色相是0度，显示正红色且高纯度高亮度，放在最显眼的标志广告区域，实现视觉引导作用，主次感增强了。
　　白色也是辅助色三色之一，在顶部面积较大的使用，使整个页面的纯度缓和了许多，起到提亮并拉开空间的作用。
　　点睛色用于导航栏，提示导航区域的醒目与重要性。

　　结论：
　　高纯度高明度的颜色调子耀眼响亮，通常对视觉的刺激程度较大。
　　邻近色由正黄到最后的正红色是色轮表的协调过渡色，因此页面调和。
　　邻近色与同类色一样，是调和色，但较同类色更生动更多变化。

上一页  [1] [2] [3] [4] 下一页