色彩设计的原则

红色：燃烧，燥热，刺眼 白色：焦点
有了黑色，红色更热情； 有了红色，黑色更庄重。
无彩色——单色——两色——三色
无彩色——单色——两色——三色
A.相邻两色的搭配：简单而有效
红 橙 黄 绿 蓝 紫 品红
相邻两色的搭配
搭配技巧1： 一种颜色纯度较高的时候，另一 种颜色选择纯度或明度较低的。
A.相邻两色的搭配：简单而有效
பைடு நூலகம்
深棕色 蓝色 淡棕色
双 色 设 计 更 有 个 性
当主色不明确时，可用色彩基调判断法
辅助色的秘密
判断辅助色用得好不好： 去掉它，画面不完整；有了它，主色更显优势。
判断辅助色用得好不好： 去掉它，画面不完整；有了它，主色更显优势。
辅助色与双主色的区别
辅助色可以被替换，双主色不可替代。
背景色是特殊的辅助色
•
Chapter8 突破形式：提取色彩-分析色彩-实践运用
• • • • • • • • • • •
Section1 根据形式的变化调整色彩 Case1 从图像中提取色彩应用于其他形式 将提取的色彩组合用于网页设计中 细节到整体，从局部色彩分析到色彩结构总结 把色彩组合应用于标志设计、插画创作 Section2 根据版式变化调整色彩 Case2 从插画设计中提取色彩应用于名片设计 Section3分析流行色的色彩组合方式 Case3从服装设计中提取色彩应用于其他形式 从服装流行色到插画 从服装流行色到商务样册
传播内涵（阅读心理）有可能高于面积原理
区别主色的关键：
十分抢镜的颜色，有 可能是主色，也有可 能是点缀色。 区别的重点：谁在第 一时间进入你的视野， 影响你对整个作品的 感官和印象。 点缀色通常是面积较 小的部分，为了方便 阅读提醒注意而出现 的。
区别主色的关键：
深棕色 蓝色 淡棕色
同一颜色可以充当多 种角色。 大段文字内容，其背 景色通常采用跳跃的 颜色。
• • • • • • • • • • •
Chapter9 突破对立色彩感受：从一端到另一端 Case1 稳重vs明快 Case2 平实vs华丽 Case3 激情vs平淡 Case4 幼儿vs暮年 Case5 男性vs女性 Case6 优雅vs活泼 Case7 商务vs休闲 Case8 单纯vs历练 Case9 浪漫vs日常 Case10 时尚vs传统
搭配技巧： 保持明度或纯度基调一致
B.个性明朗的三色组合
搭配技巧： 调整明度 纯度
C.细腻的互补取色组合
搭配技巧： 添加同色系的淡色
原则二：主色、辅色、点缀色
色彩在画面中的功能性
主色的魅力
•主色决定整个作品 的风格； •色彩与媒体相关；
•色彩与造型相关
主色的面积原理
饱和度高的颜色作为主色会比较稳定。
色彩设计
原则一：不要超过三种色彩
从认识彩色开始
• 色彩是一种很好理解的情感
• 一种颜色对应的情感比较混杂，因而需要搭配使用。
色彩之间的相互衬托和相互作用。 • 了解HSB:人脑感知色彩的模式
观察色彩，通过自然感受表达色彩
两色搭配是用色的基础
有了白色，红色更注目； 有了红色，白色更干净。
搭配技巧2： 选择同一色相，改变其明度和纯度。
B.对比两色的搭配：激烈又稳定
搭配技巧：高纯度。面积差。
C.间隔两色的搭配：广泛、有节奏
纯色 调整明度
调整明度和纯度
三色搭配成规律
不超出三种色相的范围。 在正确传达内涵的前提下，色彩越少越好。 色彩不是孤立的。
插画、标志
A.统一外观的相邻色系
辅助色对画面有决定性效果
辅助色对画面有决定性效果
橙色是主色吗？
同类色使画面柔和，对比色较强烈，间隔色介于两者之间。
点缀色的应用
点缀色特点：出现的次数多；颜色非常跳跃，与其他颜色反 差大；引起阅读性
点缀色能决定 画面的色彩关系
色彩功能的秘密
• 主色，决定画面的风格趋向。
• 辅助色，使画面更完美，更丰富。
•
• • • • • • • • • • • • • • • • •
Chapter3 认识色彩集合：把图像、图案、文字和图表看成一种色彩
Section1 从色彩角度应用图像 思考色彩如何配合图像 从图像中提取颜色是最简单的搭配方法 有保守的搭配方法，也有大胆的搭配方式，你是决定者 零散的图像信息，需要呼应或统一 运用色彩将图像与画面融合一体 Section2 从色彩角度应用图案 图案是一种有规律的色彩集合 图案是一种有传播内涵的色彩 Section3 从色彩角度应用文字 文字信息可以看成视觉符号 文字是另类的色彩集合 作为图形的文字具有更大的设计空间 Section4 把图表视为一个色彩集合 图表色彩设计的关键点 图表色彩与版式色彩的协调与统一
• 点缀色，引导阅读，装饰画面。
推荐延伸阅读：
《写给大家看的色彩书1:设计配色基础》
• • • • • • • • • • • • • • • • Chapter1 所有原则的基础：不要超过三种色彩 Section1 从认识色彩开始 认识色彩，了解什么是HSB 观察色彩，通过自我感受表达色彩 Section2 两色搭配是用色的基础 感受从无彩色到有单色、两色、三色的搭配过程 相邻两色的搭配，简单而有效的搭配 对比两色的搭配，激烈又稳定的搭配 间隔两色的搭配，广泛有节奏的搭配 Section3 三色搭配成规律 人们首先从色相上识别色彩 少而精，设计用色是越少就越好 12色相环“生长”图示 不超过三种颜色的搭配：统一外观的相邻色系 不超过三种颜色的搭配：个性明朗的三色组合 不超过三种颜色的搭配：细腻的互补取色组合
• • • • • • • • • • • • • •
Chapter4 不确定的时候：黑、白、灰是天生的调和色 Section1 色彩调和很简单 常用的色彩调和手段：面积调和 空间混合的调和手段：点缀色调和 取得新色彩的方法：互混调和 设计要素上的重点：隔绝调和 形成韵律的诀窍：秩序调和 还有最简单的方法：同一调和 Section2黑、白、灰可以让你的作品更稳定 用黑色使画面有重心、有秩序 用灰色让画面有质感、有氛围 用白色使有彩色更轻盈、更透气 综合运用黑、白、灰使作品更受关注
•
Chapter5 你的底线是：相近色调或对比色调
• • • • • • • • • • •
Section1 从色彩基调入手 没有思路的时候，从色彩基调入手 Section2 寻找共性、统一的相近色调配色思路 基调统一的配色方法是一种思路 寻找色彩之间的共性，是同类色调达成统一外观的主要方法 学习优秀作品的色彩大关系，更要研究细节 基调统一的配色思路的进化 Section3 寻找强烈感受、戏剧冲突的对比色调配色思路 小范围、大范围内均可寻找对比的机会 利用色彩面积强化对比效果 Section4 同时运用两种思路进行色彩设计
推荐延伸阅读：
《写给大家看的色彩书1:设计配色基础》
•
• • • • • • • • • • • • • • • • • • •
Chapter2 心中要有数：什么是主色、辅色、点缀色
Section1 主色的魅力 主色可以决定整个作品风格，确保正确传达信息 主色的面积原理 传播内涵(阅读心理)有可能高于面积原理 区别主色的关键 双主色设计更有个性 不能明确主色时，可用色彩基调判断法 Section2 辅助色的秘密 辅助色与双主色的区别 背景色是特殊的辅助色 辅助色对画面有决定性效果 明确参照色彩是色彩搭配思考的关键 选择辅助色的两个诀窍 Section3 点缀色的应用 点缀色可营造独特的画面风格 点缀色也能决定画面的色彩关系 点缀色能让作品绽放光彩 根据作用大小区分点缀色与辅助色 Section4 色彩功能的秘密
• • • • • • • • • • • • • • •
Chapter6 运用关键词选主色，理解我们的色彩情感 Section1红色 Section2橙色 Section3黄色 Section4绿色 Section5蓝色 Section6紫色 Section7粉色 Section8白色 Section9灰色 Section10黑色 Section11每种颜色都有冷暖色 阴影也有冷暖区别 每种颜色的暖色和冷色可产生两极情感 图像对理解色彩情感起到引导作用
•
• • • • • • • • • • • • • • • • •
Chapter7 运用关键词选基调，避开主色原则谈配色
Section1 纯色色调 纯色：积极健康的色调 Section2 明色色调 明亮：清爽明快的色调 Section3 淡色色调 淡雅：柔软天真的色调 Section4 浊色色调 浊色：成熟优雅的色调 Section5 淡浊色调 淡浊色：优雅的色调 Section6 暗色色调 深暗：强力商务的色调 Section7 一切工作要从明确基调开始 Section8 追求多种色调的优点组合，是配色的重点 两种色调组合 三种色调组合 组合的原则