天极网 > 软件频道 > 设计在线 > 网页UI设计>网页设计配色基础：色彩三属性与实例剖析

网页设计配色基础：色彩三属性与实例剖析

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

　　■ 纯度(Chroma）：
　　也叫饱和度，指色彩的鲜艳程度。原色最纯，颜色的混合越多则纯度逐渐减低。如某一鲜亮的颜色，加入了白色或者黑色，使得它的纯度低，颜色趋于柔和、沉稳。

加入黑色的纯度变化和加入白色的纯度变化

→ 纯度网页例图：http://www.minimalweb.de

　　纯度分析：
　　上图网页中选取了主要的两种色系为组合。运用HBS数值模式更易于理解分析该网页的纯度情况。
　　我们看到蓝色S数值呈现99％具有相当高的饱和度，B明度为79%，玫瑰色S饱和度数值为85%，B明度为97％。当饱和度和明度同时呈最高值时，色彩对视觉的刺激强度到达最高状态。由于蓝色的明度稍低，饱和度较高，而玫瑰色的明度较高，该颜色纯度随之加强，因此玫瑰色相对蓝色对人的视觉刺激更强烈。

　　结论：
　　HSB模式中S和B呈现的数值越高，饱和度明度越高，页面色彩强烈艳丽，对视觉刺激是迅速的，醒目的效果，但不易于长时间的观看。以上两种颜色的S数值接近，是强烈的状态。H显示的度是代表在色轮表里某个角度所呈现的色相状态，相对于SB来说，意义不大。

　　下一节我们讲：常用配色的基本概念与实例分析。

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

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

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