色彩

发布时间 2023-11-12 23:28:54作者: SRIGT

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-