当前位置:首页>>软件教程>>网页制作>>新闻内容  
网页设计配色应用教程之色彩的调和
作者: 发布时间:2006-10-11 9:46:08 | 【字体:


  结论
  不是每种主色调都是极其显眼的位置,通常多扮演着用于突出主体的辅助性配角。而重要角色往往在页面中用的份量极少,却又起到突出主体的作用。

  ■ 对比色的调和

 
 调和方法有:
  1、提高或降低对比色的纯度;
  2、在对比色之间插入分割色(金、银、黑、白、灰等);
  3、采用双方面积大小不同的处理方法;
  4、对比色之间加入相近的类似色。

  → 对比色的调和网页例图:http://www.snapple.com
  
  

网页设计配色应用教程之色彩的调和(3)

对比色的调和网页例图


  
  对比色的调和分析:


  基本上可以说是黄色和紫色的对比色做页面的主要色调。黄色紫色组合在网页中使用率较低,原因是这组颜色适用范围相对其他两组对比色要小很多,配色难度也较两组大。
  这里黄色加入了红色呈中黄色,紫色加入了红色,偏玫瑰色,所以这组颜色不是严格意义上的对比色,也因此使这组颜色看起来协调、舒服。这个页面都调低了亮度使整体降低了纯度,缓和视觉刺激。白色是这组对比色里加入的协调色。

  结论:
  从上面的分析我们可以知道,通过上面的这些色值调配--当需要使用这组对比色配色时候该如何达到协调的目的。
  不是对比色为主色调的页面就一定会有不舒服的感觉的,主要可以通过调低亮度、降低饱和度、加入少许白色来调和。

  ■ 渐变色的调和

 
 渐变色实际是一种调和方法的运用。是颜色按层次逐渐变化的现象。色彩渐变就像两种颜色间的混色,可以有规律地在多种颜色中进行。暗色和亮色之间的渐变会产生远近感和三维的视觉效果。

网页设计配色应用教程之色彩的调和(4)

渐变色的调和网页例图



  渐变色的调和分析:


  该页面背景使用了渐变的效果,增加了视觉空间感。在导航栏、广告区域、产品技术的大标题块,都使用了渐变的技术手法来表达,产生三维的视觉效果,统一了整个页面的设计语言,也是区别于其他网站页面的个性体现,达到让人印象深刻的目的。
  结论:
  渐变色能够柔和视觉,增强空间感,体现节奏和韵律美感,统一整个页面的目的。
  除了统一当然也可以起到变化页面视觉形式的作用。该设计语言可做需要的时候适当的使用。
  
  
  本部分小结:

  
  本节主要对色彩的对比与调和做了实例分析。例如当页面平淡单调,需要用对比手法做些变化来丰富页面的色彩设计;当页面变化过多,显得刺眼、凌乱,可以通过以上介绍的调和方法进行调整,使得页面看起来更统一协调。
  
  主要是通过面积大小、冷暖对比来表达体现页面的主次关系、中心思想。
  颜色平淡可加入适当类似色对比色来使页面产生变化。颜色凌乱可以适当加入同类色或者类似色、白色、黑色、灰色做到统一调配的目的。
  对比色的搭配并不是就是说是绝对值的红或者绿,蓝或橙、黄或紫。对比色的第一视觉倾向越明显配色难度就越大,也就是说越难调和;反之,倾向越不明显的对比色越容易调和。请参照刚才对比色调和页面分析例子方法。
  不是一种色彩面积用得越多或者越少、纯度、明度越高就是能突出主体的主角色,主要是根据色彩相互之间的搭配关系来体现的。
  一个页面中单纯绝对的使用某种颜色或是使用绝对非常多种颜色搭配,容易产生个性效果,那叫玩色彩了,限于色彩运用得非常熟练的朋友,但不推荐初学者使用。


[首页]    [上一页]    [下一页]    [末页]    
文章来源:
·网页设计配色精彩十例
·国际网页Web设计流程
·商业网站设计主要原则
·2003年度十大WEB设计误区
·[图]网页设计颜色对照卡
·网页设计问题大搜集
 放生
 愚爱
 够爱
 触电
 白狐
 葬爱
 光荣
 画心
 火花
 稻香
 小酒窝
 下雨天
 右手边
 安静了
 魔杰座
 你不像她
 边做边爱
 擦肩而过
 我的答铃
 怀念过去
 等一分钟
 放手去爱
 冰河时代
 你的承诺
 自由飞翔
 原谅我一次
 吻的太逼真
 左眼皮跳跳
 做你的爱人
 一定要爱你
 飞向别人的床
 爱上别人的人
 感动天感动地
 心在跳情在烧
 玫瑰花的葬礼
 有没有人告诉你
 即使知道要见面
 爱上你是一个错
 最后一次的温柔
 爱上你是我的错
 怎么会狠心伤害我
 不是因为寂寞才想
 亲爱的那不是爱情
 难道爱一个人有错
 寂寞的时候说爱我