色彩搭配设计

1、 第一部分第一部分 色彩搭配色彩搭配 “第一印象第一印象”是在最开始的几秒钟内决是在最开始的几秒钟内决定的，而形成定的，而形成“第一印象第一印象”的主要部分就的主要部分就是以色彩为中心的视觉信息。是以色彩为中心的视觉信息。PCCS对顾客的抽样调研数据 关心色彩的人：61.22% 非常关心色彩的人：11.68% 不太关心色彩的人：24.45% 不关心色彩的人：2.65%色彩的原理原色 也叫三原色。即红、黄、蓝三种基本颜色。自然界中的色彩种类繁多，变化丰富，但这三种颜色却是最基本的原色，原色是其他颜色调配不出来的。除白色外，把三原色相互混合，可以调和出其他种颜色。印证印证 三原色：红、黄、蓝 光的

2、七色色相环：红、橙、黄、绿、青、蓝、紫 颜料的七色色相环：红、橙、黄、绿、蓝、紫色相环 色环色环是色彩按红、黄、绿、蓝、红依次过度渐变呈现出来的不同颜色，就可以得到一个色彩环。色环通常包括12种不同的颜色。暖 色 指的是红、橙、黄、这类颜色。暖色系的饱和度越高，其温暖特性越明显。可以刺激人的兴奋性，使体温有所升高。冷色 指的是绿、青、蓝、紫等颜色，冷色系亮度越高，其特性越明显。能够使人的心情平静，清爽，恬雅。色彩的三属性：色彩的三属性：色相（Hue） 也叫色调，指颜色的种类和名称，是指颜色的基本特征，是一种颜色区别于其他颜色的因素。色相和色彩的强弱及明暗没有关系，只是纯粹表示色彩相貌的差异。如

