您现在的位置: 网页制作教程网 >> 网页设计 >> 网页配色教程 >> 文章正文

网页配色方案——绿色系

作者:黎芳

来源:天极

热度:

2007-1-4 12:48:33

→ 绿色弱对比网页例图:http:// www. visualade.com


  绿色系分析:(黄绿色+弱对比)
  从HSB模式的数值上看,主色调是接近于黄色的基础上加入了少许绿色在里面,饱和度和明度降低,色彩看起来较柔和。辅色调墨绿色的绿色的倾向稍高,饱和度也较高,只是明度降低,该色看起来踏实沉稳。
  点睛色红色H数值为零度,呈正红色,但是该颜色饱和度和明度降低,而红色本身的色度比黄绿色要暗不少,因此颜色稳重。另一点睛色蓝绿色,明度饱和度都很低,在页面配色里似乎没有点睛感觉,更多的是呈辅助状态。

  结论:
  主色调是相对比较鲜亮的颜色,而辅助色和点睛色是属于比较沉稳的颜色,页面通过大小色块的对比提高视觉的反差力度,增强页面的感染力。
  由于整个页面的饱和度整体稍微降低,因此该页面配色较协调、缓和。

→ 同类绿色+多种点睛色例图 :http://www. girlshop.com


  绿色系分析:(绿色配色:同类绿色+多种点睛色)
  主要色调HSB模式H数值显示75度,依旧是色轮表里倾向于黄色区域方位边缘的绿色,呈现出的黄绿色调。辅色调在明度上有些提亮,与主色调形成较强的对比。
  点睛色里所使用的对比色组合有两组,红色与绿色,蓝色与橙黄色,其中黄色是介于暖色(橙黄、红色)和冷色(绿色、蓝色)的过渡色也是调和色。

  结论:
  通过上面的分析大家可以看到,该网页的配色不少,而且还有两组对比色在内,但是页面配色也很协调。原因之一,从下面抽取的色块可以看出来,是一个过渡柔和的色轮表:以黄色为中界一边是较浅的黄绿到绿色再到蓝色,另一边是橙黄再到红色。原因之二,点睛色毕竟是扮演着点睛色的角色,有主色调和辅色调大面积的控制,即便再多些点睛色也不至于很快干扰到页面的整体配色。
  整个页面保证了协调、不凌乱的步调,但是又能把商业网站的热闹氛围体现得很好的渲染。此种配色方法值得我们学习借鉴。

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

我来说两句:

1分 2分 3分 4分 5分
姓名: *


* 请各位网友遵纪守法并注意语言文明。
网站简介 | 联系方式 | 意见建议 | 版权说明
Copyright © 2007 All rights reserved
滇ICP备06006992号