西蔓色彩学习笔记

视觉形象规划基础课程

色彩基础知识

一、风格特征及构成概述/色彩与风格的关系

据国外科学家的实验证明，人的视觉器官在观察物体最初的20秒内，色彩感觉占80%，形体感觉占20%。

50米看颜色，30米看款式，10米看面料。 二、色与光的关系

三、CCS（色彩搭配设计师标准配色体系） （一） 色的分类：无彩色和有彩色

无彩色：绝对的白与绝对的黑和不同比例的黑与白混合形成不同的灰，统称无彩色。 有彩色：无彩色之外的所有颜色统称有彩色（七色光）。 （二） 色彩的属性： 1． 色相：色彩的相貌。

2． 明度：色彩的明亮程度。

3． 纯度：色彩的鲜艳程度和饱和程度，也被称做彩度、艳度。 四、色调

1． 概念：色彩的调子，即色彩群外观印象。

2． CCS色调：色调图的纵轴代表明度，横轴代表纯度。 3． CCS色调名： 序号 色调名 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 纯色调 亮色调 浅色调 淡色调 极淡色调 强色调 深色调 暗色调 极暗色调 中色调 柔色调 浊色调 浅灰色调 中灰色调 暗灰色调 英文缩写 vv br lt pl vp st dp dk vd mo sf dl lg mg dg 英文名 vivid bright light pale very pale strong deep dark very dark moderate soft dull light grayish medium grayish dark grayish

4． CCS的表示法：例：1·R-st

五、色彩心理：

（一） Y/B基调理论：受蓝色支配的是B基调，也叫冷基调；受黄色支配的是Y基调，也

叫暖基调。冷暖是相对的。 （二） 色彩的联想与象征：

1． 红色：联想事物---鲜花、警告、血液、苹果、草莓。。。

- 1 -

印象：热情、野心、革命、生命、活泼、能量。。。

2． 橙色：食品

印象：成熟、温暖、健康、活力、欢欣、轻快。。。 容易造成视觉疲劳，具有侵略性。

3． 黄色：联想事物---香蕉、柠檬、向日葵、菊花、枫叶、警示。。。 印象：明亮、快乐、明朗。。。

黄色在中国代表权力，而日本、韩国则忌黄色。 4． 绿色：联想事物---树叶、森林、军装、玉。。。 印象：新鲜、安全、活力、缓和紧张。。。

绿色代表着生命，在中国认为是长寿和慈善，也代表着毒。。。 5． 蓝色：联想事物---天空、海洋。。。 印象：平和、信赖感、端庄、舒适。。。

蓝色代表理性、职业性，同时也代表高贵、忧郁。。。 6． 紫色：联想事物---葡萄

印象：高贵、神秘、梦幻、典雅、女性的。。。 7． 白色：联想事物---白云、白雪、天使。。。 印象：高雅、纯洁、圣洁、清洁。。。 8． 黑色：联想事物---煤、乌鸦、黑夜。。。

印象：严肃、厚重、神秘、高级感、摩登、高贵。。。 9． 灰色：联想事物---

印象：模糊、朴素、含蓄、现代、理性、知性。。。

（三） 色彩的心理效果：

1． 色彩的轻重：色彩的轻重与明度相关，明度高的轻，明度低的重 2． 色彩的软硬：与色相、明度有关

3． 色彩的兴奋与沉静：与三属性都有关系

4． 色彩的华美与质朴：主要与纯度有关

5． 色彩的前进和后退：与三属性都有关系，冷色有后退感，暖色有前进感 6． 色彩的膨胀和收缩：与三属性都有关系

7． 色彩的动静：与纯度有关，纯度高的显动，纯度低的显静 六、配色基础

搭配效果：类似、对比

搭配形式：有彩+有彩、有彩+无彩、无彩+无彩

色相配色 配色形式 有彩+有彩 色调配色 明度配色 同一色相 邻近色相 类似色相 中差色相 对照色相 补色色相 同一色调 类似色调 对照色调 同一明度区域 类似明度区域 对照明度区域 - 2 -

有彩+无彩 无彩+无彩 配色印象：

1． 可爱/少女般印象

色调：明清色调 明度：中偏高明度 对比度：中偏弱对比

同一纯度 纯度配色 类似纯度 对照纯度 依照距离远近所产生的效果进行配色 纯度：跨度较大，暖色色相，偏甜美、可爱，糖果色 加入少许灰可表现少成熟少女

2． 前卫

以黑、蓝和灰色调组成，辅助性绿色肯有摩登印象

由纯色或高彩度清色组成，突出艺术上的新潮，加以白色，更加突出清新 色调：以清色（明清、暗清）为主色调，整体印象要清晰、醒目 纯度：高纯度

对比度：对比度高、强烈 3． 柔美

略带灰味的紫红、紫色系，低彩度~中彩度的弱对比配色 紫、紫红体现优雅印象

以清色和浊色相互结合的配色手法，加入紫和青紫体现理性和上品印象 稍微提高彩度体现华丽的印象 色调：浊色区 明度：中~低 纯度：中~低

色相：粉、紫等 4． 都市

以蓝色系列的明亮清色和灰色调颜色为主的配色 加入青紫色——表现洗练讲究的印象

加以黄色的明亮清色以点缀体现了年轻与活力 色调：浊色区 明度：中明度 纯度：低纯度 色相：蓝、灰

对比度：不能过于强烈，类似较好 5． 自然1——清新自然

以象牙色和浅驼色为中心的配色，弱对比。（中明度、灰色调） 以黄绿色为强调色，自然的效果更加突出

