2006-10-27

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

来源: 天极设计 作者:黎芳 评论 0 条
  色具有轻快、欢欣、收获、温馨、时尚的效果,是快乐、喜悦、能量的色彩。
  在整个色谱里,橙色具有兴奋度,是最刺眼的色彩。给人以华贵而暖和,兴奋而热烈的感觉,也是令人振奋的颜色。具有健康、富有活力、勇敢自由等象征意义,能给人有庄重、尊贵、神秘等感觉。橙色在空气中的穿透力仅次于红色,也是轻易造成视觉疲惫的颜色。
  在网页颜色里,橙色适用于视觉要求较高的时尚网站,属于注目、芳香的颜色,也常被用于味觉较高的食品网站,是轻易引起食欲的颜色。
  
  下面我们根据橙色系不同属性邻近色、同类色、对比色的搭配做不同的举例分析。

   橙色   
  
   → 橙色网页例图:http:// www.wastelink.co.uk
   按此在新窗口浏览图片

   橙色系分析:

  主色调橙色HSB数值的H表示色相,显示的是30度,而30度正是橙色显示特征最标准的颜色——正橙色。饱和度和亮度同时达到最高值,因此整个页面的视觉刺激是极其刺眼强烈的。
  这里选取了三种面积相当又是整个页面使用得最少的颜色为点睛色,使页面生动的同时又运用于导航位置,从而达到突出主题的效果。从HSB数值上看它们的明度纯度相对较低,与明度纯度较高的背景正橙色形成鲜明的对比。
  通过范围较大的背景白色、前景图片灰白色和小细节前景白色文字制造出明快气氛的同时,又呼应统一于整个页面。
  辅助色在这里是橙色与白色的过渡色。

   结论:
  饱和度与纯度很高特性明显的颜色,在达到视觉冲击力的同时,可适当采用少许对比色调和缓和于视觉,从而削弱视觉的疲惫度。

深橙红色系
  
  
   → 深橙红色网页例图:http:// www.matisserestaurant.ca
   按此在新窗口浏览图片

   深橙红色系分析:

  从色相度中可以知道0度为正红色,30度为正橙色,而主色调的HSB数值H显示22度可知,该深橙红色是橙色基础上加入少许邻近色红色,整体上降低了明度而得,因为红色本身较橙色明度低,因此这里橙红色的明度呈现出较低状态。
  辅助色选取了明度相对于主色调更低的三种颜色,前面两种饱和度都较高,最后一种灰蓝色由于明度较高因此饱和度降低,是主色调与前面两种辅助色的协调色。
  这个页面背景色运用了纹样,是以目前选取的主色调颜色和明度较暗的深红色结合而得,使得明度稍暗。
  数值上看,主色调也就是背景色的饱和度较高,但是由于降低了明度,颜色变得较沉稳。辅助色RGB数值显示,添加了适量的其他颜色,G和B数值区别不大,因此饱和度降低,颜色趋于柔和稳定。点睛色的加入和提亮,使页面视觉效果得到强化。

   结论:
  前景色通常要较明显的区别于背景色,达到台前的宣传目的。当饱和度较低的前景色与背景色变化不明显时,形成的是另外一种柔和统一的效果。
共4页: 上一页 1 [2] [3] [4] 下一页
(本文仅表明作者个人观点,不代表本站及其管理员立场.) 推荐 收藏 投稿 打印 返回 关闭
上一篇:提高 ASP.NET 跨页面传值技巧  
下一篇:您知道网站设计的10个要点吗
    评论加载中…
 推荐文章
     

网站首页  -  网站地图 -   站长论坛  -  网站投稿  -    -  网站管理
Copyright © 2008 芜湖站长站 All Rights Reserved 皖ICP备07500611号