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

日期:01-30  浏览:

许多初学者对色彩的属性和原色概念模糊,容易混淆,下面我们就先从几个概念入手。今天介绍色彩的三个属性。

  颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他所有颜色均属于彩色。从心理学和视觉的角度出发,彩色具有三个属性:色相、明度、纯度(彩度)。



基本色相环

■ 色相(Hue):
  也叫色调,指颜色的种类和名称,是指颜色的基本特征,是一种颜色区别于其他颜色的因素。色相和色彩的强弱及明暗没有关系,只是纯粹表示色彩相貌的差异。如红、黄、绿、蓝、紫等为不同的基本色相。

  ■ 明度
Value):
  也叫亮度,指颜色的深浅、明暗程度,没有色相和饱和度的区别。不同的颜色,反射的光量强弱不一,因而会产生不同程度的明暗。非色彩的?⒒摇?捉夏苄蜗蟮谋泶镎庖惶刂省<BR>


  明度的递增

→ 明度网页例图:http://www.once-upon-a-forest.com

  明度分析:
  从上图网页所选取的4个主要色块的RGB数值来看,这4块色彩组合显示的RGB数值很高,接近于最高值255。RGB相互间的数值相近,由于有RG的高数值与B高数值混合,整个网页给人的感觉非常协调,柔和雅致,心情愉悦。
结论:
  RGB同时呈现相近的高数值时,相近等量的色彩相互混合,页面呈高明度灰色段,协调的柔和状态,令人遐想,对视觉刺激是缓慢的,适合长时间观看。但由于数值接近,因此色阶平稳,同时存在着不够醒目的状态。


上一篇:网页设计配色应用实例之蓝色系
下一篇:网页设计配色: 色彩的调和

网友评论


点击图片更换


查看更多评论
 

推荐文章

Warning: file_put_contents(/home/beiniaofbzepi7n3ica1o/wwwroot/diannao_wang/caches/caches_tpl_data/caches_data/9266685e7d6ba9e1227423782237b6ad.cache.php): failed to open stream: Permission denied in /home/beiniaofbzepi7n3ica1o/wwwroot/diannao_wang/phpcms/libs/classes/cache_file.class.php on line 60 ·配色知识: 应用色彩学
·网页设计配色应用实例之橙色系
·网页设计中色彩的运用
·网页配色基础:色彩三属性与实例剖析
·浅析网页色彩应用
·网页设计配色应用实例之绿色系
·手机图片毕竟要做多宽才可以适应所有手机屏幕的尺寸
·互联网的色彩心理学