全文

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

2006-10-27 06:00作者：黎芳原创出处：天极设计在线责任编辑：Shiny

点击查看《网页设计配色基础、应用及实战》完整专题
　　橙色具有轻快、欢欣、收获、温馨、时尚的效果，是快乐、喜悦、能量的色彩。
　　在整个色谱里，橙色具有兴奋度，是最耀眼的色彩。给人以华贵而温暖，兴奋而热烈的感觉，也是令人振奋的颜色。具有健康、富有活力、勇敢自由等象征意义，能给人有庄严、尊贵、神秘等感觉。橙色在空气中的穿透力仅次于红色，也是容易造成视觉疲劳的颜色。
　　在网页颜色里，橙色适用于视觉要求较高的时尚网站，属于注目、芳香的颜色，也常被用于味觉较高的食品网站，是容易引起食欲的颜色。
　　
　　下面我们根据橙色系不同属性邻近色、同类色、对比色的搭配做不同的举例分析。

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

　　 橙色系分析：

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

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

第1页：橙色

第2页：深橙红色系

第3页：浅橙色同类色

第4页：橙色系邻近色（黄色+橙色＋橙红色）

第5页：橙色系对比色（橙色＋蓝色）

第6页：橙色系低对比度（橙色+绿色）

第7页：橙色系高纯度高对比度（橙红色+绿色）

共7页。 1 2 3 4 5 下一页末页