网页设计配色应用实例剖析――黄色系_网页配色教程

2024-08-30 08:33:20

字体：大中小

来源：转载

供稿：网友

文章要害字：网页配色
黄色是阳光的色彩，具有活泼与轻快的特点，给人十分年轻的感觉。象征光明、希望、高贵、愉快。浅黄色表示柔弱，灰黄色表示病态。它的亮度最高，和其他颜色配合很活泼，有温暧感，具有快乐、希望、聪明和轻快的个性，有希望与功名等象征意义。黄色也代表着土地、象征着权力，并且还具有神秘的宗教色彩。

　　黄色的性格冷漠、高傲、敏感、具有扩张和不安宁的视觉印象。
　　浅黄色系明朗、愉快、希望、发展，它的雅致，清爽属性，较适合用于女性及化妆品类网站。
　　中黄色有崇高，尊贵，辉煌、注重、扩张的心理感受。
　　深黄色给人高贵、暖和、内敛、稳重的心理感受。

　　下面我们根据黄色系不同属性邻近色、同类色的高纯度低纯度色彩搭配做不同的举例分析。

　　→ 黄色系网页例图：www.bernhardwolff.com
　　按此在新窗口浏览图片

　　黄色系分析：
　　黄色是所有彩色中明度最高的颜色。上图看到HSB模式的H数值是60度，正是正黄色，但RGB数值中加入了B蓝色数值为51，因此降低了HSB的饱和度S为80％，但是大面积的　　黄色仍使得该页面色彩明亮显眼。
　　辅助色是纯黑色，非色彩明度最低的颜色。
　　大面积显眼的正黄色有黑色的线条压制，黄色顿时显得沉稳，页面增添内容感。
　　白色虽然是点睛色，但由于非色彩的白色与黄色的明度最高，因此这里似乎没有起到"点睛"的作用。

　　结论：
　　当鲜度、明度高的背景色与前景辅助色暗度低的黑色在明度形成较强烈的对比时，艳度降低，较能协调视觉。
　　整个页面配色单纯，却也不简单，形成另一种设计风格。

　　→ 黄色同类色网页例图：www.paralotna.pl
　　按此在新窗口浏览图片

　　黄色同类色分析
　　该页面的配色很单纯，是同类色的黄色不同明度颜色，页面看起来干净、单纯。
点睛色白色淡黄色在深色黄色背景下比较显眼，且在最中间位置，是整个页面中的高调部分。
　　这三种黄色，明度都很高，只有背景辅助色明度稍低，点睛黄色H色相是三种颜色中黄色倾向最高的为57度，而60度是正黄色，因此明度也是最高的，充分的发挥其点睛色的作用。
　　背景色和前景色只在色相上明度上有非常微妙的变化，却也很巧妙，形成了变化较明显的空间层次感，削弱了同类色易产生的单调感。点睛色白色让层次感更明显。

　　结论：
　　同类色的属性使得整个页面非常和谐，可以根据不同的主题来设计配色。
　　可以通过明度、饱和度的不同变化来加强页面配色的层次感。

上一篇：网页设计配色应用实例剖析――橙色系_网页配色教程

下一篇：自然界的色彩搭配与界面设计_网页配色教程