信息动态

网站设计是技术与创意的融合!

建站常识

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

2006-08-22 07:59:00

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

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

按此在新窗口浏览图片

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

　　■ 明度（Value）：
　　也叫亮度，指颜色的深浅、明暗程度，没有色相和饱和度的区别。不同的颜色，反射的光量强弱不一，因而会产生不同程度的明暗。非色彩的黒、灰、白较能形象的表达这一特质。

 按此在新窗口浏览图片

　　明度的递增

→ 明度网页例图：http://www.once-upon-a-forest.com
按此在新窗口浏览图片
　　明度分析：
　　从上图网页所选取的4个主要色块的RGB数值来看，这4块色彩组合显示的RGB数值很高，接近于最高值255。RGB相互间的数值相近，由于有RG的高数值与B高数值混合，整个网页给人的感觉非常协调，柔和雅致，心情愉悦。
结论：
　　RGB同时呈现相近的高数值时，相近等量的色彩相互混合，页面呈高明度灰色段，协调的柔和状态，令人遐想，对视觉刺激是缓慢的，适合长时间观看。但由于数值接近，因此色阶平稳，同时存在着不够醒目的状态。
#p#　　■ 纯度(Chroma）：
　　也叫饱和度，指色彩的鲜艳程度。原色最纯，颜色的混合越多则纯度逐渐减低。如某一鲜亮的颜色，加入了白色或者黑色，使得它的纯度低，颜色趋于柔和、沉稳。
 按此在新窗口浏览图片

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

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

　　下一节我们讲：常用配色的基本概念与实例分析。
上一篇：WEB网页设计中的全色系颜色表
下一篇：网页设计配色基础：RGB与HSB

近期更新

延伸阅读

解决方案

轮胎行业网站设计解决方案 机械行业网站设计解决方案 房地产行业网站设计解决方案 科技企业网站设计解决方案 电子家电网站设计解决方案 食品行业网站设计解决方案 集团公司网站设计解决方案 企事业单位网站设计解决方案 外贸行业网站设计解决方案 健身运动网站设计解决方案 美容与化妆品网站设计解决方案 建筑设计行业网站设计解决方案 物流行业网站设计解决方案

TAGS关键字

青岛轮胎网站设计 集团性网站 视觉灵感 青岛flash网站 青岛网页设计 网站规划 平面设计 如何做网站优化 网站建设，企业网站建设 网站品牌 青岛轮胎网站设计公司 html和css 手机网站 新的元素 响应式设计 青岛网页制作 网站设计资讯 集团官网 色彩心理学 微官网 青岛品牌网站设计公司哪家好 网站设计趋势 集团公司网站建设 官网网站建设 用户界面 官网建设 青岛抖音小程序开发 微信小程序 企业建站 青岛品牌网站建设公司哪家好

青岛力图数字科技有限公司 2008- 版权所有 鲁ICP备09005893号-6 | 网站地图

青岛网站建设 青岛网站设计 青岛网站制作


0532-85810878 473587358 扫码添加微信

扫码添加微信

 扫码关注公众号

官方公众号