天极网 > 软件频道 > 设计在线 > 网页UI设计>网页设计配色应用实例剖析——黄色系

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

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

　　→ 黄色低纯度配色应用网页例图：www.luckystarcafe.com
　　

　　低纯度黄色配色（黄色+蓝色）分析：
　　该页面是属于纯度较低的多组配色页面，配色难度似乎较大，但是按主色调、辅助色、点睛色来细细分析就会发现容易多了。
　　主色调的中黄色，从RGB数值B明度48来看，提高了明度，RGB数值的变化HSB也相应变化，该色调纯度降低，黄色的耀眼特性相应缓和。
　　该页面辅助色比较多，这里选了主要的三种浅黄、浅蓝、棕红色，明度纯度不同的变化来分析。浅黄色的RGB三个数值接近，因此呈现偏灰的柔和状态。正蓝色的RGB数值R为0，G为255，B为255，该蓝色RGB数值上看，混合了R红色11，G的绿色数值较低，B蓝色的数值较高，因此饱和度降低，颜色呈浅色调。棕红色的RGB的三数值上看，R的数值最高为124，加入了对比色G绿色67，因此颜色变暗发乌，调入了适量B蓝色24，因此该颜色饱和度亮度降低，也是该页面沉稳的主要色调，牵制艳度较高的几种颜色。
　　点睛色的HSB数值H色相为356度，几乎呈正红色，只是调入了少许B蓝色18，因此颜色在明度上稍偏暗。另一点睛白色的作用除了提亮整个页面，同时也突出标志图像。
　　标志是红色，下面的绿色是红色的对比色，目的是突出标志的作用，同时也是黄色与蓝色的中间视觉过渡色。

　　结论：
　　多种辅助色份量相当冷暖搭配时，有饱和度稍低的主色调牢牢把握住，整个页面容易调和。
　　由于页面颜色较丰富，点睛色在这里起到拉开各个色彩层次的作用，明确主次角色。

　　本部分小节：

　　● 黄色是色彩系里明度最高的耀眼颜色，尤其是HSB数值H色相为60度正黄色时，它的特性越明显。由于黄色的特性，在页面配色的时候可适当添加明度较深的颜色，色阶层拉开，并起到协调刺眼的艳度作用。黄色饱和度、明度的不同变化传达不同的意义和作用。
　　● 无论是高纯度低纯度还是多色彩的页面配色，白色起到关键的作用。
　　● 点睛色不一定就是非常显眼的颜色，也有起到调和整体页面配色的作用。
　　● 中间色通常被大面积的使用为主色调、辅助色，是调和辅助色（有可能是同时几种）与点睛色（有可能是几种）的色彩，是调和色、调和方法的关键。

　　下一部分我们介绍 网页设计配色应用的第七节——绿色系。

　　如对于本文有任何疑问、意见以及建议，请在文章底部的留言板上留言。或者去天极设计在线主题社区讨论。

　　更多精彩，尽在天极设计在线design.yesky.com!
　　特别推荐——设计类视频教程。

Photoshop视频教程完整教程下载	Photoshop照片处理视频教程	Freehand视频教程专区
Coreldraw视频教程完整教程下载	Flash MX视频教程	Flash精彩实例制作视频演示
Fireworks视频教程（连载中）	网页设计制作视频教程	PremierePro视频教程
[视频演示]AutoCAD建筑施工图绘制手册	3DsMAX视频教程完整教程下载	AfterEffects视频教程