您的位置: 首页 > 艺术设计 > 设计理论 > 网页顽主色彩设计指南
亚马逊网站导航栏的变迁史 回到列表 对PS中的光线和透视的一点看法!
 网页顽主色彩设计指南

作者:froglt 时间: 2006-04-17 文档类型:原创 来自:网页顽主

第 1 页 目录
第 2 页 色彩的基本知识
第 3 页 动感
第 4 页 静感

色彩对于事物的表现能力有着其他形式无法比拟的超强效果。在我们生活里,色彩无处不在,它是构成我们生活环境的重要组成部分。可以说我们对每一件事物的认知,都是从色彩与形状开始的,我们也在用色彩创造丰富的视觉空间,用颜色的语言与社会进行沟通。日常生活中,人们对色彩的反应都是有一定的规律。为此,人们把每种颜色都富裕了特殊的感情意义。

色彩构成(Interaction of Colour),即色彩的相互作用,是从人对颜色的知觉和心理效果出发,用科学分析的方法,把复杂的色彩现象还原为基本要素,利用色彩在空间.量与质上的可变幻性,按照一定的规律去组合各构成之间的相互关系,再创造出新的色彩效果的过程。色彩构成是艺术设计的基础理论之一,它与平面构成及立体构成有着不可分割的关系,色彩不能脱离形体.空间.位置.面积.肌理等而独立存在。作为一个网页设计师,只有掌握色彩构成原理,熟知各色彩间的相互关系及各种颜色的生理或心理作用,结合自己所具备的平面构成知识,在网页设计中正确用色,才能实现传达特定信息和渲染页面的想国的目的

1、光与色彩

色彩是由光的刺激而产生的一种视觉效应。光是产生色的原因,色是光感觉的结果。

光在物理学上是电磁波的一部分,其波长自700-400mm,在此范围称为可视光线。当把光线引入三棱镜时,光线被分为红.橙.黄.绿.青.蓝.紫,因而的出自然光是七色光的混合。这种现象被称作光的分解或光谱,七色光谱的颜色分布是按光的波长排列的。

2、物体色

物体本身是不会发光的,之所以能看到它,是因为光源经物体表面的吸收.反射,反映到视觉中的光色感觉。

物体在自然光照下,只反射其中一种波长的光,而其他波长的光全部吸收,这个物体则呈现反射光的颜色。如果某一物体反射所有的光,那么,我们便感觉这个物体是白色的;如果把七色光全部吸收,那么就呈现一种黑色;实际上,相识生活中的颜色足极其丰富的,各种物体不可能单纯反射一种波长的光,它只能对某一波长的光反射得多,而对其他波长的光按不同的比例反射得少。因此,物体的颜色不可能是一种绝对标准的色彩,而只能是倾向某一种颜色,同时又具有其它色光的部分。所以说物体的颜色是受光源的色彩和该物体的选择吸收与反射能力所决定的。

3、计算机色彩显示

我们知道物体的色彩是对色光反射的结果。那么,计算机显示器的色彩有时如何生成的?

色彩显示器产生色彩的方式类似于大自然中的发光体。在显示器内部有一个和电视机一样的显象管,当显象管内的电子枪发射出的电子流打在荧光屏内侧的磷光片上时。磷光片就产生发光效应,由此精确控制各个磷光片的光波的波长,再经过合成叠加,就模拟出自然界中的各种色光。

二、原色

不能用其他色混合而成的色彩叫原色。用原色却可以混出其他色彩

原色有两个系统,一种是色光方面的,即,光的三原色,如图3-2。另一种是色素方面的,即,色素三原色

色光的三原色:红光-red. 绿光-green. 蓝光-blue

色素的三原色:品红-magenta. 黄色- yellow. 青色-cyan

1、色彩的正混合

正混合指色光的混合。将太阳光线引入三棱镜时,光线被分离为红.橙.黄.黄.绿.青.蓝.紫的光谱。同样,我们可以在实验室里把单色光混合成其他颜色的色光,得出如下的实验结果:

