学院栏目导航: 业界新闻 网页设计 程序设计 数据库类 网络技术 操作系统 图形图像 办公软件 考试认证 多媒体类 硬件资讯

您的位置:首页-> 资讯中心-> 网页设计-> Html-> 网页设计配色应用实例剖析之橙色系讲解

→ Html

  Frontpage
Dreamweaver
Fireworks
Flash
Javascript
CSS
Dhtml
Html

广告专栏


本类阅读TOP10
·meta在HTML的大作用
·HTML语言剖析(二)HTML标记一览
·HTML表格使用
·HTML组件(HTML COMPONENTS)之一
·Javascript实例教程(16) 使用Javascript的数学函数
·技巧运用无极限 HTML表格使用从入门到精通
·HTML语言剖析(十一)排版标记
·Frontpage2000值得学习的10个操作技巧(下)
·用iframe解决下拉框与层之冲突
·HTML组件(HTML COMPONENTS)之四

网页设计配色应用实例剖析之橙色系讲解

来源:天极网 发表时间:2006-10-28 【ovo.com.cn

作者:黎芳 原创

  橙色具有轻快、欢欣、收获、温馨、时尚的效果,是快乐、喜悦、能量的色彩。

  在整个色谱里,橙色具有兴奋度,是最耀眼的色彩。给人以华贵而温暖,兴奋而热烈的感觉,也是令人振奋的颜色。具有健康、富有活力、勇敢自由等象征意义,能给人有庄严、尊贵、神秘等感觉。橙色在空气中的穿透力仅次于红色,也是容易造成视觉疲劳的颜色。

  在网页颜色里,橙色适用于视觉要求较高的时尚网站,属于注目、芳香的颜色,也常被用于味觉较高的食品网站,是容易引起食欲的颜色。

  下面我们根据橙色系不同属性邻近色、同类色、对比色的搭配做不同的举例分析。

   橙色   
  
   → 橙色网页例图:http:// www.wastelink.co.uk
  

网页设计配色应用实例剖析之橙色系讲解

橙色网页例图



   橙色系分析:

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

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


※相关文章:

※相关软件: