一、网页设计配色系列简析--基础部分

一、网页设计配色系列简析--基础部分

ID:11925156

大小:5.46 MB

页数:84页

时间:2018-07-14

一、网页设计配色系列简析--基础部分_第1页
一、网页设计配色系列简析--基础部分_第2页
一、网页设计配色系列简析--基础部分_第3页
一、网页设计配色系列简析--基础部分_第4页
一、网页设计配色系列简析--基础部分_第5页
资源描述:

《一、网页设计配色系列简析--基础部分》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、一、网页设计配色系列简析--基础部分网页设计配色基础:RGB与HSB 在实用美术中,常有"远看色彩近看花,先看颜色后看花,七分颜色三分花"的说法。这说明,在任何设计中,色彩对视觉的刺激起到第一信息传达的作用。因此,对色彩的基础知识的良好掌控,在网页设计中才能做到游刃有余。为了使下面的网页配色分析更易于理解,我们先来了解色彩的RGB模式和HSB模式。■RGBRGB是表示红绿蓝又称为三原色光,英文为R(Red)、G(Green)、B(Blue),在电脑中,RGB的所谓"多少"就是指亮度,并使用整数来表示。通常情况下,RGB各有256级亮度,用数字表示从0至255。虽然数字最高是255,但0也是数

2、值之一,因此共256级。按照计算,256级的RGB色彩总共能组合出约1678万种色彩,即256×256×256=16777216。通常也被简称为1600万色或千万色。也称为24位色(2的24次方)。对于单独的R或G或B而言,当数值为0时,代表这种颜色不发光;如果为255,则该颜色为最高亮度。因此当RGB三种色光都发到最强的亮度,纯白的RGB值就为255,255,255。屏幕上黑的RGB值是0,0,0。R,意味着只有红色存在,且亮度最强,G和B都不发光。因此最红色的数值是255,0,0。同理,最绿色就是0,255,0;而最蓝色就是0,0,255。黄色较特殊,是由红色加绿色而得就是255,255

3、,0。纯白色数值为R255,G255,B255纯黑色数值为R0,G0,B0红色数值为R255,G0,B0绿色数值为R0,G255,B0蓝色数值为R0,G0,B255黄色数值为R255,G255,B0  RGB模式是显示器的物理色彩模式。这就意味着无论在软件中使用何种色彩模式,只要是在显示器上显示的,图像最终就是以RGB方式出现。  ■HSB  是颜色分为色相、饱和度、明度三个因素。英文为H(Hue)、S(Saturation)B(Brightness)饱和度高色彩较艳丽,和度低色彩就接近灰色,度高色彩明亮,亮度低色彩暗淡,亮度最高得到纯白,最低得到纯黑。一般浅色的饱和度较低亮度较高,而深色的

4、饱和度高而亮度低。网页设计配色基础:色彩三属性与实例剖析初学者对色彩的属性和原色概念模糊,容易混淆,下面就先从几个概念入手,绍色彩的三个属性。  颜色可以分为非彩色和彩色两大类。非彩色指黑色、白色和各种深浅不一的灰色,而其他所有颜色均属于彩色。从心理学和视觉的角度出发,彩色具有三个属性:色相、明度、纯度(彩度)。基本色相环■色相(Hue):  也叫色调,指颜色的种类和名称,是指颜色的基本特征,是一种颜色区别于其他颜色的因素。色相和色彩的强弱及明暗没有关系,只是纯粹表示色彩相貌的差异。如红、黄、绿、蓝、紫等为不同的基本色相。 ■明度(Value):也叫亮度,指颜色的深浅、明暗程度,没有色相和饱

5、和度的区别。不同的颜色,反射的光量强弱不一,因而会产生不同程度的明暗。非色彩的黒、灰、白较能形象的表达这一特质。 明度的递增明度分析:  从上图所选取的4个主要色块的RGB数值来看,RGB数值很高,接近于最高值255。RGB相互间的数值相近,由于有RG的高数值与B高数值混合,整个网页给人的感觉非常协调,柔和雅致,心情愉悦。结论:  RGB同时呈现相近的高数值时,相近等量的色彩相互混合,页面呈高明度灰色段,协调的柔和状态,令人遐想,对视觉刺激是缓慢的,适合长时间观看。但由于数值接近,因此色阶平稳,同时存在着不够醒目的状态。■纯度(Chroma):也叫饱和度,指色彩的鲜艳程度。原色最纯,颜色的混

6、合越多则纯度逐渐减低。如某一鲜亮的颜色,加入了白色或者黑色,使得它的纯度低,颜色趋于柔和、沉稳。加入黑色的纯度变化加入白色的纯度变化纯度分析:  上图选取了主要的两种色系。运用HBS数值模式更易于理解分析该网页的纯度情况。  我们看到蓝色S数值99%具有相当高的饱和度,B明度为79%,玫瑰色S饱和度数值为85%,B明度为97%。当饱和度和明度同时呈最高值时,色彩对视觉的刺激强度到达最高状态。由于蓝色的明度稍低,饱和度较高,而玫瑰色的明度较高,该颜色纯度随之加强,因此玫瑰色相对蓝色对人的视觉刺激更强烈。结论:  HSB模式中S和B数值越高,饱和度明度越高,页面色彩强烈艳丽,对视觉刺激是迅速的,

7、醒目的效果,但不易于长时间的观看。以上两种颜色的S数值接近,是强烈的状态。H显示的是代表在色轮表里某个角度所呈现的色相状态,相对于SB来说,意义不大。常用配色基本概念及精彩相关实例剖析前面介绍了常用的电脑色彩模式RGB、HSB,以及色彩的三大属性,今介绍常用配色的基本概念和相关实例剖析。色环是色彩按红、黄、绿、蓝、红依次过度渐变呈现出来的不同颜色,就可以得到一个色彩环。色环通常包括12种不同的颜色。色环三原色

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。