红光+绿光+蓝紫光=白光

红+绿=黄光

红光+蓝紫光=紫红光

可以看出色光的混合特征,两色或多色光相很和,混出的新色光,明度增高,明度是参加混合各色光明度之和。参混合的色光越多。混出的新色的名度就越高,如果把各种色光全部混合在一起则成为极强白色光。所以,把这种混合叫正混合或加法混合。

在色环上,相混合的两色光在色相环上的距离较近,中等,较远相混,形成的新色光均为相两色光的中间色光。相距近混出的新色光纯度高,相距远混出的新色观纯度低,相距最远的补色光相混,混出的光为白光,其纯度消失。混出新色光的明度为参加相混色光明度之和

电脑显示器的色彩是通过荧光屏的鳞片发出的色光通过正混合叠加出来的,它能够显示车百万种色彩,其三原色是红-red. 绿-green. 蓝-blue,所以称之为RGB模式

2、色彩的负混合

负混合指色素的混合,色素的混合是明度减低的减光现象,所以叫负混合或减法混合。如图3-3。颜料.染料.涂料等色素的性质与光谱上的单色光不同,是属于物体色的复色光,色料的显色是把白光中的色光经部分选择与吸收的结果,所反射的和说吸收的色光里,个含有集中不同的单色光。因此,色素间的负混合现象,不是属于反射部分的色光混合的结果,而是吸收部分相混合的所增加的减光现象

在色环上相混合的两色距离近,渔利中等,毅力较远的色相混,混合的结果均为相混两色的中间色。两色相距较近时,混出的色纯度降低的少;另色相距远时,混出的色出的减低的多。若两色为相距最远的互补色时,混出的新色纯度消失,明度降低为黑灰色

因此要混合出纯度较高的新色彩,一定要选择在色环上距离较近的色。如,用黄绿和蓝绿混户出的绿色,一定要比用黄和蓝混合出的绿色的纯度高。由于个色料的本质的不同及混合时分量的误差都会影响混色的结果。还有些色彩是无法用其他颜色混合出来的

在理论上,将品红-magente. 黄色-yellow. 青色-cyan三种色素均匀混合是,三种色光将全部被吸收,产生很色,但在实际操作中,因色料含有杂质而形成棕褐色,所以加入了黑色颜料-black,从而形成CMYK色彩模式。这是电脑平面设计的专用色彩模式,在印前处理中有着最重要的作用,是四色印刷的基础

3、色彩的中性混合

中性混合包括回旋板的混合方法(平均混合)与空间混合(并置混合)

1。回旋板的混色

回旋板的混色是属于颜料的反射现象。如把红色和蓝色按一定的比例涂在回旋板上,以每秒40~50次以上的速度旋转则显出红紫灰色。可是如果我们把红和蓝两色光用加法混合组成为淡紫红色光,明度提高。把红和蓝颜料用减法混合,则成为暗紫红色,明度降低。通过以上不同方法的混合对比,发现用回旋板的方法混合出的色彩其明度基本为参加混合色彩明度的平均值,所以把这种混合方法叫中性混合。回旋板的中性混合实际是视网膜上的混合。正如上面举的例子,由于红.蓝两色经回旋板快速旋转使红.蓝二色反复刺激视网膜同一部位,红.蓝,红.蓝,交替而连续不断,因此在视网膜上发生红.蓝两色光混合而产生红紫灰色的感觉

2。空间混合(并置混合)

由于空间距离和视觉生理的限制,眼睛辨别不出过小或过远物象的细节,把各不同色块感受成一个新的色彩,这种现象成为空间混合或并置混合

