‘壹’ 色彩的基本原理
色彩的基本原理
一、 光-形-色
二、 固有色 光源色 环境色 条件色
三、 色的混合
四、 色彩三要素
五、 色彩的感情
六 色彩视觉生理特征
七、 色彩的感情效果
八、 色彩设计
一、 光-形-色色彩是人对眼睛视网膜接收到的光作出反应,在大脑中产生的某种感觉。
众所周知,我们所见到的大部分物体是不发光的,如果在黑暗的夜里,或者说是在没有光照的条件下,这些物体是不能被人们看见的,更不可能知道它们各是什么颜色并伍人们之所以能看见色彩,是因为来自发光光源,如太阳、电灯光、烛光、火光等;或是发光光源的反射光,即发光光源照射在非发光物体上所反射的光,如月亮、建筑墙面、地面等,再散射到被观察物体上所致。由此可见,光和色是分不开的,光是色的先决条件,反映到人们视觉中的色彩其实是一种光色感觉。
光
雨过天晴后的彩虹这一自然现象也许正是启发英国科学家牛顿发现色彩的成因,揭示光色原理的起因。1666年牛顿在剑桥大学的实验室,把太阳光从一小缝引进暗室,通过三棱镜后,在屏幕上显现出一条美丽的彩带,为红、橙、黄、绿、青、蓝、紫色光,这种现象称作光的分解,形成的彩带 即光谱。光谱现象的出现,说明太阳光是由光谱中的色构成的。光从空气透过三棱镜再到空气,在不同的介质中产生两次折射,由于光波的长短不同,三棱镜各部位的厚薄肢旁不同引起的时差,经过折射的作用,将太历蔽橡阳光分解为红、橙、黄、绿、青、蓝、紫色光,如果在光线分散的途中加一块凸透镜,,使分散的光线集中,集中的一点又成为白色光。经三棱镜分解过的红、橙、黄、绿、青、蓝、紫任意一束色光再经三棱镜不能再分解,投射至屏幕上仍是原来的色光。含有红、橙、黄、绿、青、蓝、紫所有波长的色光叫全色光。含有两种以上波长的色光叫复色光。只含有一种波长的色光叫单色光。简单地说,光是能量的一种形式,是一种电磁辐射能。我们肉眼所能看的光线称为可见光。可见光的振幅大小产生明暗的变化,光波的长短产生色相的区别,光波长在400~700毫微米之间的为可见光,即用三棱镜分解太阳光形成的光谱,红色光的波长最长,紫色光的波长最短,相应地在色彩中,红色传递的讯息最远,而紫色传递的讯息最近。因此波长在400毫微米以外,可使人体皮肤变黑的光线称之为紫外线,波长在700毫微米以外,能产生热量的光线称之为红外线。另外,在不可见光中还有可以透过物体(金属除外)的X光线、迦玛线、有辐射作用的电磁波等其他射线,这些都是肉眼看不见的光,要通过仪器才能观测。
二、固有色 光源色 环境色 条件色⑴关于"固有色"
在日常生活中,通常我们认为颜色是有物质性的,即"固有色"是存在的、不变的。春天的树叶是绿色的,雪是白色的,小王的手套是黄色的,我新购的一件新衣是粉绿色的,这些颜色的确定当然是以标准日光的照射为前提。 有趣的是,当光源改变为人工灯光、月光、星光,或是将这些物品放在柜子里时,一般并不会认为它们的颜色也随之改变了。在偏黄色光的自炽灯下观察白天日光下看惯了的物体时,我们差不多总要按同样的方式来感觉其颜色。夜晚在光线很弱的情况下,我们也不会将身穿白衬衫的人说成是穿深灰色的衬衣,即使在红灯照射下,看到的雪仍是白色。这种习惯性的色彩认识,称之为色彩恒定性。
固有色是存在的,颜色是物质的一种不变性质,这一观点满足了日常生活中许多实际需要,在科学和技术上也有不少实用之处,但值得注意的是,在艺术、设计上,这一观点并不总能令人满意。例如,我们取明度相同的两张纸,在纸的中心各涂上直径5cm的圆形绿色块,如果这两张纸一张是中性灰色,另一张是红色,那么涂上去的两块绿色看起来就不会有相同的绿色感,这种视觉现象称为同时色对比。显然,为了正确地辨别物体的颜色,须在特定的条件下观察物体。
有关物质的颜色与光的颜色的这些观点,和认为太阳每天升起又落下的观点一样,从科学的角度上来说是根本错误的。但在日常生活中,却有必要认为它们是正确的。因为在我们的生活中,需要有一个相对稳定的、来自以往经验中的色彩印象来表达某一物体的色彩特征,就像在绘画中固有色的特征也具有很大的象征意义和现实性的价值一样,当画面的色彩以固有色的关系存在时,往往给人以现实主义的印象,而某种固有色被单独抽取出来使用时,会具有象征的意义。如绿色是春天、农作物和树叶的色彩,因此它常常被作为和平的象征用在许多具有象征意义的设计中,在具体的实用设计中,例如,咖啡的外包装盒的设计上,用上咖啡的固有色是非常必要的,这样能引起观者对咖啡香味的联想,并产生想喝它的欲望。若是咖啡的固有色用在椅子汁、绿茶或牛奶的外包装上那是绝对不可以的。因此,对固有色这个问题的认识要掌握相应性,不可一概论之。
⑵.光源色
光源色是指照射物体的光源的光色。在色光中,光谱成分的变化,光色就要变化。太阳光一般是呈白色,但清晨的太阳光呈偏冷的红色,黄昏时呈偏暖的金黄色,这就是太阳光光谱成分的变化所呈现出的不同光色。其他,如月光呈青绿色,日光灯呈冷白色,白炽灯(钨丝灯)呈橙黄色等,都体现了不同颜色的光源色,舞台上的各式聚光灯,通过各种颜色的玻璃片或玻璃纸盖罩,射出的光就是各种色彩的光源色。
⑶.环境色
物像置身于某种环境中,环境所呈现的颜色叫做环境色。绿色的森林,金黄色的麦田,各具有不同的环境色象。距离较近的物体之间,彼此形成了环境,这种物与物自身呈现的色彩氛围也称环境色。
⑹.条件色
某种颜色的物体,在不同的光源、环境的影响下,物体所呈现出的色彩,叫做条件色。生活中的一切物像,都呈现它的固有色,而任何物像都置身于某一具体环境中,它既受光源色的影响,也受环境色的影响,所以物像一般呈现的色彩既有光源色,也有固有色和环境色。
通过以上的理论表明,我们在对产品的色彩设计的时候应该将产品固有色、光源色、环境色三者联系起来,多观察、多思考、多记忆,切实弄清楚产品所需要的色彩条件和成因,方能在设计实践中灵活的运用。
三、.色的混合
牛顿用实验将太阳分解为红、橙、黄、绿、青、蓝、紫七种色光,这七种色混合一起又产生白光,因此他认定这七种色光为光原色。后来,物理家大卫?伯鲁斯特通过实验,进一步发现原色只是红、黄、蓝三种颜色,其他颜色都可以由这三种原色混合而成。从此,红、黄、蓝作为三个原色的理论被人们公认。
经过科学家的实验证明,色光和颜料的混合是有区别的:色光的三原色是:红、绿、蓝
颜料的三原色是:红、黄、蓝色光混合颜色变亮,颜料混合颜色变深。色光混合又称加色法混合,颜料混合又称减色法混合。
加色法混色效果,是由人的视觉器官来完成的,因此是一种视觉混合。彩色电视机就是根据色光混合的原理而设计的。原色?间色?复色
绘画用的是颜料,采用减色法混合。
三原色
所谓的三原色,是指这三色中的任意一色,都不能由另外两种颜料混合产生,而其他色可由这三色按一定比例混合出来,这三个独立的色称为三原色(又称三基色)。
三原色是:红(品红)
黄(柠檬黄)
青(湖蓝)
品红、柠檬黄、青三原色在色彩学上也称为第一次色。
间色 两种不同的原色相混合所产生的另一个色称第二次色,也称有间色。
间色有:红(橙红)
蓝(青紫)
绿
一般称为橙、紫、绿。
复色 将一个间色与一个原色相混合,或两个间色相混合,所得的另一个色,则称第三次色,也称复色。
由于复色的混合次数增多,颜色就变灰,绿灰、紫灰、红灰```````等均是复色。
空间混合
四.色彩的三要素⑴.无彩色与有彩色
无彩色是黑色、白色及二者按不同比例混合所得到的深浅各异的灰色系列。从物理学的角度上来说,当光源、反射光与透射光在视知觉中并未显出某种单色光的特征时即为无彩色系列,无彩色系列给人的印象是表情深沉、抽象、缺乏生命力的色彩效果。无彩色系的颜色只有一种基本性质——明度,它们不具备色相和纯度,也就是说它们的色相与纯度等于零。
有彩色是指可见光谱中的红、橙、黄、绿、青、蓝、紫七种基本色,及它们之间的混合色,即视觉能感受到某种单色光的特征,我们所看到的就是有彩色系列,这些色彩往往给人以相对的、易变的、具象的心理感受。无彩色系与有彩色系形成了相互区别而又休戚与共的统一色彩整体。彩色系具有三个特征:色相、纯度、明度。这三个基本特征色彩学上称为色彩的三大要素。理解、熟悉和掌握这三大要素,对于认识色彩和表现色彩是极为重要的。
色相 色相:即色彩的相貌和特征。它是色彩的最大特征。是指能够比较确切地表示某种颜色的
名称。自然界中色彩的种类很多,色相指色彩的种类和名称。如;红、橙、黄、绿、青、蓝、
紫等等颜色的种类变化就叫色相。
明度 明度:指色彩的亮度或明度。颜色有深浅、明暗、浓淡的变化。比如,深黄、中黄、淡黄、
柠檬黄等黄颜色在明度上就不一样,紫红、深红、玫瑰红、大红、朱红、桔红等红颜色在度
上也不尽相同。这些颜色在明暗、深浅上的不同变化,也就是色彩的又一重要特征一一明度变
化。色彩的明度有两种情况:一是,同一色相不同明度。即一个颜色在强光照射下,显得明
亮,弱光照射下显得灰暗。二是,各种颜色的不同明度,太阳所含的七个纯色中,黄色明度最
高,兰紫色明度最低,红、绿色为中间明度。
任何色加入白色明度就提高,纯度降低,加入黑色明度降低。纯度也降低。色彩的明度变化有许多种情况,一是不同色相之间的明度变化。如:白比黄亮、黄比橙亮、橙
比红亮、红比紫亮、紫比黑亮;二是在某种颜色中加白色,亮度就会逐渐提高,加黑色亮度就会
暗,但同时它们的纯度(颜色的饱和度)就会降低,三是相同的颜色,因光线照射的强弱不同也会
产生不同的明暗变化。
纯度 纯度:指色彩的纯净程度,也叫饱和度。它表示颜色中所含有色成分的比例,原色是纯度最
高的色彩。颜色混合的次数越多,纯度越低,反之,纯度则高。原色中混入补色,纯度会立即
降低、变灰。物体本身的色彩,也有纯度高低之分,西红柿与苹果相比,西红柿的纯度高些,
苹果的纯度低些。
‘贰’ 色彩设计基础知识整理
产品设计: 工业设计、UI设计、书籍报刊设计等。重点在于品牌印象,清晰、舒适、耐看。诱目性低,可以长时间凝视而不会疲劳。
运营/推广设计: 海报、广告、招贴等形式。重点在于氛围营造,吸睛、具有较强的表现力。诱目性高,瞬间吸引人的注意力。
区分层次;渲染氛围;强化主题;关联传达品牌特性;
H(hues)色相: 红、黄、蓝等色彩的种类;根据位置来划分色彩的邻近色、对比色等。
色相会具有一定的偏向性,如偏蓝色的绿色/偏黄色的绿色,在与其他颜色搭配师,不同的偏向性会产生不同的效果。
从色彩属性上,可以分为冷色与暖色。蓝色、紫色等冷色表现出清凉、冷静的感觉。黄色、橙色等暖色给人温暖的感觉。
S(saturation)纯度/饱和度:色彩的鲜明程度,为闭物0时为灰色;
B(brightness)明度/亮度: 色彩的明亮程度,最高为白色,最低为黑色;明度高:轻快、明亮;明度低:厚重、沉着。
明度差大:力量、有活力;明度差小:高雅、平稳。
RGB:红、绿、蓝;加色混合(混到一起成为白色),屏幕所用色彩表现方式。
CMYK:青、品红、黄、黑;减色混合(混到一起成为黑色),印刷所用的色彩模式
色调系列: 色彩的不同明度和纯度的组合,色调由纯度和明度交叉创造而成。不同的色调会给人留下不同的心理印象,决定画面的氛围。
决定画面的三要素是色调、色相和对比强度。
色调差小,则对比小,平稳和谐;色调差大,则对比较强,变化而有力量。链态此
淡色调(P)
心理印象:温柔、梦幻、轻盈、轻、淡、浅,多用于化妆品、婴儿用品等。
浅色调(LT)
心理印象:清爽、轻松、明快、轻、淡、浅,多用于化妆品、儿童用品等。
浅灰色调(LTG)
心理印象:素雅、温柔、消极、成熟、雅致。
轻柔色调(SF)
心理印象:质朴、消极、平和、成熟。
明亮色调(B )
心理印象:轻快、活泼、童真。多用于儿童用品。
强烈色调(S)
心理印象:强烈、有深度、充满热情的印象。
鲜艳色调(V)
心理印象:华丽、热闹、刺激、鲜明。
灰色调(G)
心理印象:资深、沉稳、厚重、成熟、含蓄、保守、消极。
浊色调(D)
心理印象:钝化、厚重、质朴、稳重、高级。
深色调(DP)
心理印象:沉着、干练、稳重棚迅。
暗灰色调(DKG)
心理印象:稳重、沉闷、质朴、厚重。
暗色调(DK)
心理印象:厚重、阴暗、稳重、质朴。
暖色:红、黄、橙等,让人联想到火焰、温暖的太阳等比较温暖的事物;
冷色:蓝色、绿色、紫色等,让人联想到冰、雪等比较凉爽的事物;
前进色:看着比实际上离自己近,膨胀色,一般是暖色,偏白的颜色;
后退色:看着比实际上离自己远,收缩色,一般是冷色,黑色等;
膨胀色:暖色、明度较高的颜色,让物体看起来感觉比实际更大;
收缩色:冷色、明度较低的颜色,让物体看起来感觉比实际更小;
色彩的重量感:黑色比白色显得更重,更牢固。明度越低,显得越有重量。反之,显得越轻。
不同色调的心理印象:
将色彩分为5个角色:主角色、配角色、支配色、融合色、强调色。
主角色: 配色的中心色,其他颜色以此为基准。
主角色决定主体,使画面整体安定。要用最强色。面积不需要多大,但是要有力度。
配角色(突出色): 衬托主角、支持主角,专门设置在主角近旁,使主角突出。
配角色增加对比,在一成不变的色彩中增加变化,突出主角色。面积与主角色形成差异,会增强对比的效果(如主角色面积较大时,面积越小的配角色效果越好)。
支配色(背景色): 作为背景环抱整体的颜色。即时小面积也能支配整体感觉。
背景色支配着画面的整体感觉。背景色包围主体,即使面积小,在观众的心中会“看到”主角背后的背景色,所以也会支配整体的感觉。
融合色: 主角色游离其他色时,置同系色于游离处,起到融合整体的作用。
但两种颜色对立过于激烈时,加入融合色,起到缓和矛盾的作用,使整体更加平稳。
强调色: 在小范围点上强烈的颜色,使画面整体更加鲜明生动。
强调色让页面的变化更加强烈,增加整体的活力。同样,面积与主题差异较大,可以增加对比效果。
首先需要明确设计的目的是什么、内容是什么、受众是谁。
设计是解决问题的一种方式,了解产品的形象、用户的角色,可以明确整体所要表现的风格气质,明确我们要解决的问题以及解决问题的思路与方向。如考虑不同年龄、不同性别、不同层次用户对于色彩的偏好。孩童一般喜欢明度和纯度比较高的色彩;老年人一般喜欢明度和纯度都较低的色彩。这样在选取颜色的时候才会有方向、有目标。
了解设计的内容可以关注技术的限制、观看距离的远近以及周围环境的影响。如平面设计一般采用cmyk模式,UI设计一般采用rgb模式。观看距离较远时,需要较强的对比度,增加识别性;反之,距离较近时需要更加柔和,让观者的眼睛不会疲劳。而夜晚模式的使用更是对于光线不足时的一种反应。就环境影响而言,如果产品周围的物体、产品等颜色比较花哨、丰富,那么选用简单、无彩色的配色会更加容易从中凸显。
主色调选取,一般是品牌的主打色,同时需要与所要传达的主题气质相符合。主色所占的比例一般会比较大,对整体风格起到一个主导作用。
对于公司内部的产品,一般考虑公司的品牌色。对于新的、toC的产品,可以使用情景版的方式来确定主色。或者使用行业/客户特定的色彩,如针对中国电网设计产品,考虑使用其绿色作为主色。
主色确定之后,单色配色一般是在色彩的明度、纯度上发生变化,并且加上黑白灰等无彩色来形成配色方案。双色配色可以考虑类似色、对比色、互补色等配色方式,一般而言,与主色在明度和纯度上的差异不会太大。多色配色可以考虑三角形、四边形、五边形的配色方式。
色彩的对比强度,可以是色相、明度、纯度任一方面。需要依据整体的感觉、气质需要来选取和调整。激烈、热闹的氛围需要比较大的对比度,柔和、安静的氛围需要不太强的对比。
色彩的冷暖感:如果都选用冷色或者暖色,整个画面就会偏冷或偏暖。除非有特殊的主题需求,一般多色配色时,会需要在全是冷色的颜色中加入暖色,或者在全是暖色的颜色中加入冷色来点缀与平衡画面的冷暖感。
色彩的明暗:色彩的明暗就像是画面的光影,有高光、有阴影物体才会有体积感。同样,颜色的明暗对比让画面具有层次感与纵深感。同时,全是亮色会显得浮躁,全是暗色会显得沉闷。
色彩之间的呼应: 整个画面之间的颜色并不是割裂的,这里一块那里一块独立存在。而是在元素之间穿插错落。色彩的呼应会让整体感更加明显,也更容易让画面变得和谐。
色彩的面积: 主色与辅色所占的面积大小一般会有所差异,形成对比。常见的比例有7:2:1,。整体的感觉与印象是不同面积色彩感觉之间拉扯的结果。
环境色/光源色的影响: 高光与阴影的颜色会受到环境色的影响,如黄色灯光下的物体,高光会偏黄色;蓝色背景上的物体,其阴影也会偏蓝色。在对元素填色时,需要考虑环境色/光源色的影响,在基础色的色相上偏向光源色或者多层叠加颜色来让整体细节更丰富、更有质感。
兼顾“突出”与“融合”两个方面: 在完成配色的方案后,要审视整体的方案与目标气质、定位基调的一致性。如果过于沉静,则下点功夫突出一下即可;如果过于喧闹,则像着沉浸、融合的方向调整即可。
取色板的右上角顶点为某一色相的纯色。水平往左,是逐渐加入白色的过程,颜色纯度逐渐降低;垂直往下,是逐渐加入黑色的过程,颜色明度逐渐降低。将取色板均等分为9个区域。每个区域的颜色会给人不同的感觉。与pccs的色调划分方式有些类似,在设计软件中选取颜色时运用比较方便。
色彩九宫格与给人的心理印象
1号区域-淡色调
心理印象:高明度低纯度,温柔、轻盈、梦幻、素雅、
2号区域-明色调
心理印象:高明度中等纯度,清爽、明亮、活泼、可爱。多用于儿童用品等。
3号区域-纯色调
心理印象:高明度高纯度,鲜艳、刺激、热闹、华丽、年轻化、冲击力强。多用于广告、海报等运营类设计。
4号区域-淡浊色调
心理印象:中等明度低纯度,素雅、格调、安静、朴实、舒适、平和。高级灰、莫兰迪色。
5号区域-浊色调
心理印象:中等明度中等纯度,坚定、质朴、安静、高级。
6号区域-暗色调
心理印象:中等明度高纯度,沉闷、成熟、沉稳
7-8-9区域-黑暗色调
心理印象:低明度,危险、高档、暗沉、厚重、阴暗
此区域的颜色,有人视为色彩禁区。颜色显脏不好搭配。当需要纯黑色的替代色时,可以考虑选取这几个区域的颜色,色彩可以偏向于主色的色相或者与主色协调的色相。
九宫格配色的使用技巧: 比较简单的方式是选择同一区块的颜色,在色相上产生变化。在多色配色的情况下可以取得较好的效果。也可以考虑明度与色彩的重量感,选用亮与暗、轻与重的颜色协调。
快速上手!10分钟学会这招超好用的“九宫格”配色技巧 - 优设网 - UISDC
用我自创的十字形配色法,让你快速入门配色! - 优设网 - UISDC
看过很多配色理论还是学不会?来看我总结的这3个实用技巧! - 优设网 - UISDC
色相一致的配色
各个色彩色相保持一致或者接近,通过明度或纯度变化来产生差异。
明度一致的配色
各个色彩明度保持一致或者接近,不会产生强烈对比感,整体会显得比较均衡。
纯度一致的配色
各个色彩纯度保持一致或者接近,纯度越高,刺激性越强,纯度越低,越显得沉稳;
同色系配色
色相不变,在纯度与明度上产生变化,形成配色方案。单色系配色,比较容易做出效果。
邻近色/类似色配色
色相跨度较小,容易形成比较清晰一致、意图明显的的效果。
中差色配色
色相环上颜色位置呈90°,具有一定的对比但不是太强烈,高级、华丽、干练。
对比色/互补色配色
色相环上二者成180°,对比强烈,容易形成炫光效果,一般会使用面积差异或者明度差异来让页面更加稳定。
三角形配色
色相环上颜色呈三角形,对比较为强烈、稳定。
四边形配色
色相环上颜色呈四边形,有一定的对比,色彩数量比较丰富。
五边形配色
以五边形的方式从色环选取颜色,色相之间的对比比较均衡。色彩数量丰富,热闹、活泼。
整体显得模糊时,应该删除暧昧模糊的地方,突出主题,大力强调作为主角的部分,整体更加清爽踏实。
当配色过于沉重压抑时,应该减少黑色,增加鲜艳颜色,提升明度、饱和度,整体明朗、生动。
对比越强,显得有活力、精神饱满;对比越弱,则更加安定、稳定。
加入对比色: 对比色是主色的补充,两者形成冲突。注意面积、明度、纯度、位置的调节,避免画面过于激烈、不协调。
准对比色带来平稳的对比: 比直接使用对比色的效果更缓和一些,即使用稍偏离对比色的补色。
全色相型: 色彩种类丰富,画面热闹、开放,类似五边形配色。
三角形配色: 平衡、稳定,类似三原色的配色。
十字型: 两组对比色,在色环上构成“十”字,有力度、紧凑。
黑色起突出作用: 黑色凸显出力量感,能够衬托出有彩色的鲜艳。
白色在不破坏画面感觉的基础上起强调作用: 白色作为中立色,不破坏其他颜色。可以作为强调色、间隔色。
用淡色群固定淡色主角: 淡色主角,背景色、辅助色等不应该过于强烈,抢过主角的风头。整体的淡色调,让画面氛围更加轻快。
加强中心部分的方法: 提高纯度;强化明度对比;强化色相对比;
加入鲜艳色彩: 鲜艳色调显得有活力,暗色调显得庄严、高雅。
减少一部分黑色: 与加入鲜艳颜色是一个道理,让色调往明亮、鲜艳方向靠近一些。
设置明度差: 也就是增加对比。对比产生力量、跃动的活力。色彩的对比包括色相、明度、纯度、面积的对比。
制造一个亮点: 抑制背景色,突出主题色的明度、纯度,与背景色拉大面积对比。
增大色彩面积: 画面过于单调、空洞,可以适当增加色彩的面积,减少留白,增加图版率和视觉度。(图版率高,整体更加活跃、热闹,适合快速浏览。图版率低,则更加安静、偏向于细细阅读,适合阅读、文档等应用的设计。详见 - 写文章 )
分离配色: 颜色之间不按照色相环的顺序排列,而是让对立的颜色放到一起,增加冲突,制造动感。
重心: 深色(明度低)在上,浅色在下,重心就会上移,不稳定而形成动感。防止,则重心靠下,更加安定。
画面色彩不协调/过于喧嚣,使用三属性(色相、明度、纯度)、位置、面积来缓和氛围,整体更加和谐。
色相靠近: 同系色、邻近色等,色相差异较小,测试稳定、温馨、保守、恬静的效果。
双色调: 色相相同或相近,色调形成差异,淡色&明色/明色&浊色等的组合。
对比双色调: 两组双色调,色相之间形成对比。双色调的平稳感与色相对比的紧凑感共存。
统一明度: 色相差异较大时,采用相同的明度,整体会给人安定的感觉。
靠近色调: 纯度与明度组成色调,同样的色调可以强化该色调带来的感觉,统一整体的画面氛围。
通过群化法收敛混乱: 将色相、明度、纯度中的一部分共通化,会得到统一感。
浓淡法: 按照色相的顺序或者明度的顺序配色,形成稳定的节奏感。
微差: 近似的色相与明度,整体会比较宁静。
灵活运用令人生厌的色调: 使用小面积强调色十分有效。强调色的选用:高彩度的同色系色彩、准高彩度的对比色彩、高明度色彩。
通过重复融合整体: 在不同的位置放置一样的色彩,形成呼应,整个画面更好地融为一体。
利用白色间隔使画面更柔和: 在过于浓艳的配色中使用白色间隔,可以缓和色相之间的强烈对比。
从自然中获取配色 :
选取自然风光的照片,进行马赛克处理,选取其中的颜色作为配色方案。
选择与主体一致的颜色:
设计材料中有一些必须加入画面的图片、图案等,可以在其中吸取颜色,作为字体、装饰元素的颜色。让整个画面更加协调。
插入间隔色:
主体与背景色、辅色等产生冲突时,可以在二者中间插入间隔色,进行一个区分、缓冲与过渡的作用。间隔色一般为无彩色或者浊色调色彩。
色彩印象:
婴儿→儿童→成年→中年 —— 浅色调、轻柔色调→明亮色调、鲜艳色调→强烈色调、浊色调→深色调、灰色调;
男性 —— 纯色,强对比;女性 —— 柔和、素雅,弱对比。
朝气、活力 —— 暖色、全色相;
可爱 —— 增加白色面积占比、在颜色中加入白色;
素雅 —— 淡雅明快的色调,弱对比;
豪华 —— 暖色、鲜艳色调、强对比;
自然 —— 明亮、素雅的浊色,在色调图中的轻柔色调、强烈色调、浊色调。
力量、速度 —— 鲜艳、厚重的色调,对比强烈;
幻想、神秘 —— 同色系,自然界中少见的;
渐变:
采用色调一致的颜色,通过色调来形成不同的氛围。
·同类色渐变:柔和、轻微、细腻。具有柔和的光影感。
·邻近色渐变:时尚、耐看、活跃
·互补色/对比色渐变:冲击力、吸引眼球、时尚。
先确定版式,再选择配色。
色彩的数量与协调:
有彩色的数量较多,容易形成热闹、绚丽的氛围。但是颜色数量越多,协调起来越难。色彩数量较少会比较有力量感,给人感觉更加坚定、方向明确;
可以在明度或纯度上保持相似性。也可以加入无彩色作为区分、过渡。或者将某一种颜色用在所有元素上,让整体更加统一。
多色配色:
色相、纯度、明度等至少要有一个保持一致或接近。如多色相的(色彩种类较多)时,应该保持各色彩的纯度和明度至少一个差别不大。要是都差别很大,则容易不协调。可以将其中一个颜色的明度或纯度提高,进行有意凸显与强调。
多色配色也要讲究颜色之间的呼应,如某些细节部分颜色与大面积色彩保持一致,而非一个颜色占据一块。
多色配色时,颜色之间的比例也需要权衡。比较均衡时,整体比较热闹。主次分明时,与大面积色的感觉更靠近。
叠加模式:
通过不同的叠加模式(柔光、叠加、颜色加深等),让图片或者色彩之间融合更加自然。
ColorMunki - ColorMunki Design
Color
Color Picker — A handy design tool from Color Supply
Color Hunt - Trendy Palettes for Designers and Artists
LOL Colors - Curated color palette inspiration
Coolors.co - The super fast color schemes generator
0-255
Color Scheme Designer 3_高级在线配色器_配色网
Material Design Color, Flat Colors, Icons, Color Palette | Material UI
中国色 - 中国传统颜色
CMYK 和 RGB 这两种色彩模式本质与区别在哪? - 知乎
《色彩设计的原理》的笔记-全书
快速上手!10分钟学会这招超好用的“九宫格”配色技巧 - 优设网 - UISDC
用我自创的十字形配色法,让你快速入门配色! - 优设网 - UISDC
看过很多配色理论还是学不会?来看我总结的这3个实用技巧! - 优设网 - UISDC
高手的平面课堂!最容易上手的配色方法 - 优设网 - UISDC
NCD WEB : NCD Busines : Image Scale System
PCCS_网络
色彩设计的原理 (豆瓣)
每天懂一点色彩心理学 (豆瓣)
PCCSの色相
配色基础原理 (豆瓣)
用一个实战项目,帮你掌握科学的 UI 配色方法 | 优设网 - UISDC
《 七日掌握 设计 配色 基础》
‘叁’ 色彩设计的原理
色彩由光引起,而光又有其物理属性。三原色(红、黄、蓝)是色彩构成的基本要素,将三原色以适当比例混合,可以得到各种不同的色彩。色相、明度、纯度称为色彩三要素。色彩三要素是色彩最基本的属性,是研究色彩的基础,也是最重要的概念。它们是研究色彩的基础。
两个鲜艳的色块放在一起产生强烈的刺激感,两个柔和的色块放在一起产生和谐的美感。不同的色块组合带给人千差万别的视觉感受,通过科学的系列的训练方法,理解色彩组合的概念,掌握色彩搭配的规律,就可以用直观有效的色彩设计作品表达平面设计的主题。
色彩对视觉有刺激作用,在视觉传达设计中常常具有先声夺人的力量,这就是人们常说的设计的视觉冲击力的主要体现吧。“远看色彩近看花”、“七分颜色三分花”正说明色彩极易引起人的情感反应与变化。人的视觉对于色彩的特殊敏感性,决定了色彩设计在包装视觉传达中的重要价值。 色彩对比是指两个以上的色彩,以空间或时间关系相比较,能比较出明确的差别时称为色彩对比关系。色彩对比主要掌握的关键是色彩三要素的对比既:色相对比、明度对比、纯度对比,同时色彩的冷暖对册颂比亦至关重要。
色相是指色彩的相貌名称,是区分色彩的主要依据,也是色彩特征的主体因素。以色相为主的配色,一般以色相环为依据,按照色彩在色相环上的位置所成的角度,可分为:
①同种色5度,如单色相红加黑、白、颤桐灰为肤色、土红、暗红等各单色相的配色;
②邻近色30度,如红、红紫、紫、蓝紫、蓝、蓝绿、绿、黄绿、黄、黄橙、橙、红橙相邻两色之间的配色;
③类似色60度,红、橙、黄、绿、蓝、紫的两色之间的秩序配色;
④中差色90度,红、黄橙、绿、蓝紫两色间的秩序配色;
⑤对比色120度红、黄、蓝的配色,橙、绿、紫的配色;
⑥互补色180度红、绿配色,蓝、橙配色,黄、紫配色。总之两色所成角度愈小,色彩的共性愈大,反之两色所成角度愈大,色彩的对比性愈强,调和性愈弱。
注:
①单色相:无有色相差别,主要应突出明度对比,配色时要拉大明度色阶;
②邻近色:色相差别很小,对比微弱,统一性极高,但易显单调,配色时要拉大明度色阶;
③类似色:色相差别较明显,对比显着,色相间又含有共同色素,活泼而富有朝气,统一柔和明确,配色时也要拉大明度色阶;
④中差色:色相差别明显,对比明州洞郑快、活泼、热情、饱满的特色,配色时要注意明度、纯度的变化;
⑤对比色:色相差十分明显,对比效果鲜明、强烈,具有饱和、华丽、欢乐、活跃的特点,但也易产生不协调感,配色时要注意纯度变化;
⑥互补色:一种原色与其余两种原色的间色对比关系,色相差别极大,对比效果强烈刺激,易产生眩目、喧闹与戏剧性的效果,配色时要注意纯度及面积的变化。 明度是色彩的明暗差别,只有适度的明度对比才会带来调和感。配色中的明度感可从高、中、低调子、明度差及综合因素来考虑。这是对12色相环的补充。
多元化的色彩设计
在色相环的基础上,将明度系列分为9个级,最深为1,最亮为9,并划分为三个明度基调:
1—3级暗色组成低明度基调,具有沉静、厚重、钝闷的感觉;
4—6级中明色组成中明度基调,具有柔和、稳定、高雅的感觉;
7—9级亮色组成高明度基调,具有明快、华丽、清朗的感觉。明度对比的强弱决定于色彩明度差别跨度的大小。
短调:相差3级以内的明度弱对比,具有含蓄、朦胧、微妙的感觉。
中调:相差4—5级的明度中对比,具有明确、爽快、清晰的感觉。
长调:相差7级以上的明度强对比,具有强烈、刺激、跳跃的感觉。
运用75%以上为主面积,可构成低短调、低中调、低长调,中短调、中中调、中长调,高短调、高中调、高长调,最长调等许许多多明度对比调子。就色相环上的各种纯色而言,具有各不相同的高、低明度,如黄色明度最高,高明度色加大量的黑后才能达到低明度。紫色明度最低,中低明度纯色加相当多的白后才能达到高明度。明度对比配色的优劣决定着包装设计色彩的黑白对比的视觉效果。 纯度指各色彩鲜艳程度。纯度在配色上具有强调主题、制造多种效果的作用,根据两色之间的彩度差异所产生的配色方式与明度对比具有同等重要的地位。在色相环的基础上,将一个纯色与同明度的无彩灰色的相等差按比例混合,可建立一个12等级纯度色系,1为灰,12为最纯。纯度对比的强弱决定于纯度差。纯度对比的作用不如明度对比明显,一般认为,一个阶段差明度对比的清晰度等于三个阶段差的纯度对比。
高纯度基调——相差8个色阶以上构成高纯度强对比,产生强烈、鲜艳、明丽的感觉。
中纯度基调——相差5—7个色阶构成高中纯度中对比,产生温和、柔软、沉静的感觉;
低纯度基调——相差4个色阶以下构成低纯度对比,产生脏浊,含混无力的感觉;
纯度对比可构成鲜强、鲜中、鲜弱、中中、中弱、灰强、灰中、灰弱等多种对比基调。
纯度高的颜色强烈刺激,使人印象深刻,也容易生产厌倦,与低纯度颜色的配合才能细腻、含蓄、耐着持久。高纯度色容易引起注意的特点,决定了其使用于包装画面中最主要的位置,还应考虑到因视觉距离的远与近所带来的强与弱的变化。纯度对比处理的好坏直接影响着商品包装的特性。 从色彩本身的功能来看,红、橙、黄能使人产生心跳加快,血压升高,使人产生热的感觉。而蓝、蓝紫、蓝绿能使人血压降低,心跳减慢产生冷的感觉。橙色为暖极色;红色、黄色为暖色;红紫色、黄绿色为中性微暖色;蓝色为冷极色;蓝绿色、蓝紫色为冷色;紫色、绿色为中性微冷色,从对比的角度来分,凡是离暖极色越近的色越暖。凡是离冷极色越近的色越冷。
冷暖极色对比为冷暖最强对比;冷极与暖色、暖极与冷色对比为冷暖的强对比;暖极色、暖色与中性微冷色,冷极色冷色与中性微暖色的对比为中等对比;极与暖色、冷极与冷色、暖色与中性微暖色、冷色与中性微冷色、中性微暖色与中性微冷的对比为冷暖的弱对比。冷暖对比决定商品包装的属性,应认真对待。
对比产生差异,包装色彩设计中没有对比便无精神而言,对比过份则使人眼花缭乱,所以在色彩对比的同时兼顾色彩调和的处理显得更加重要。
‘肆’ 《色彩设计的原理》pdf下载在线阅读全文,求百度网盘云资源
《色彩设计的原理》网络网盘pdf最新全集下载:
链接:https://pan..com/s/1clN2nrncBNurY8-Ir9c67A
‘伍’ 色彩设计原理
《色彩设计原理》绝陪遵循理论联系实际的原则,共分为5章,对色彩在设计中的重要性、色彩体系、色彩的知滑弊觉效应、色彩搭配的法则、色彩的对比与调和等方面进行信宏族了较系统、详尽的论述。论述中结合了国际、国内平面设计精品对色彩设计进行诠释,具有代表性;同时也使用了不少针对性强的设计作品为范例,让读者在色彩设计训练中有样可依,使其对色彩设计知识有详尽的认识和理解,在实践中可以创造性地应用色彩设计。
‘陆’ 33本设计好书分享【附PDF下载】
学习/工作效率(1)
《佐藤可士和的超整理术》
设计史(3)
《艺术的故事》
《加德纳艺术通史》
《现代设计史》
色彩侍模搭配(4)
《梁景红谈:色彩设计法则》
《配色设计原理》
《互联网产品:视觉设计·配色篇》
《WOW!不一样的配色设计》
版式设计(4)
《写给大家看的设计书(第4版)》
《超越平凡的平面设计》
《平面设计中的网格系统》
《日本陆谈轿版式设计原理》
字体设计(5)
《字体传奇:影响世界的Helvetica》
《西文字体》
《Hanzi Kanji Hanja 汉字设计与应用》
《设计师的自我修养》
《中国字体设计人:一字一生》
平面/早肆视觉设计(5)
《设计中的设计》
《造型的诞生》
《设计的觉醒》
《设计的教室》
《设计诗》
广告设计(2)
《视觉锤》
《一个广告人的自白》
界面设计(2)
《界面设计模式》
《亲爱的界面》
......
公众号【 AAA设计师 】
对话框留言完整书名,或者留言“33本设计书”,
就可以得到这些电子书籍了!