色彩思维导图
《色彩思维导图》
一、色彩基础
1.1 色彩定义
- 物理定义： 光的波长和频率，人眼可见光谱范围（380nm-780nm）。
- 生理定义： 人眼视锥细胞对不同波长光线的反应，产生色彩感觉。
- 心理定义： 色彩引起的情感、联想和文化象征。
1.2 色彩三要素 (HSB/HSV)
- 色相 (Hue)： 色彩的种类，如红、橙、黄、绿、蓝、紫，圆形色环上的位置。
- 饱和度 (Saturation)： 色彩的纯度，色彩的鲜艳程度，范围从无彩色（灰）到纯色。
- 明度 (Brightness/Value)： 色彩的亮度，色彩的明暗程度，范围从黑到白。
1.3 色彩模式
- RGB (Red, Green, Blue)：
- 加色模式，用于显示器、电视等发光设备。
- 通过红、绿、蓝三种颜色光线的不同比例混合产生各种颜色。
- 数值范围通常为0-255。
- CMYK (Cyan, Magenta, Yellow, Key/Black)：
- 减色模式，用于印刷。
- 通过青、品红、黄、黑四种油墨的不同比例混合产生各种颜色。
- 数值范围通常为0-100%。
- HSL (Hue, Saturation, Lightness)：
- 色相、饱和度、明度模式，更符合人眼感知。
- 直观易于调整色彩。
- Lab (Luminance, a, b)：
- 与设备无关的色彩模式，色彩范围最广。
- L表示亮度，a和b表示颜色通道。
1.4 色彩空间
- sRGB： 标准红绿蓝，最常用的色彩空间，网页和屏幕显示的默认选择。
- Adobe RGB： 比sRGB拥有更广的色彩范围，适合专业摄影和印刷。
- ProPhoto RGB： 色彩范围最广，但需要专业设备支持。
二、色彩关系
2.1 色彩搭配原理
- 互补色： 色环上相对的颜色，对比强烈，视觉冲击力强 (例如：红与绿，蓝与橙)。
- 邻近色： 色环上相邻的颜色，和谐统一，视觉舒适 (例如：红与橙，蓝与紫)。
- 类似色： 色环上相近的颜色，比邻近色范围更广，具有一定的变化性 (例如：红、橙、黄)。
- 分离互补色： 互补色之一与邻近互补色的两种颜色组合，对比相对柔和。
- 三角色： 色环上等距离分布的三个颜色，平衡稳定 (例如：红、黄、蓝)。
- 四角色： 色环上两组互补色组合，变化丰富。
2.2 色彩调和
- 统一色调： 使用同一色相的不同明度和饱和度。
- 互补色调和： 在互补色的基础上，调整明度和饱和度，使其更加和谐。
- 加入中性色： 使用黑、白、灰等中性色作为过渡和平衡。
- 比例控制： 控制不同颜色的使用比例，突出主色，弱化辅助色。
2.3 色彩对比
- 色相对比： 不同色相之间的对比，对比度强弱取决于色相距离。
- 明度对比： 不同明度之间的对比，明暗对比。
- 饱和度对比： 不同饱和度之间的对比，鲜艳与灰暗对比。
- 冷暖对比： 冷色（蓝、绿、紫）与暖色（红、橙、黄）之间的对比。
- 面积对比： 不同颜色面积大小的对比，面积越大，影响越大。
- 纯度对比： 不同纯度之间的对比，纯度高的颜色更吸引眼球。
三、色彩心理学
3.1 色彩情感
- 红色： 热情、活力、危险、愤怒。
- 橙色： 温暖、快乐、友善、活力。
- 黄色： 明亮、乐观、希望、谨慎。
- 绿色： 自然、和平、健康、成长。
- 蓝色： 沉稳、冷静、信任、悲伤。
- 紫色： 神秘、高贵、浪漫、创意。
- 白色： 纯洁、干净、和平、简单。
- 黑色： 庄重、神秘、力量、死亡。
- 灰色： 中性、稳重、内敛、成熟。
3.2 色彩联想
- 红色： 血液、火焰、爱情。
- 橙色： 秋天、收获、阳光。
- 黄色： 太阳、黄金、柠檬。
- 绿色： 植物、森林、草原。
- 蓝色： 海洋、天空、水。
- 紫色： 葡萄、薰衣草、星空。
- 白色： 雪、云、婚纱。
- 黑色： 夜晚、墨水、煤炭。
- 灰色： 阴天、雾、水泥。
3.3 色彩文化差异
- 不同文化对颜色的象征意义和偏好不同。
- 例如，红色在中国代表喜庆和吉祥，在西方则代表危险和警告。
- 在设计中需要考虑目标受众的文化背景。
四、色彩应用
4.1 UI/UX 设计
- 品牌色彩： 建立品牌识别，传达品牌价值。
- 按钮和提示： 使用对比鲜明的颜色引导用户操作。
- 信息层级： 使用不同的颜色区分信息的优先级。
- 用户体验： 选择舒适的色彩搭配，避免视觉疲劳。
4.2 平面设计
- 海报设计： 使用色彩吸引眼球，传达信息。
- Logo设计： 使用色彩表达品牌个性和理念。
- 排版设计： 使用色彩突出重点，组织内容。
4.3 室内设计
- 色彩氛围： 使用色彩营造不同的空间氛围。
- 空间比例： 使用色彩调整空间视觉比例。
- 家具搭配： 使用色彩协调家具和空间的整体风格。
4.4 摄影和绘画
- 色彩构成： 使用色彩表达情感和意境。
- 色彩渲染： 使用色彩表现光影和质感。
- 色彩风格： 使用不同的色彩风格来表达不同的艺术风格。
五、色彩工具与资源
5.1 色彩选择器
- Adobe Color： 在线配色工具，提供多种配色方案和色彩提取功能。
- Coolors： 快速生成配色方案，支持自定义和导出。
- Paletton： 基于色彩理论生成配色方案。
5.2 色彩搭配网站
- Color Hunt： 提供精美的配色方案，适合网页设计。
- Dribbble： 设计师分享作品的平台，可以从中获取配色灵感。
- Pinterest： 图片分享平台，可以搜索配色相关的图片。
5.3 色彩书籍与教程
- 《色彩设计原理》
- 《配色设计手册》
- 各类线上色彩搭配教程和课程。
