设计色彩霸王别姬 EDITOR'S COLOR PICKS
内容发现 · 色彩观察

把京剧的行头,
拆成一组可用的色板。

「霸王别姬」里有两种颜色最难割舍:虞姬的胭脂与夜色里的靛蓝。我们以此为起点,做一个温和、有观点、不催你的色彩发现站——每次只推荐一点,够你安静看完。

胭脂红夜靛蓝象牙白金线暖调低饱和对比
舞台灯光下的深红色与靛蓝色调,隐喻京剧行头的色彩关系
舞台暗处的一束光,往往决定了整组配色的呼吸感。
01 · 本期特色

三张卡片,三种看色彩的方法

我们不做长篇大论的色彩理论,只把手边真正好用的三件事摊开:一组主色、一套层次、一种情绪。读完就能用,用不上也不亏。

深蓝色调的室内空间,展示主色与留白的关系
主色 · 定调

先立一根深色柱:靛蓝为什么耐看

靛蓝不抢戏,它只负责把画面压住。把深色放在标题、页脚、分隔线上,其余颜色自然显得干净。这是最省力的高级感。

看它对应的情绪块 →
暖红与浅粉的花卉特写,展示胭脂红的层次
点缀 · 提气

胭脂红只留一点点,才像戏

红色一旦铺满,就成了通知,而不是情绪。我们建议把胭脂红控制在画面 5% 以内:一个按钮、一句引文、一枚印章大小的色块。

对照使用指南 →
浅色云雾与冷调天空,展示低饱和背景的呼吸感
背景 · 留白

把背景调亮一档,文字就轻了

#f4f8fc 这类带一点蓝的浅底,比纯白更耐读。它让长文不刺眼,也让深色标题有了落点。换一次背景,往往比换字体更有效。

读编辑手记 →
02 · 情绪与题材

六种情绪,各自对应一组颜色

颜色本身没有意义,是情绪替它说话。下面六条,是我们这一期愿意反复回看的题材,编号只是顺序,不分高低。

01

离别 · 夜与灯

最克制的一组:深靛做底,一盏暖黄做唯一光源。适合封面、开篇、以及所有需要安静下来的页面。

02

妆容 · 胭脂与白

红只落在颧骨那一小块,其余留给象牙白。提醒我们:留白不是空,是在替红色让位。

03

衣纹 · 金线与深青

刺绣的金在深青上才有分量。用在数据、徽章、分隔细节上,一点点就够,多了就俗。

04

水袖 · 淡蓝的流动

最容易被低估的中间色。淡蓝适合做渐变、图表底色与悬停状态,它让界面有风,却不吵。

05

鼓点 · 高对比一瞬

整场戏可以很柔,但必须有一处重音。用一个近乎黑的色块收尾,读者才知道该翻页了。

06

散场 · 低饱和灰蓝

写在最后一个区块:把饱和度整体降 15%,情绪就从「表演」变成「回忆」。适合结语与页脚。

03 · 怎么用

三条指南,两条小贴士

这些方法不需要设计软件也能试。打开你手边任何一个文档或页面,从最小的一处开始改。

先定一个主色,其余全部让路

主色承担标题、链接与关键按钮。选定之后,别再加第二个同等重量的颜色。让路,是配色里最难学也最有效的动作。

用深浅做层次,不靠颜色数量

同一个蓝,从 #102a43 到 #7fc8ff 可以拉出五级。层次够了,画面自然有序;颜色一多,读者就得重新学习你的规则。

把最艳的颜色留给一个动作

整个页面只允许一处高饱和。它对应的应该是「点这里」或者「读这句」,而不是装饰。限制了位置,颜色才有指向。

04 · 编辑手记

我们为什么从「霸王别姬」说起

剧场红色座椅与深色空间,呼应霸王别姬的舞台氛围
剧场里的红,从来不是纯红——它总是被暗处和光一起改写。

配色最有意思的地方,不在于选对,而在于取舍时分得清主次。

做这个站点之前,我们反复看同一段戏:虞姬卸下妆的时候,舞台只剩两种颜色——深到发黑的靛,以及一点将要熄灭的暖光。那一刻比任何华彩段落都更打动人,因为它没有多余的颜色。

于是我们决定,这个内容发现站不堆砌色卡,也不做「100 组高级配色」那种清单。每一期只挑几件真正值得回看的东西,写清楚它为什么成立,然后停在那里,把判断留给你。

如果你也在做页面、做海报,或者只是想让自己的笔记好看一点,希望这里能给你一点温和的推动:先减掉一种颜色,再谈风格。

06 · 来信

如果你也有一组舍不得删的颜色

把它的来历、用在哪儿、为什么念念不忘,写给我们。我们不会每封都回,但会认真读完,合适的会整理进下一期手记。文字不必漂亮,说清楚就行。

来信请寄 主题注明「色板」两个字,方便归档 写一封邮件