六种情绪,各自对应一组颜色
颜色本身没有意义,是情绪替它说话。下面六条,是我们这一期愿意反复回看的题材,编号只是顺序,不分高低。
离别 · 夜与灯
最克制的一组:深靛做底,一盏暖黄做唯一光源。适合封面、开篇、以及所有需要安静下来的页面。
妆容 · 胭脂与白
红只落在颧骨那一小块,其余留给象牙白。提醒我们:留白不是空,是在替红色让位。
衣纹 · 金线与深青
刺绣的金在深青上才有分量。用在数据、徽章、分隔细节上,一点点就够,多了就俗。
水袖 · 淡蓝的流动
最容易被低估的中间色。淡蓝适合做渐变、图表底色与悬停状态,它让界面有风,却不吵。
鼓点 · 高对比一瞬
整场戏可以很柔,但必须有一处重音。用一个近乎黑的色块收尾,读者才知道该翻页了。
散场 · 低饱和灰蓝
写在最后一个区块:把饱和度整体降 15%,情绪就从「表演」变成「回忆」。适合结语与页脚。
三条指南,两条小贴士
这些方法不需要设计软件也能试。打开你手边任何一个文档或页面,从最小的一处开始改。
先定一个主色,其余全部让路
主色承担标题、链接与关键按钮。选定之后,别再加第二个同等重量的颜色。让路,是配色里最难学也最有效的动作。
用深浅做层次,不靠颜色数量
同一个蓝,从 #102a43 到 #7fc8ff 可以拉出五级。层次够了,画面自然有序;颜色一多,读者就得重新学习你的规则。
把最艳的颜色留给一个动作
整个页面只允许一处高饱和。它对应的应该是「点这里」或者「读这句」,而不是装饰。限制了位置,颜色才有指向。
我们为什么从「霸王别姬」说起
配色最有意思的地方,不在于选对,而在于取舍时分得清主次。
做这个站点之前,我们反复看同一段戏:虞姬卸下妆的时候,舞台只剩两种颜色——深到发黑的靛,以及一点将要熄灭的暖光。那一刻比任何华彩段落都更打动人,因为它没有多余的颜色。
于是我们决定,这个内容发现站不堆砌色卡,也不做「100 组高级配色」那种清单。每一期只挑几件真正值得回看的东西,写清楚它为什么成立,然后停在那里,把判断留给你。
如果你也在做页面、做海报,或者只是想让自己的笔记好看一点,希望这里能给你一点温和的推动:先减掉一种颜色,再谈风格。
如果你也有一组舍不得删的颜色
把它的来历、用在哪儿、为什么念念不忘,写给我们。我们不会每封都回,但会认真读完,合适的会整理进下一期手记。文字不必漂亮,说清楚就行。