网页设计配色基础 色彩三属性与实例剖析 - CSS+DIV -

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

时间:2013-04-11 12:44:56   来源:   评论:加载中...   点击:加载中...
许多初学者对色彩的属性和原色概念模糊,容易混淆,下面我们就先从几个概念入手。今天介绍色彩的三个属性。颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他所有颜色均属于彩色。...

■ 纯度(Chroma):

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

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

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

纯度分析:

上图网页中选取了主要的两种色系为组合。运用HBS数值模式更易于理解分析该网页的纯度情况。

我们看到蓝色S数值呈现99%具有相当高的饱和度,B明度为79%,玫瑰色S饱和度数值为85%,B明度为97%。当饱和度和明度同时呈最高值时,色彩对视觉的刺激强度到达最高状态。由于蓝色的明度稍低,饱和度较高,而玫瑰色的明度较高,该颜色纯度随之加强,因此玫瑰色相对蓝色对人的视觉刺激更强烈。

结论:

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



相关热词搜索:

 
上一篇:从Fireworks看设计软件的色彩使用方式
下一篇:中英文颜色代码参考手册
收藏 将此文推荐给朋友
分享到: