色彩原理
0x01 色彩构成
（1）色彩三要素 HSB
-
H：色相，取值 0°~360°，依次为赤橙黄绿青蓝紫
以下关于色彩含义的解析存在主观因素，仅供参考
- 红色★：代表中国的传统色，适用于开业、婚庆、节假日、促销、性感、力量、热量
- 橙色★：秋天/丰收、饮料、甜味、能力、快乐、卡通
- 黄色★：醒目、活力、文化/艺术
- 绿色★：自然、环保、青春
- 青色★：医疗、寒冷
- 蓝色★：天空、科技、商业
- 紫色★：优雅、神秘、浪漫、
-
S：饱和度，取值 0%~100%，由白色到纯色
-
B：亮度，取值 0%~100%，由黑色到纯色
（2）色调
在色相立方体中划分色调区域，区域为矩形，给出的颜色区间为矩形区域的左下角至右上角，以下以红色为例
-
白色调（#ffffff）
- 优点：文艺、素雅、简洁、干净
- 缺点：无趣、单调、缺乏个性
-
淡色调（#aaaaaa ~ #ffaaaa）
- 优点：天真、女性、纤细、轻快、高档
- 缺点：单调、软弱
- 适用：面向女性
-
明色调（#aa7272 ~ #ff5555）
- 优点：年轻、阳光、活力、明朗、干净
- 缺点：缺少档次
- 适用：大众化产品
-
纯色调（#aa3838 ~ #ff0000）
- 优点：刺激、直接、活力
- 缺点：廉价、缺少品质感
-
灰色调（#555555 ~ #aa0000）
- 优点：成熟、稳重、优雅、文艺
- 缺点：脏乱
- 适用：面向男性
-
暗色调（#550000 ~ #000000）
- 优点：品质、历史、力量、厚重、古典、地位
- 缺点：压抑、阴暗、危险
- 适用：高端奢侈品
-
黑色调（#000000）
- 优点：品质、力量、高档、神秘
- 缺点：单调、压抑、危险、恐怖
graph LR
A([+白色: 饱和度变化])
纯色调--+白色-->明色调--+白色-->淡色调--+白色-->白色调
纯色调--+黑色-->灰色调--+黑色-->暗色调--+黑色-->黑色调
B([+黑色: 明度变化])
0x02 色彩平衡
所有的美感都来自于对比
（1）色调平衡
- 所有画面都必须满足色调平衡
- 画面协调、平衡、有层次感的必要手段
- 突出主题和文字
- 画面中应采用两种以上色调
（2）冷暖平衡
- 平衡色彩给受众带来情感失衡
- 过冷过热都是错误做法
- 冷暖色彩示例：
- 暖级：#ff2302
- 暖：#ff8e00、#ff2174
- 中性暖：#fff001、#ff25d5
- 中性色：#9ce802、#ba1fff
- 中性冷：#00da20、#000eff
- 冷：#00de7f、#006cff
- 冷极：#00c2ff
（3）互补平衡
- 平衡色彩刺激带来的心理失衡又称生理补色，此时需要互补色完成心理平衡
（4）有彩色与无彩色平衡
- 打破单调配色，突出主体和文字
（5）花色与纯色平衡
- 当背景色很花或没有规则时，需要使用纯色来平衡
- 有助于画面聚焦、缓解视觉疲劳、突出信息
0x03 无彩色应用
（1）印象
- 白色做背景往往被人忽视，因此可以使画面更加轻盈、透气
- 灰色做辅助色，往往有至关重要的作用，使画面更加有质感和氛围
- 黑色更加重要，没有复杂色彩关系时，黑色可以起稳定作用，使画面更加有重心
（2）应用方法
- 白色使画面更加轻盈、透气
- 灰色使画面更加有质感、氛围
- 黑色使画面更加有重心
0x04 渐变色
（1）作用
- 丰富画面
- 扁平化设计趋势
（2）定义
- 指色彩按照一定的规律做阶段性变化
- 从明到暗
- 从深到浅
- 从 A 色到 B 色
- 单色相
- 逐渐变暗（向黑色渐变）
- 逐渐明亮（向白色渐变）
- 多色相
- 多色彩之间渐变
- 使用多色相渐变时，不建议使用灰色，可以使用透明度实现灰色的作用
-End-
