电脑技术学习

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

dn001
→ 黄色邻近色网页例图:www.leerbanen.nl

黄色邻近色配色(黄色+红色)分析:

选取的上图三组色里HSB数值的B明度虽然都有些变化,但S饱和度分毫没有受到影响,仍都呈最高值100%,因此页面配色异常耀眼。好在其间有少量不同明度饱和度的红色系色块做压制,页面显得沉稳许多,页面色彩层次也丰富了许多,块面交织设计富有节奏韵律美,却也有雀跃的感觉。

页面照片人物也经过了双色调处理,与页面色彩风格一致。

整个页面属于明暗反差较大的色调,所以页面响亮明快,极赋视觉冲击力、感染力。

结论:

耀眼的颜色有深色块压制,也是很好的调和方法。

该页面里的不少小色块混合了暗灰色,因此页面饱和度刺激程度得到少许降低并调和。

同类色系、类似色系不同纯度明度的深浅变化搭配,增添现代美感。

→ 高纯度黄色邻近色应用网页例图:www.mudbubble.com

高纯度黄色邻近色配色(黄色+红色)分析:

全页选取的几个色彩组合是高纯度高明度的邻近色正黄、淡黄(这里的淡黄色不是指浅黄色,而是色彩颜料色里的称呼。)、中黄及正红色。

我们知道,黄色是色彩系里明度最高的耀眼色,HSB数值H色相60度是正黄色,特性越高明度越高。H色相度往60度前是接近红色,而红色明度相较于黄色低,背景色HSB数值H色相为48度,往红色靠近,因此色度较深,呈现为中黄色。使用中黄背景正是烘托突出前景的淡黄色。淡黄色的前景上设计少许中黄色带进入,页面的色彩层次感生动了不少。

另一个辅助色红色HSB数值的H色相是0度,显示正红色且高纯度高亮度,放在最显眼的标志广告区域,实现视觉引导作用,主次感增强了。

白色也是辅助色三色之一,在顶部面积较大的使用,使整个页面的纯度缓和了许多,起到提亮并拉开空间的作用。

点睛色用于导航栏,提示导航区域的醒目与重要性。