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

橙色系低对比度（橙色+绿色）
　　
　　 → 橙色低对比应用网页例图：http:// www.colourpixel.com
　　

　　 橙色系低对比度（橙色+绿色）分析：

　　如果不看数值参数，刚一开始看会以为这是一组纯度较低的颜色。HSB数值H显示主色调为正橙色，而黄绿色的明度较低且色相倾向不够明确，加之背景有少许的暗橙色纹样，整个页面没有高亮度白色点缀衬托，使得纯度的彩度不够确切，就很容易造成了该页面纯度较低的错觉。
　　整个页面最亮的颜色除了“书本”最亮色浅黄色外，就是点睛色黄色了。我们知道黄色是所有彩度色中明度最高的颜色，不同明度纯度的黄色系让整个页面明亮了不少，它是整个页面明度色阶的最高调。
　　黄绿色的出现，让本只有邻近色的橙色系列多了些内容，页面配色丰富不少、视觉节奏多了些变化。
　
　　 结论：
　　这类颜色的组合随着不同色阶明度的变暗，整个页面没有白色衬托，制造出另外一种古典的环境氛围，有如娓娓道来的故事场景，也是一种不错的主题配色方法。
　　本页面的配色设计亮点是——无白色设计。

橙色系高纯度高对比度（橙红色+绿色）
　　
　　 → 橙色高纯度对比应用网页例图：　 www.aliveis.com

　　

　　 橙色系高纯度高对比度（橙红色+绿色）分析：

　　与上组的橙色绿色相比，这组颜色强烈而刺激，色彩倾向无疑明确了很多。主色调橙红色往红色倾向，而红色的对比色是绿色，因此整组颜色有强烈的对比效果。从HSB数值H上看，除了蓝色外，其余几种颜色纯度都非常高，加上又是近于红绿对比色。页面的刺激强度是可想而知的强烈。
　　黄色是中间色，起到过渡对比色作用，在这组色里属于调和色。蓝色出现在产品图案上，引导主次关系，增强视觉的注目点。

　　结论：
　　橙色是注目容易引起食欲的颜色，在这里得到了较充分的应用。
　　非色彩的白色和黑色在这里起到了非常重要的作用，拉大了色彩色阶空间的距离。白色让整个色调组合更加明快，而黑色增添色彩的厚重质感——强烈中的强烈，增强对产品的视觉刺激。　　　

　　本部分小节：
　　
　　 ● 橙色在HSB数值的H中为30度，是正橙色。橙色是一个非常响亮注目的颜色。橙色的对比色是蓝色，当这两种颜色彩度倾向越明确，对比强度就越大。但我们也看到，除了正宗的对比色橙蓝色外，橙色和绿色随着纯度的升高，达到的对比效果也很强烈。
　　在今后的配色设计中可以多些不同明度纯度冷暖对比的尝试，会有意想不到的收获。

　　 ● 白色是所有网页设计中属于较通用的颜色，它容易突出彩度的特性，明快于整个页面，当一个页面设计没有使用白色时，空间感觉减弱，容易造成彩度不够明确、页面有些沉闷等反应，然而又相对来说增添页面的厚重感觉，制造另外一种环境气氛。黑色在色调组合的辅助角色里容易制造出厚重的色彩效果。
　　从这里我们又一次感受到色彩的相对性，即没有绝对的配色组合，它们总是根据搭配不同的色彩组合或强或弱的表现出什么样的特性。

　　 ● 同类色、邻近色的组合，是非常调和的色彩组合，即使减少了色相的数量，一样也可以调配出很多不同的调和色彩。对于初学者来说，这是一个非常实用的配色方法。

上一页  [1] [2] [3] [4] [5] [6]