首页  韩国资源  酷站加油  我的展厅  设计名站  古典元素  推荐下载  设计欣赏  每周专访  招募精英  人才专区  网页教程  平面设计  编程开发  设计竞赛
当前位置:首页 > 网页教程 > 网页理论 > 正文
网页界面设计教程四:色彩设计
来源:人民邮电出版社 作者:张帆 罗琦 宫晓东 2007年01月15日 16:15 网友评论:0条 点击:
  在人的视觉中所能感受到的色彩范围内,绝大部分是非高纯度的色,即含有一定程度灰的色。

  普通24位显示适配器可产生约1670万种颜色,虽然数字很大,但RGB的色彩范围要远远小于可见光谱的范围。由于CMYK与RGB分别是减色原理和加色原理,因此输出的图像与在显示器上看到的色彩相比要暗一些。Lab色彩模式以明度、纯度和色相对色彩进行表述,因此其在进行图像处理或在不同平台和系统间交换时,都不会产生色偏或失真的情况。

  人由亮处进入暗环境后,最初大约15分钟可以基本适应,达到完全的暗适应大约需要40分钟。

  从生理角度讲,眼睛最能适应的光是中等明度的全色光,即中间灰色,当外界光并非中间灰色时,视觉会自动调整这种不平衡现象,因而会出现视觉残像。为了降低视觉残像的影响,应避免使用高纯度的单一色彩,或是在纯色中加入一定量的灰。明度高的色彩在视网膜上形成的物象边缘会有一圈光包围着,视觉感受好像物象扩大了一些。

  不同色光在视网膜上所成影像位置有前差异,因此产生色彩的进退感。日光中波长较长的色光如红橙黄成像在视网膜的较前部位,因而产生色彩靠近的感觉;而波长较短的色光如绿蓝紫成像在视网膜的靠后部位,因而产生色彩后退的感觉。

  中国传统年画和西方教学的彩色玻璃艺术大量使用色相对比手法。色相的差别是由可见光波的波长差异造成的,查在色相对比中不能完全依据波长的差别来确定色相的对比程度,红色光与紫色光的波长差异虽然很大,但都处于可见光的两极,都接近不可见光的波长,因而从视觉感受上两者的色相是相近的。

  明度是色彩三要素中具有相对独立性的一个要素,它可以摆脱任何有彩色的特征而独立存在。色相和纯度都必须依赖明度而存在。

  色彩形状的认识程度主要取决于形的色彩与周围色彩的关系,特别是它们之间明度对比的关系,色相对比也可以造成对形的识别,但其作用远不如明度对比那么重要,例如,红绿对比是最强的色相对比,但因明度差异较小,形的清晰度不高,浅绿与深绿配色,虽然属于同类色相,但明度差别大,因此形就具有较高的清晰度。

  为了达到色彩和谐的目的,除改变色彩的三要素外,合理安排各种色彩所占的面积是调整色彩配合效果的有效手段。当两种色彩以相等的面积出现时,色彩的冲突达到最高峰,对比效果最为突出,如将一方面积减小力量削弱,整体色彩对比效果也就相应减弱。
色彩的力量取决于色彩的明度和面积,明度比例如下:黄:橙:红:紫:蓝:绿=9:8:6:3:4:6

  由上述比例可推导出各对补色的明度比例关系,并进一步确定各补色之间达到色彩力量平衡的面积比例关系:黄:紫=1:3 橙:蓝=1:2 红:绿=1:1

  色彩面积比例关系依据的原理是人视觉生理需求的色量平衡,即调和出视觉乐于接受的中性灰色所需要的色量比例。该平衡理论可以通过色盘的旋转混合的方法得以验证。

  从上面的理论看,红绿配色面积比1:1时为和谐,但实际应用中红绿面积相等时会给人以刺激强烈的感受,并不能真正体现出色彩的调和统一,这是由于色彩的纯度在配色中起到相当重要的作用,红色的纯度大约为绿色的两倍,因此在配色时红的面积应缩小至绿 

  色面积的二分之一,这样才能获得调和的色彩效果。

  色彩的秩序调和主要依靠色立体来实现,孟赛尔色立体和奥斯特瓦德色立体都是可应用的色彩模型。在色立体中做规则几何线形,线形所经过的色彩就会形成有序的排列。

  色彩的轻重感主要取决于色彩的明度,明度高的色感觉轻,明度低的色感觉重,在相等明度条件下,冷色一般比暖色感觉略轻。色彩构图中上轻下重符合人的视觉习惯,轻色通常用于上部,重色用于下部,如果界面上部为重色时,在下部的边缘部位应呼应一块重色范围,可以达到平衡构图的目的。

 

上一篇:网页界面设计教程五:文字的编排设计   下一篇:网页界面设计教程三:图形图象设计
收藏此页】【打印】【关闭
 相关文章  我要点评
·法国Romeo网页界面设计(一)
·南非bl4ckzero网页界面设计欣赏(四)
·德国Sascha网页界面作品
·复制网页界面 假淘宝网骗走用户5200元
·金麗科技股份有限公司网页设计提案
·聯盛半導體有限公司网页设计提案
·美時家具股份有限公司网页设计提案
·小嵩無氧化學股份有限公司网页设计提案

免责声明:本站刊载此文不代表同意其说法或描述,仅为提供更多信息,也不构成任何建议。对本文有任何异议,请联络:68design#163.com
转载要求:作者及来源信息必需保留。转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印。



关于我们 | 在线反馈 | 广告报价 | 友情链接 | 联系我们 | 免责声明 | 在线投稿 | 网站地图
Copyright © 2003-2007 68design.net, All Rights Reserve 【找网页设计师,当然上网页设计师联盟】