如果我们把红.蓝色点(或块)并置的画面经过一定的距离,我们发现红色与蓝色变成里一个灰紫色。同样胶版印刷只用品红.黄.蓝三色网点和黑色网点便可印出各种丰富多彩的画面,除重置部分的网点产生减色混合外都是色点的并置混合,这种并置混合叫近距离空间混合。空间混合的距离是由参加混合色点(或块)面积的大小决定的,点或块的面积越大形成的空间混合的距离越远。回旋板的混合和并置混合实际上都是视网膜上的混合

这两种混合均为中性混合,混合出新色彩的明度基本等于参加混合色彩明度平均值。

三、关于本节基础

本节聚焦于色轮的原色,红、黄、篮这三重色相是其他所有的色调的基础。也是一种色彩文化的语言基础。

因为这三种色相明确的特质,它们通常与一定的民族、思想或主题联系起来。(这些主题依赖于所选的色彩及选色者所表达的思想)红、白等颜色常与生命、活力和热烈联系在一起。蓝色是一种冷色,常常与水和天空联系在一起。黄色是太阳的颜色,常常使人联想到许多文化方面的上升力和生命力。

常以年轻的观者为对象,强调单纯。“回归、本色”的主题。

四、色彩引发的思考:

红色:哪种红?
蓝色:哪种篮?
黄色:鲜亮的?浅淡的?纯净的?橘黄?黄绿?

所有的色彩都是强烈的?浅淡的?或界于两者之间的?

两色的搭配、三色、、四色或更多色彩的搭配?

哪种颜色的比例占多数?去进行试验。

用白色作背景、用黑色作背景、灰色或无色彩的背景?

充满了色彩。

少量实用色彩。

不仅将色彩应用于图像,而且还应用于字体上。

以意想不到的方法来应用颜色。

出处:网页顽主
责任编辑:moby

上一页 目录 下一页 动感

相关文章 更多相关链接
什么是交互设计
《物志》封面设计欣赏
中文字体设计
设计·中国网站形象设计大赛
国际商业美术设计大型专题讲座
作者文章
Fireowrks制作动感卡通表情
使用Fireworks制作水晶按钮
热门搜索:CSS Fireworks 设计比赛 网页制作 Dreamweaver Studio8 Flash
站点最新 站点最新列表
Photoshop绘制真实的黑莓手机
标记语言——为文字指定样式
NewWebPick第17期专业版发布
php设计模式介绍之装饰器模式
Windows组策略之软件限制策略
大木花谷
疯狂的程序员 第二十五回
疯狂的程序员 第二十四回
IE下中英文字体不能对齐原因及解决
有些标志很类似
栏目最新 栏目最新列表
成为一个顶级设计师的第二准则
一起回味经典老体育宣传画
你是真正的用户体验设计者吗? Ⅲ
菜菜贺年动画
网页效果图设计之色彩索引
Google的产品设计指导思想
Siggi Eggertsson 几何魅力
令人惊叹的"手绘"
再见吧,创意
创意的生产方式
 
>> 分页 首页 前页 后页 尾页 页次:2/41个记录/页 转到 页 共4个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

本文现有 5 条评论 评分:- llllllllllllllllllll + 评分人数: 2 ,平均分: 4.00


amberwl Publish at 2006-6-6 17:35:17 评分5
good
luigi Publish at 2006-6-5 10:30:34 评分3
不错。放出完整版吧
froglt Publish at 2006-6-3 12:46:38
谢谢,请大家继续支持,我的目标是把它做成最全面的色彩教程和参考~!
jiangling668 Publish at 2006-6-2 9:07:10
没看到!
mencaier Publish at 2006-5-31 20:08:07
电子书做的不错
您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
大师之路--Photoshop 完全解析
《超越CSS》新书上市
Don't Make Me Think 第2版
HTML与CSS入门经典(第7版)
《FLASH MX2004网站开发精粹》
《CSS入门经典》
《设计师谈网页设计思维》
作品集 更多内容

速涂 视点工作室—专业网站建设服务商 图形界面设计 钻石恒久远 一颗永流传 Age Of Innocence  吴江网 工商银行居易信用卡 rose