色彩基础知识Word文件下载.docx
- 文档编号:19507130
- 上传时间:2023-01-07
- 格式:DOCX
- 页数:24
- 大小:837.65KB
色彩基础知识Word文件下载.docx
《色彩基础知识Word文件下载.docx》由会员分享,可在线阅读,更多相关《色彩基础知识Word文件下载.docx(24页珍藏版)》请在冰豆网上搜索。
色相是指色彩得相貌,也就是色彩最显著得特征,又叫色名,色种等。
生活中得各种色彩都有自己具体得面貌,因此也就有了不同得名称,如:
海蓝,天蓝,孔雀蓝等等。
色彩得明度是指色彩本身得明暗深浅程度,简单来说就是指色彩得黑白程度。
色彩得纯度又称色彩得饱和度,是指色彩本身得鲜艳程度。
色调:
色调就是一幅画得总的色彩倾向性。
由若干块占主要面积的色彩所决定的。
色调从色相上分,可以有红调子,绿调子,紫调子等;
从明度上分可以有亮调子,暗调子等;
从纯度上分,可以分为艳调子,灰调子等;
从色性上,又可以分为暖调子,冷调子等
三、色彩的特性
1、色彩的冷暖
物体通过表面色彩可以给人们或温暖或寒冷或凉爽的感觉。
一般说来,温度感觉是通过感觉器官触娱物体而来.与色彩风马牛不相及。
事实上,各类物体借助五彩缤纷的色彩给人一定的温度感觉。
红、橙、黄等颜色使人想到阳光、烈火,故称“暖色”。
如图6中燃烧的深林,如果你没看到图,听到火,肯定会想到是红色,灼热的感觉。
图6
绿、青、蓝等颜色与黑夜、寒冷相联,称“冷色”。
图7,夜晚被灯光照亮的宾馆大厦,感觉冷冷的。
图7
红色给人积极、跃劝、温暖的感觉。
蓝色给人低静、消极的感觉。
绿与紫是中性色彩刺激小,效果介于红与蓝之间。
中性色彩使人产生休憩、轻松的情绪,可以避免产生疲劳感。
人对色彩的冷暖感觉基本取决于色调。
色系一般分为暖色系、冷色系、中性色系三类。
色彩的冷暖效果还需要考虑其他因素。
例如,暖色系色彩的饱和度愈高,其温暖的特性愈明显;
而冷色系色彩的亮度愈高,其特性愈明显。
我们把上面的图6、7,分别增加饱和度和亮度,看到各自反映的效果更加突出(图8)。
图8
2、色彩的轻重感觉
各种色彩给人的轻重感不同,我们从色彩得到的重量感,是质感与色感的复合感觉。
例如两个体积、重量相等的皮箱(图9)分别涂以不同的颜色,然后用手提、目测两种方法判断木箱的重量。
结果发现,仅凭目测难以对重量做出准确的判断,可是利用目测木箱的颜色却能够得到:
轻重感,浅色密度小,有一种向外扩散的运动现象,给人质量轻的感觉深色密度大,给人一种内聚感,从而产生份量重的感觉。
图9
3.、色彩的膨胀与收缩
比较两个颜色一黑一白而体积相等的正方形(图10)可以发现有趣的现象,即大小相等的正方形,由于各自的表面色彩相异,能够斌予人不同的面积感觉。
白色正方形似乎较黑色正方形的面积大。
这种因心理因素导致的物体表面面积大于实际面积的现象称“色彩的膨胀性”。
反之称“色彩的收缩性”。
给人一种膨胀或收缩感觉的色彩分别称‘膨胀色”、“收缩色”。
色彩的胀缩与色调密切相关,暖色同膨胀色,冷色属收缩色。
图10
4、色彩的前进性与后退性
如果等距离地看两种颜色,可给人不同的远近感。
如:
黄色与蓝色以黑色为肯景时(图11),人们往往感觉黄色距离自己比蓝色近。
换言之,黄色有前进性,蓝色有后退性。
较底色突出的前进性的色彩称“进色”;
较底色暗淡的后退色彩称“退色”。
图11
一般而言,暖色比冷色更富有前进的特性。
两色之间,亮度偏高的色彩呈前进性,饱和度偏向的色彩也呈前进性。
但是色彩的前进与后退不能一概而论,色彩的前进、后退与背景色密切相关。
如在白背景前(图12),属暖色的黄色给人后退感,属冷色的蓝色却给人向前扩展的感觉。
图12
应用色彩学
由于生长在一个充满着色彩的世界,色彩一直刺激我们的视觉器官,而色彩也往往是作品给人的第一印象
色彩与生活
首先在认识色彩前,我们要先建立一种观念,就是如果要了解色彩认识色彩,便要用心去感受生活,留意生活中的色彩,否则容易变成一个视而不见的色盲,就如人体的其他感官一样,色彩就活像是我们的为味觉,一样的材料但因用了不同的调味料而有了不同的味道,成功的好吃,失败的往往叫人难以下咽,而色彩对生理与心理都有重大的影响,因此色彩学算是设计的一门基本科目。
色彩意象
当我们看到色彩时,除了会感觉其物理方面的影响,心里也会立即产生感觉,这种感觉我们一般难以用言语形容,我们称之为印象,也就是色彩意象。
红的色彩意象
由于红色容易引起注意,所以在各种媒体中也被广泛的利用,除了具有较佳的明视效果之外,更被用来传达有活力,积极,热诚,温暖,前进等涵义的企业形象与精神,另外红色也常用来作为警告,危险,禁止,防火等标示用色,人们在一些场合或物品上,看到红色标示时,常不必仔细看内容,及能了解警告危险之意,在工业安全用色中,红色即是警告,危险,禁止,防火的指定色。
大红
桃红
砖红
玫瑰红
橙的色彩意象
橙色明视度高,在工业安全用色中,橙色即是警戒色,如火车头,登山服装,背包,救生衣等,由於橙色非常明亮刺眼,有时会使人有负面低俗的意象,这种状况尤其容易发生在服饰的运用上,所以在运用橙色时,要注意选择搭配的色彩和表现方式,才能把橙色明亮活泼具有口感的特性发挥出来。
鲜橙
橘橙
朱橙
香吉士
黄的色彩意象
黄色明视度高,在工业安全用色中,橙色即是警告危险色,常用来警告危险或提醒注意,如交通号志上的黄灯,工程用的大型机器,学生用雨衣,雨鞋等,都使用黄色。
大黄
柠檬黄
柳丁黄
米黄
绿的色彩意象
在商业设计中,绿色所传达的清爽,理想,希望,生长的意象,符合了服务业,卫生保健业的诉求,在工厂中为了避免操作时眼睛疲劳,许多工作的机械也是采用绿色,一般的医疗机构场所,也常采用绿色来作空间色彩规划即标示医疗用品。
大绿
翠绿
橄榄绿
墨绿
蓝色的色彩意象
由于蓝色沉稳的特性,具有理智,准确的意象,在商业设计中,强调科技,效率的商品或企业形象,大多选用蓝色当标准色,企业色,如电脑,汽车,影印机,摄影器材等等,另外蓝色也代表忧郁,这是受了西方文化的影响,这个意象也运用在文学作品或感性诉求的商业设计中。
大蓝
天蓝
水蓝
深蓝
紫色的色彩意象
由于具有强烈的女性化性格,在商业设计用色中,紫色也受到相当的限制,除了和女性有关的商品或企业形象之外,其他类的设计不常采用为主色。
大紫
贵族紫
葡萄酒紫
深紫
褐色的色彩意象
在商业设计上,褐色通常用来表现原始材料的质感,如麻,木材,竹片,软木等,或用来传达某些引品原料的色泽即味感,如咖啡,茶,麦类等,或强调格调古典优雅的企业或商品形象。
茶色
可可色
麦芽色
原木色
白色的色彩意象
在商业设计中,白色具有高级,科技的意象,通常需和其他色彩搭配使用,纯白色会带给别人寒冷,严峻的感觉,所以在使用白色时,都会掺一些其他的色彩,如象牙白,米白,乳白,苹果白,在生活用品,服饰用色上,白色是永远流行的主要色,可以和任何颜色作搭配。
黑色的色彩意象
在商业设计中,黑色具有高贵,稳重,科技的意象,许多科技产品的用色,如电视,跑车,摄影机,音响,仪器的色彩,大多采用黑色,在其他方面,黑色的庄严的意象,也常用在一些特殊场合的空间设计,生活用品和服饰设计大多利用黑色来塑造高贵的形象,也是一种永远流行的主要颜色,适合和许多色彩作搭配。
灰色的色彩意象
在商业设计中,灰色具有柔和,高雅的意象,而且属於中间性格,男女皆能接受,所以灰色也是永远流行的主要颜色,在许多的高科技产品,尤其是和金属材料有关的,几乎都采用灰色来传达高级,科技的形象,使用灰色时,大多利用不同的层次变化组合或他配其他色彩,才不会过於素,沉闷,而有呆板,僵硬的感觉。
大灰
老鼠灰
蓝灰
深灰
网页页面中总是由具有某种内在联系的各种色彩,组成一个完整统一的整体,形成画面色彩总的趋向,称为色调。
也可以理解为色彩状态。
色彩给人的感觉与氛围,是影响配色视觉效果的决定因素。
为了使网页的整体画面呈现稳定协调的感觉,以便充分的掌握其规律来更好的分析学习,上次我们介绍了视觉角色主次位置的几个概念,本节我们介绍色彩的对比。
对比与调和就是形式美的变化与统一规律
在一定条件下,不同色彩之间的对比会有不同的效果。
在不同的环境下,多色彩给人一种印象,色彩单一给人另一种印象。
各种纯色的对比会产生鲜明的色彩效果,很容易给人带来视觉与心理的满足。
红、黄、蓝三种颜色是最极端的色彩,它们之间对比,哪一种颜色也无法影响对方。
很多朋友都以为色彩对比主要是红绿、橙蓝、黄紫色的对比,实际色彩对比范畴不局限于这些。
是指各种色彩的界面构成中的面积、形状、位置以及色相、明度、纯度之间的差别,使网页色彩配合增添了许多变化、页面更加丰富多彩。
名词解释:
RGB:
HSB模式:
HSB模式中的H、S、B分别表示色调、饱和度、亮度,这是一种从视觉的角度定义的颜色模式
衣服与颜色:
服装的颜色与皮肤的颜色搭配不当的话,所产生的效果就北将是极不理想的,因为肤色的不同,应该选择不同色彩的服装。
肤色白的人穿任何颜色的服装都适合。
因为“一百遮百丑”,而肤色较黄较暗的,就不应该穿颜色发柴的衣服,这样显得面部颜色越发的暗淡。
皮肤较黄的人,应避免用明度高的黄色,蓝色以及紫色上衣,这容易让人觉得萎磨不振。
缺乏生气,相反选一些粉色调的服饰,如粉白,粉红等色彩,可能会中和黄色,使皮肤变得白皙些。
皮肤太黑的人,尽量避免穿纯黑或太紫太褐的上装,因为颜色太深的上装会导致五官模糊不清,相反,比较明亮的颜色,如粉白,淡黄,粉白等,可以使肌肤显得既有光泽又健康。
漂白的上装和裤子,裙子不可以随便穿,这样与肤色反差太大,没有美感。
肤色分为4种:
1,白皙的.这种肤色大体说来搭配很多颜色都很好看,但是我建议不要穿饱和度太低的,比如米黄\淡粉,这样会让人感觉有"
乡土气"
2,暗黄的.这种肤色千万不要尝试非常正的颜色,比如纯度很高的红\桃红\天蓝.应该穿饱和度较低的衣服比如米黄\淡蓝等.然而选择黑、白\灰就更好了
3,小麦色.这多半是紫外线的结果而不是天生的.这样的话选择比较沉郁\哑光的效果会很好.比如酒红\咖啡\粉紫\银灰等.同样,颜色可以大胆,但是饱和度不要高
4,古铜色.这样比较暗哑\颜色极深的肤色最好穿暖色系中较浅的衣服.比如淡粉\米黄\粉蓝等
色彩的对比规律大致有以下几点:
■色相对比
是指因色相之间的差别形成的对比。
当主色相确定后,必须考虑其他色彩与主色相是什么关系,要表现什么内容及效果等,这样才能增强其表现力。
不同色相对比取得的效果有所不同,两色越接近,对比效果越柔和。
越接近补色,对比效果越强烈。
→色相对比网页例图:
色相对比分析:
主要是以绿色与蓝色之间的色相对比。
从HSB数值上可看出嫩绿色的S纯度高B亮度也很高,因此艳丽的颜色作为背景与前景纯度稍低的墨绿和轱蓝色形成色相之间的对比。
前景的墨绿虽然纯度达到最高值100%,比主色调高不少,但是因为亮度低,因此色彩显示没有主色调明艳。
结论:
该页面色相的对比,主要作用于前景与背景的对比、局部与整体的对比。
■明度对比
明度对比可分为:
彩色差的明度对比及非彩色差的明度对比
是指色彩之间明暗程度的差别而形成的对比。
是页面形成恰当的黑、白、灰效果的主要手段。
明度对比在视觉上对色彩层次和空间关系影响较大。
例如柠檬黄明度高,蓝紫色的明度低,橙色和绿色属中明度,红色与蓝色属中低明度。
→明度对比网页例图:
明度对比分析:
(非彩色差)
严格来说,该页面应该是黑白灰色非色彩构成,摄影图片中的人物衣服为灰色,相对单纯的黑白对比柔和舒适于视觉。
能使页面显得更单纯、统一,形成另一道独特的风景。
■纯度对比
是指不同色彩之间纯度的差别而形成的对比。
色彩纯度可大致分为高纯度、中纯度、低纯度三种。
未经调和过的原色纯度是最高的,而间色多属中纯度的色彩,复色其本身纯度偏低而属低纯度的色彩范围。
纯度的对比会使色彩的效果更明确肯定。
→纯度对比网页例图:
http:
//
纯度对比分析:
整个页面看起来异常艳丽刺激然而又非常的协调。
以上数值主要选取了几种较有代表性的颜色。
大家注意看,以上色彩除了粉红色,其他几组颜色都是高饱和度高亮度的颜色,因此充分的发挥出了色彩的艳丽程度。
包括粉红色在内的几种灰色阶,在中间起到了和谐作用。
白色能拉开相近色阶的空间及明快页面的作用,在这里可以说是功不可没。
页面实际上用了不少颜色,配色大胆。
抓住颜色主次冷暖的安排,适度再加上和谐的过渡色灰色,实现了作者对该页面的轻松配色。
从多种高纯度的搭配协调能力上看,足可见作者对色彩设计搭配不一般的功底。
这类网页配色非常能够体现出一个网站页面产品个性,配色难度大。
让人过目难忘。
■补色对比
将红与绿、黄与紫、蓝与橙等具有补色关系的色彩彼此并置,使色彩感觉更为鲜明,纯度增加,称为补色对比。
→补色对比网页例图:
//www.forthosewholovelife.co.uk
补色对比分析:
由冷色系的绿色、蓝色组成大背景环境,纯度较低。
前景主要是突出产品、文字信息内容的大红色形成补色对比效果,RGB的R255数值与HSB是H为零,数值显示非常明确,标准的大红色。
纯度亮度非常高,达到最高值,加之白色的勾边,使得红色更为凸显,更易于视觉对信息的迅速捕捉。
对比色的合理搭配,能拉开前景与背景的空间感,突出页面主体物。
尤其是红色在主体物的运用,能迅速传递视觉的效果。
■冷暖对比
是指不同色彩之间的冷暖差别形成的对比。
色彩分为冷、暖两大色系,以红、橙、黄为暖色体系,蓝、绿、紫则代表着冷色系,两者基本上互为补色关系。
另外,色彩的冷暖对比还受明度与纯度的影响,白光反射高而感觉冷,黑色吸收率高而感觉暖。
→冷暖对比网页例图:
冷暖对比分析:
以上这几组颜色乍一看感觉鲜艳程度都差不多,但是通过观察它们的数值发现饱和度都有相差,然而明度相近,因此它们给人造成的视觉感受几乎是相同的。
该页面冷暖颜色较为丰富,橙和蓝是对比最强烈的补色,其次是倾向不够明显的补色黄、紫。
明度不同的两个绿色起到了冷暖视觉的过渡作用。
主色调的浅蓝色亮度较高,让页面不易给人沉闷的感觉。
冷暖对比的应用,通常在休闲娱乐网站、食品网站出现比较多。
将这两个色系的色彩安排在同一画面时,其对比效果极为强烈。
通常初学者较容易使两色相互排斥,导致画面色调不谐调。
一般我们采用两种调和的方法。
纯度调整
降低冷暖两色纯度。
用明度黑、白、灰变化来调整画面的层次、直接使用黑、白、灰色系进入画面搭配,或者加入补色的谐调,也都能很好的起到协调的效果。
→纯度调整网页例图:
纯度调整分析:
主色调的橙色,添入了少许黑色做渐变背景色,降低了纯度。
辅助色的蓝色是橙色的补色,主要起的是使得整个页面过多的暖色降低协调于整体的效果,及背景色的棕色都分别提暗降低纯度。
而左上角的黄色则通过提高了亮度来降低纯度。
一个页面里应有少量纯度较高的颜色而不至于使整个页面过于压抑,纯度亮度很高的点睛色红色就起到了这个作用。
纯度的调整主要是通过明度黑、白、灰变化来调整画面的层次,适当的加入补色也是其中的一个办法。
网页设计配色应用——色彩的调和
面积调整
主次的面积区分。
根据设计主题的需要,在画面的面积上以一方为主色,于是就掌控画面的色调作用,其他的颜色在使用面积上拉开距离,使画面的主次关系更突出,在统一的同时富有变化。
→面积调整网页例图:
面积调整分析:
作为大面积使用的主色调--饱和度和亮度为最高值的橙色,通过适当面积的白色加入协调和平衡了视觉的作用外,主体物的深红纹样的图片点缀着纯度、亮度较高的红色有醒目作用,缩小面积而却又能突出于视觉中心点,疏密构图的对比效果。
大面积的颜色和小面积使用的颜色可以拉开主次关系,位置的正确安排也是一个方面。
■面积对比
同一种色彩,面积越大,明度、纯度越强,面积越小,明度、纯度越低。
面积大的时候,亮的色显得更轻,暗的色显得更重。
这种现象称为色彩的面积效果。
面积对比是指页面中各种色彩在面积上多与少、大与小的差别,影响到页面主次关系。
面积的对比,可以是中高低明度差的面积变化及中高低纯度差的面积变化。
→面积对比网页例图:
//www.parkpack.ru
面积对比分析:
为了使网页的整体画面呈现稳定协调的感觉,以便充分的掌握其规律来更好的分析学习,我们前面介绍了色调的视觉角色主次位置的几个概念,也介绍了色彩的对比。
今天我们介绍色彩的调和。
两种或两种以上的色彩合理搭配,产生统一谐调的效果,称为色彩调和。
色彩调和是求得视觉统一,达到人们心理平衡的重要手段。
调和就是统一,下面介绍的四种方法能够达到调和页面色彩的目的。
■同种色的调和
相同色相、不同明度和纯度的色彩调和。
使之产生秩序的渐进,在明度、纯度的变化上,弥补同种色相的单调感。
→同种色的调和网页例图:
//www.solar1.org
同种色的调和分析:
同种色给人的感觉是相当协调的。
它们通常在同一个色相里,通过明度的黑白灰或者纯度的不同来稍微加以区别的,产生了及其微妙的韵律美。
为了不至于让整个页面呈现过于单调平淡,有些页面则是加入极其小的其他颜色做点缀。
该页面使用了同种色的黄色系,淡黄、柠檬黄、中黄、通过明度、纯度的微妙变化产生缓和的节奏美感。
同种色被称为最稳妥的色彩搭配方法。
■类似色的调和
在色环中,色相越靠近越调和。
主要靠类似色之间的共同色来产生作用。
→类似色的调和网页例图:
类似色的调和分析:
类似色相较于同类色色彩之间的可搭配度要大些,颜色丰富、富于变化。
以上页面主要取的是色环中的黄色、绿色、蓝色通过明度、纯度、面积上的不同实现变化和统一的。
虽然主色调的米黄色在页面中使用面积最大,但是我们看到由于它的明度非常高,饱和度就降低了,因此在页面中处在不明显的角色。
而绿色的纯度最高,且使用面积次之,页面显示较显眼,因此用于次级导航位置上。
整个页面主次的视觉引导分明。
不是每种主色调都是极其显眼的位置,通常多扮演着用于突出主体的辅助性配角。
而重要角色往往在页面中用的份量极少,却又起到突出主体的作用。
■对比色的调和
调和方法有:
1、提高或降低对比色的纯度;
2、在对比色之间插入分割色(金、银、黑、白、灰等);
3、采用双方面积大小不同的处理方法;
4、对比色之间加入相近的类似色。
→对比色的调和网页例图:
对比色的调和分析:
基本上可以说是黄色和紫色的对比色做页面的主要色调。
黄色紫色组合在网页中使用率较低,原因是这组颜色适用范围相对其他两组对比色要小很多,配色难度也较两组大。
这里黄色加入了红色呈中黄色,紫色加入了红色,偏玫瑰色,所以这组颜色不是严格意义上的对比色,也因此使这组颜色看起来协调、舒服。
这个页面都调低了亮度使整体降低了纯度,缓和视觉刺激。
白色是这组对比色里加入的协调色。
从上面的分析我们可以知道,通过上面的这些色值调配--当需要使用这组对比色配色时候该如何达到协调的目的。
不是对比色为主色调的页面就一定会有不舒服的感觉的,主要可以通过调低亮度、降低饱和度、加入少许白色来调和。
■渐变色的调和
渐变色实际是一种调和方法的运用。
是颜色按层次逐渐变化的现象。
色彩渐变就像两种颜色间的混色,可以有规律地在多种颜色中进行。
暗色和亮色之间的渐变会产生远近感和三维的视觉效果。
→渐变色的调和网页例图:
渐变色的调和分析:
该页面背景使用了渐变的效果,增加了视觉空间感。
在导航栏、广告区域、产品技术的大标题块,都使用了渐变的技术手法来表达,产生三维的视觉效果,统一了整个页面的设计语言,也是区别于其他网站页面的个性体现,达到让人印象深刻的目的。
渐变色能够柔和视觉,增强空间感,体现节奏和韵律美感,统一整个页面的目的。
除了统一当然也可以起到变化页面视觉形式的作用。
该设计语言可做需要的时候适当的使用。
本部分小结:
本节主要对色彩的对比与调和做了实例分析。
例如当页面平淡单调,需要用对比手法做些变化来丰富页面的色彩设计;
当页面变化过多,显得刺眼、凌乱,可以通过以上介绍的调和方法进行调整,使得页面看起来更统一协调。
●主要是通过面积大小、冷暖对比来表达体现页面的主次关系、中心思想。
●颜色平淡可加入适当类似色对比色来使页面产生变化。
颜色凌乱可以适当加入同类色或者类似色、白色、黑色、灰色做到统一调配的目的。
●对比色的搭配并不是
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 色彩 基础知识