3、红、黄、绿、蓝、紫等为不同的基本色相。也叫亮度，指颜色的深浅、明暗程度，没有色相和饱和度的区别。不同的颜色，反射的光量强弱不一，因而会产生不同程度的明暗。非色彩的黒、灰、白较能形象的表达这一特质。 明度（Value）明度的递增 色彩的三属性：纯度(Chroma） 也叫饱和度，指色彩的鲜艳程度。原色最纯，颜色的混合越多则纯度逐渐减低。如某一鲜亮的颜色，加入了白色或者黑色，使得它的纯度低，颜色趋于柔和、沉稳。加入黑色的纯度变化和加入白色的纯度变化 色彩的种类有彩色系：有彩色系：是指具备了色彩的三个属性，即色相、明度、纯度。是指具备了色彩的三个属性，即色相、明度、纯度。 它以红、橙、黄、绿、蓝、紫为

4、基本色。基本色之间不它以红、橙、黄、绿、蓝、紫为基本色。基本色之间不同量的混合所产生的千千万万的色彩皆属于有彩色系。同量的混合所产生的千千万万的色彩皆属于有彩色系。无彩色系：无彩色系：只有明度的变化。只有明度的变化。 无色彩系指由黑色、白色、灰色（由黑白两色相混的各无色彩系指由黑色、白色、灰色（由黑白两色相混的各种深浅不同的灰色）系。种深浅不同的灰色）系。 有彩色 无彩色色调 主色调：页面色彩的主要色调、总趋势，其他配色不能超过该主要色调的视觉面积。（背景白色不一定根据视觉面积决定，可以根据页面的感觉需要。） 辅色调：仅次与主色调的视觉面积的辅助色，是烘托主色调、支持主色调、起到融合主色调效果

5、的辅助色调。 点睛色：在小范围内点上强烈的颜色来突出主题效果，使页面更加鲜明生动。 背景色：衬托环抱整体的色调，协调、支配整体的作用。 色彩的功能一、色相对比 是指因色相之间的差别形成的对比。当主色相确定后，必须考虑其他色彩与主色相是什么关系，要表现什么内容及效果等，这样才能增强其表现力。不同色相对比取得的效果有所不同，两色越接近，对比效果越柔和。越接近补色，对比效果越强烈。 二、明度对比明度对比可分为明度对比可分为:彩色差的明度对比及非彩色差的明彩色差的明度对比及非彩色差的明度对比度对比 是指色彩之间明暗程度的差别而形成的对比。是页面形成恰当的黑、白、灰效果的主要手段。明度对比在视觉上对色彩

6、层次和空间关系影响较大。例如柠檬黄明度高，蓝紫色的明度低，橙色和绿色属中明度，红色与蓝色属中低明度。三、纯度对比 是指不同色彩之间纯度的差别而形成的对比。色彩纯度可大致分为高纯度、中纯度、低纯度三种。未经调和过的原色纯度是最高的，而间色多属中纯度的色彩，复色其本身纯度偏低而属低纯度的色彩范围。纯度的对比会使色彩的效果更明确肯定。 四、补色对比 将红与绿、黄与紫、蓝与橙等具有补色关系的色彩彼此并置，使色彩感觉更为鲜明，纯度增加，称为补色对比。 五、冷暖对比 是指不同色彩之间的冷暖差别形成的对比。色彩分为冷、暖两大色系，以红、橙、黄为暖色体系，蓝、绿、紫则代表着冷色系，两者基本上互为补色关系。另外

7、，色彩的冷暖对比还受明度与纯度的影响，白光反射高而感觉冷，黑色吸收率高而感觉暖。 六、面积对比 同一种色彩，面积越大，明度、纯度越强，面积越小，明度、纯度越低。面积大的时候，亮的色显得更轻，暗的色显得更重。这种现象称为色彩的面积效果。 面积对比是指页面中各种色彩在面积上多与少、大与小的差别，影响到页面主次关系。 面积的对比,可以是中高低明度差的面积变化及中高低纯度差的面积变化。 色彩的知觉一、色彩的感觉1、温暖与寒冷 暖色：暖色：波长较长、热情、积极、奋发、膨胀、 兴奋、温馨、外向、积极、厚重、刺激、 活跃、努力、主动 冷色：冷色：波长较短、消极、安静、松弛、幽深、 沉着、内向、轻、后退、收缩

8、、冷漠、 安静、薄弱、思念、凄凉、沮丧2、兴奋与冷静 兴奋色：暖色较易引起心理的亢奋。 明度、纯度较高的颜色。 如（朱红）红、橙、黄 冷静色：冷色较具压抑心理亢奋的机能，令消极、 沉静。 明度、纯度较低的颜色。 如（蓝）青绿、蓝、蓝紫3、轻与重 轻：冷色系、中纯度、明度高的颜色。 重：暖色系、纯度极高或极低的颜色。4、强与弱 强色：明快、强烈、兴奋、紧张、不安 包括纯色色色调、活泼色调、明亮 色调、鲜艳色调。（原色） 弱色：温婉、柔和、松弛、亲切感 包括浊色调、浅色调、类似无色色调、低 线度色调。（混色）5、柔和与坚硬 柔和： 就柔和的色彩而言：就柔和的色彩而言：明度较高、纯度较低的颜色 就无

9、彩色而言：就无彩色而言：中明度的灰色 就冷暖色而言：就冷暖色而言：暖色系 坚硬： 就柔和的色彩而言：就柔和的色彩而言：明度低、纯度高的颜色 就无彩色而言：就无彩色而言：高明度的白色 就冷暖色而言：就冷暖色而言：冷色系6、华丽与朴素 华丽：鲜艳、亮丽、色彩饱和、色调活泼、强烈 纯度高、明度高的色彩系统。 朴素：朴实、无华、色彩浊而钝，色调冷漠、 柔弱、灰暗 纯度低、明度低的色彩系统。7、明朗与阴郁 明朗：清晰、明亮、吸引人、快乐、精神 明度高、纯度高的色系、白色系、暖色系 阴郁：含糊、伤感、凄凉、压抑 明度低、纯度低的色系、黑色系、冷色系8、易视性 颜色的易视性，取决于颜色和周围颜色的刺激方面的

10、条件，以有观察者的心理条件。 颜色的易视性会受明度关系的限制。 强调明度差。 黑与黄 黄与白 黑与白 红与绿 使用唤起注意的黄色，以衬托黑色的条纹状9、诱目性 引人注目：一般而言，明色、纯度高的颜色 、暖色 易忽视：一般而言，暗色、纯度低的颜色、冷色 色彩的诱目性会因颜色的大小、强弱、持续时间、色彩的诱目性会因颜色的大小、强弱、持续时间、 动态、位置和观察者的心态而不同。动态、位置和观察者的心态而不同。10、前进与后退 前进感：波长较长的色光、明度高、纯度低、 温暖、明亮。红、橙、黄、赤 后退感：波长较短的色光、明度低、纯度高、 清冷、寒冷、深远。蓝、深绿 前进感、后退感也是一种经过比较才会产

11、生的感觉。前进感、后退感也是一种经过比较才会产生的感觉。 单独一个色相的存在是看不出前进或后退感的。单独一个色相的存在是看不出前进或后退感的。黄色和红色是前进色，绿色、蓝色和黑色则是后退色配色一、配色的基本概念 观点不同,角度也将大不相同. 单独一种色彩,并没有所谓的美丑,只有在两种以上的色彩放在一起时,才有美或不美的问题产生. 将两个以上或两组以上的色彩配置在一起时,我们称它为配色配色.常用配色三概念间色 又叫“二次色”。它是由三原色调配出来的颜色，是由2种原色调配出来的。 红与黄调配出橙色；黄与蓝调配出绿色；红与蓝调配出紫色，橙、绿、紫三种颜色又叫“三间色”。 在调配时，由于原色在份量多少

12、上有所不同，所以能产生丰富的间色变化。常用配色三概念复色 也叫“复合色”。 复色是由原色与间色相调或由间色与间色相调而成的“三次色”，复色是的纯度最低，含灰色成份。 复色包括了除原色和间色以外的所有颜色。常用配色三概念补色 是广义上的对比色。 在色环上划直径，正好相对（即距离最远）的两种色彩互为补色。如：红色是绿色的补色；橙色是蓝色的补色；黄色是紫色的补色。 补色的运用可以造成最强烈的对比。二、色相环配色1、同色相配色 概念：同一色相中的颜色,包括明度的深浅变化,所 构成的配色效果。 配色范围：只有单色的明暗、深浅变化。 效果:稳定柔和统一幽雅朴素的效果。 方法:加大明度、纯度的变化。避免明度

13、差太小。2、近似色相配色 概念：距离主色60度之间的每个颜色，均可称之 为近似色。 效果：甘美、清甜、和谐、共鸣、浪漫、唯美、 柔和、文质彬彬。 方法：距离的角度越大，越活泼而富有朝气；反 之，角度越小，越具有稳定感和统一性。3、对比色配色 概念：在色环上，与主色呈120度-150度左右的两色关系，称为对比关系，利用对比关系配色，称为对比配色。 方法与效果： 角度大、距离远、颜色差异大-活泼、跳跃、华丽、璀 璨、明朗、爽快 两色同属于高纯度配置对比非常强烈、显得刺眼、眩目， 令人不快，故需要用明度和浊度加 以调配，缓冲其强烈的冲突感。 4、补色配色 概念：位于色环上直径的两端，其两个颜色的关

14、系，称为补色。 方法：呈现180度角度之比。避免纯度过高，导 致激烈的冲突带来的不调和感。 效果：清晰、明亮、灿烂、戏剧性强、激越、腾 跃。五、色调配色（P.C.C.S） 色调相同或近似，较容易统一而整理成优秀的配色；色调差很大的配色可表现相对的变化感或紧张感。 以P.C.C.S的十六色调分类为基准：有彩色与无彩色。 看图示范六、配色技巧 均衡（Balance） 概念：概念：两种以上的色彩体系配置在画面中所形成的一种心理上的平衡感，这种平衡感不是天枰上两边重量、大小对称的平衡，而是有韵律有生命能动态呼应的平衡。 方式：方式：明暗的对比、纯度的调和、色相的比较、面积的大小、位置的安排、调子的轻重

15、 韵律（Rhythm） 概念：概念：节奏感，诱使人们进入其所布陈的完美领域中去，这是韵律的真境。 方式：方式：有方向、有顺序、有组织的前进。 强调（Accent） 概念：概念：主题与背景或重点与陪衬。 方式：方式：主题与背景分明，主次分明，主体形象要色彩鲜明，分量较重，而次体则较简略、朦胧，产生反衬效果。 统一(Dominant) 概念：概念：Dominant 含有支配整体的权势之意,指整个配色体系,虽然复杂繁多,但却需要条理分明,有统一的结构。 方式：方式：有分散、有密集、有聚有合，有开有放。 渐进 概念：概念：逐渐变化色调的意思，将色彩的浓度或明度或纯度或色相，作等差或等比级的次第变化，使

16、色彩呈现一系列的秩序性展延，呈现出流动性的韵律之美，感染轻柔而典雅，效果幽美。 方式：方式：色相渐变、明度渐变、纯度渐变、色调渐变 反复 概念：概念：将同样的色彩系统重复使用,以达到强调和加深印象,称为反复.为了加强画面的表达力. 方式：方式：不可以单一色彩反复,是以组合方式或系统方式变化反复,才不致于是画面变得单调生硬. 比例 概念：概念：同在一形体之内,部分与部分间的关系,如长短大小高低内外上下左右等,保持着一定数量比的秩序. 方式：方式：将色彩的明度纯度等分量,作适当的比例搭配. 流行：一种左右人们一时之间的美感概念风潮。流行色彩所占的设计考虑因素，每个阶段不同，不容忽视。色彩与品牌定位

17、的结合品牌定位与色彩的结合，在于先确定消费群特定的年龄、社会阶层、购买习惯、喜爱的色彩等等。大众化品牌对色彩的应用规律 多用有彩色系 色彩搭配组合比较复杂 多用明度偏高与纯度较低的色彩 对流行色应用的比例约为50%-80% -PCCS高端品牌对色彩的应用规律 多应用无彩色，如：黑、白、灰、金、银 使用明度偏低与纯度较高的有彩色 色彩搭配组合简洁、利落、大气、稳重 对流行色的应用比例约为20%-40%对对 比比服装的色彩搭配方式一、基调色与主调色基调色 概念概念:配色中的基础颜色.如布料中指的是底色/室内装潢中的墙壁、地板、地毯的色彩/化妆中的肤色、底色。 方式：方式：在配色设计时，先选出想表达

18、的感觉为中心的色彩，把这个色彩当底色使用，或者应用在大面积上，将其它的色彩放在这个底色上，或是配置在这个色彩周围，以达到想要表现的效果。 特点：特点：配色中面积最大 、底色、背景色主调色 概念：也称支配色,以色相和色调做统一性配色时,整体上会展现出各该色调所具有的印象或感觉. 方式:在配色时,如果使用多数色彩,就要考虑某种统一的方法才行.色相和色调有共通性,才可表现出统一感的配色效果.基调色和主调色的选择法 想要色彩表现出一种感觉或印象时，就必须选择一种适合这种感觉的色彩，同时也要选择它的表现效果。 色彩是由形状和材质所表现。色彩是由形状和材质所表现。 考虑：场合、对象、季节等。二、以色相为主

19、的搭配方式 选择符合想表现的色相，并采用色调中的色调配色法做设计，清楚的表现出该色相的感觉。 何谓“色调配色法”：使用两种色调的配色法，着眼点要何种感觉，色相的选择就限定在那个色相的色系中。三、以色调为主的搭配方式 以各种色调所具有的感觉，加上各种感觉的组合作为考虑因素，来配置。四、依据所属的风格选择基调色浪漫的、温柔的、优雅的感觉浪漫的、温柔的、优雅的感觉 基本感觉：浪漫的梦幻般的、故事般的、童话式的、洛可可调的温柔的柔软的、轻巧的、温柔的、妩媚的优雅的优雅的、女性化的、温柔的、可爱的、令人怜惜的 主要的基调色：粉色调、淡色调、浅灰色调为基础色的基 本配色。p/lt/ltg 基本配色：使用上述的色调，以同一色相、类似色相做整合，并用色调做浓淡的表现（同色系的浓淡、色调中的色调配色法。）古典的、正统的、稳重的感觉古典的、正统的、稳重的感觉 基本的感觉：古典的传统的、古典的、样板化的正统的正统的、正统