繁体中文
设为首页
加入收藏

推荐

公告

推荐文章
· 网页表单设计实例技巧五则
· 网站栏目和页面的策划
· 网页设计之论摹仿和抄袭
· 网页背景图片精选(十一)
· 网页背景图片精选(十)
· 网页背景图片精选(九)
· 网页背景图片精选(八)
· 网页背景图片精选(七)
· 网页背景图片精选(六)
· 网页背景图片精选(五)
热点文章
广告

当前位置:网络首页 >> 网页制作 >> 网页设计 >> 网页设计配色基础:色彩三属性与实例剖析

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

2008-01-21 09:48:00  作者:  来源:互联网  浏览次数:15  文字大小:【】【】【
简介:  许多初学者对色彩的属性和原色概念模糊,容易混淆,下面我们就先从几个概念入手。今天介绍色彩的三个属性。  颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他所有颜色均 ...
关键字:网页 属性 实例
  ■ 纯度(Chroma):
  也叫饱和度,指色彩的鲜艳程度。原色最纯,颜色的混合越多则纯度逐渐减低。如某一鲜亮的颜色,加入了白色或者黑色,使得它的纯度低,颜色趋于柔和、沉稳。


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

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


相关文章
玩转 Dreamweaver速记 CSS 属性
(译稿)Firefox CSS私有属性备忘记录
用CSS的float属性创建三栏布局网页的方法