加入青和绿体现自然、环保印象

全体加入暖色调（例：红、橙、黄）体现温和舒缓印象 色调：浊色调 明度：中明度 纯度：低纯度

- 3 -

色相：大地色，绿、青、红、橙、黄

6． 自然后——异域风情

彩度较高的暗清色组成，加入棕褐色后体现出民族风情，加以适度对比产生跳跃感（高纯度、低明度）

以彩度高的清色为配色中心 以暖色调为主尽量配合青紫色 利用明亮的灰色调制造对比度 色调：浊~暗清色 明度：中~中低明度 纯度：中~中高纯度 对比度：强 7． 古典

暖色系深色调为中心配色（传统、怀旧） 全体加入灰色调的配色——怀旧感

深灰调（dk tone）色彩加上黑色的配色——厚重感 深色调绿和红、紫红色系加点缀色有复古效果 色调：浊色调

纯度：中~中低纯度 明度：中~中低明度

对比度：中偏弱对比

8． 中性能——动感、年轻印象

全色系青色为基调，加以橙、黄等暖色作为点缀，体现轻松、舒适的印象 多色彩组合配色——跃动感 暖色为中心的配色——热闹

寒（冷）色为中心加上白色的配色——跃动 色调：明清色调 明度：中偏高明度 纯度：中偏高纯度 色相：蓝、绿偏冷色 对比度：偏强

9． 中性2——理性、成熟

青、青紫为主色调加上亮灰体现冷静、理性

青绿、蓝、青紫冷色调为主，加以亮清色做点缀，加大对比形成明快感（理智、速度感） 10． 华丽 深色的红、紫红、紫色系为配色中心

带金色的深色调黄色系的配色——豪华感 加入黑色的配色——存在感受、高级感 全体以红、紫红、紫色调——性感、魅惑 色调：浊色、暗清 明度：中~中低明度 纯度：中~中高纯度

色相：红、紫红、偏女性化颜色 对比度：中度~强对比度 11． 戏剧

- 4 -

以无彩色、高纯度的清色进行配色组合 明度：中~低明度 纯度：中~高纯度 对比度：对比强烈 色相：无限制 七、风格造型基础

（一） 风格造型的构成

风格是某一类事物间的共性特征，这种特征必须是占主导地位的特征，故此我们又将这种特征称为事物的主导因素。 物体构成三要素：形、色、质 风格特征三要素：轮廓、量感、动静

1． 量感：指一种饱满、充实的程度，它是大小、厚薄、体积、重量、密度等指标的综合值，

是视觉印象上的份量感觉（大、中、小）。大量感带来的感受是：重的、成熟的、大气的、有存在感的、稳重的；小量感带来的感受是轻的、年轻的、小巧的、活泼的、可爱的。

2． 动静：是指视觉印象上的装饰性强弱。

3． 轮廓：构成物体边缘的线条形态，是视觉印象上的柔和和硬朗倾向（直、中、曲）。 （二） 服装风格基础

服装是由衣领、袖、衣片、裙、裤构成。

配饰是由鞋、帽、包、丝巾、饰品等构成。

服装的风格是由服装的各组合元素的大小、动静、直曲共同来体现。某个元素不能决定服饰的风格特征。整体带来的视觉感受主导服饰的风格特征。 领：

大量感：领口较低、领面宽、领开得深 小量感：领面窄、领口较小

领的轮廓：以领的外轮廓线区分，若外轮廓线是直的则是直，是曲则是曲。 袖：

量感：袖型宽大、有厚重感的是大量感；袖型窄小，有收紧感的是小量感。

袖的轮廓是以肩与袖形成的角度来参考的。肩与袖形成90°为直线型，肩与袖圆润、线条柔和为曲。

衣片：

量感：夸张、厚重感的是大量感；短小而贴身的是小量感。

衣片的轮廓是以外轮廓分割线、装饰物的连接线的直曲为依据所形成的整体印象。 裙：

量感：夸张、大气的印象为大量感；轻盈、年轻的印象为小量感。 裙的轮廓可参考裙片、裙摆的轮廓。 裤：

量感：腿宽大、有厚重感的为大量感；

裤的轮廓：看下边缘线的直曲变化来判断直曲。 服饰的风格印象：

大量感的偏成熟、厚重、稳、夸张 小量感的偏年轻化、可爱

（三） 惯用风格分类及解析：

小

- 5 -

静

都市（直，D、G）：面料精致、知性、简约、现代、成熟的 戏剧（中，I、H、F）：夸张、醒目、大气，（直曲均和）

柔美（曲，D、E）：亲和、纤细的、女性化的、温柔的、成熟曲线的，（曲线） 浪漫（曲，E、F、H、I）：繁复、精美、华贵、奢华、雍荣大气，多以曲线形式表现 古典（中，G、D、E、H）：端庄、内敛、精致、严谨、传统、典雅，（直曲均和） 自然（中，D、E、F）：宽松、随意、洒脱、成熟大方，（直曲均和） 甜美（曲，A、B、C）：可爱的、年轻的、纯情的

中性（直，B、E、F）：简洁、时尚、利落，（直线化） 前卫（直，B、C、F）：反传统的、另类的、与从不同的、年轻化的、突显个性的，（直曲均和）

八、认识主要艺术风格： 古典主义风格： 哥特式风格： 巴洛克风格： 洛克克风格： 现代主义风格：

A D G B E H 大 C F I 动

- 6 -

本文来源：https://www.bwwdw.com/article/iay2.html