查看旧版所有文章

有风的日子,网页设计爱好者的家园

旧版

您现在访问的是有风的日子旧版!新版地址为:http://www.hellowind.com
有风的日子现已全面升级!新标识,新域名,新架构,新布局,新平台,不变的承诺——有风的日子,网页设计爱好者的家园
为网页设计、平面设计、多媒体设计及摄影爱好者提供资讯、博客、相册、论坛等多方位服务...

设计师谈网页配色 之一:多种不同的配色方案可以培养对配色的感觉(二)

来源:《Web Color Design——设计师谈网页配色》    发表于2004-3-8 17:51:12

关键字:配色, 色相, 色调

基于色相进行配色的具体方法

  当主要基于色相筹划了一个配色方案时,获得的效果通常会比较华丽明艳。很多民族服饰和儿童服装采用的都是典型的基于色相的配色方案,这种配色方案在拉丁美洲与亚洲的使用最为广泛。

  出色的色相配色方案可以凝造出整齐的氛围或可以突出各种颜色效果。适当地搭配好不色可以突出显示颜色并给人轻快的感觉,适当地搭配好类似色相可以获得整齐宁静的效果。

  经验之谈:
  色相配色的特点:可以获得稳定的变化效果。
  # 补色与相反色相配色:强烈而鲜明的效果。
  # 类似色相配色:冷静而稳重的感觉。

相反色相、类似色调配色

  这种配色方案是采用相反色相类似色调的配色方案。虽然使用了相反的色相,但通过使用类似的色调可以得到特殊配色效果。而影响这种配色方案效果的最重要的应素在于使用的色调。当使用了对比度较高的鲜明(Vivid)色调时,所使用色相效果将被突出从而得到较强的动态效果,当使用了对比度较低的黑暗(Dark)色调时,即使使用了多种不同的色相也能够得到较安静沉重的效果,这是因为使用暗色调时色相的差异也会变得不太明显。

  经验之谈:
  
相反色相,类似色调配色方案的特点:静态的变化效果
  # 补色与相反色相配色:强调效果,轻快的气氛。
  # 类似色相配色:整齐、安静的感觉。

  背景中的黄色与任务中的兰色构成了相反色相配色,但通过使用类似色调凝造出了安静平和的氛围。

配色辞典

  相关站点
  http://www.brainpop.com

  该站点使用的主要色都属于216网页安全颜色。

  这是一个儿童教育站点。在首页中使用高亮的兰色(Strong Blue)作为背景,并使用了橙色、红色、紫色等相反颜色为辅助颜色,整个首页使用的多种绚丽颜色会给人一种轻快的感觉。而下一级页面的背景色使用了上一级页面中按钮的颜色,从而做到了从首页到下一级页面的自然过渡。

  该站点使用的配色方案在使用多彩的颜色的同时没有失去整体风格,是一个成功的配色方案。

  TIP 背景色、主颜色(Main Color)、辅助颜色(Sub Color)、突出颜色(Accent Color)各指什么?
  背景色:用于背景的颜色。
  主颜色(Main Color):主要颜色,起到在整体上显示出站点整体内容和风格的重要作用。
  辅助颜色(Sub Color):辅助主演色的次要颜色,用于协助主颜色凝造整体气氛。
  突出颜色(Accent Color):用于突出、强调显示,主要使用于占用范围较小的按钮、标签等处。

  http://www.kennethcole.com