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

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

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

　　配色：红色+黑色+灰色

　　→ 红色配色应用网页例图：http:// www.enjo.com.au

　　这组配色，达到最高纯度的红色做小面积的使用。虽然这里选取了红色做为辅助色，但从整个页面的功能和所表达的主题来看，红色可以作为该页面的点睛色，强烈的突出了主题。
　　红色的数值显示，HBS中的H为0度，达到红色特性的最高值，S为最高饱和度100%，在明度最低的黑色背景的衬托下，其特性发挥到极致，页面醒目而响亮。
红色与黑色本是对比强烈的配色，但由于背景灰色的作用，缓和整个页面的视觉刺激度。背景色灰色RGB数值变化不大，因此颜色纯度较低、趋于平稳柔和，辅助前景内容的呈现。
　　白色让前景和背景的划分更明显，活跃页面中的色彩元素。

　　结论：
　　使用面积小的纯度高的颜色在非色彩的黑色和灰色上，是产生变化页面的颜色，达到容易突出主题的目的。

　　 本部分小节：

　　 ● 红色在RGB数值的R为255左右，HSB数值的H中为0度左右，达到红色最高值。随着纯度的提高、亮度的适度增加，它易于迅速的传达、醒目性的特征发挥得越明显。和其他颜色一样，颜色相互混合的越多，明度越低，饱和度越低，视觉冲击力越弱。
　　 ● 颜色的对比：对比色红色绿色的搭配，红色的特性发挥得越明显。绿叶衬红花的效果。另外红与黑的搭配，也较能展现红色的魅力。
　　 ● 根据主题的需要，除了对比色的应用，还有面积上、位置上的对比应用，也能很好的配合达到突出主题产品主体物的目的。

　　下一节我们介绍橙色系配色应用。

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

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

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