Mood & Theme
按情绪与题材排的六个入口
颜色先于文字被感知。所以我们把对照表按“看完想做什么”来分组,而不是按色盘顺序。
安静专注 · 阅读与办公
偏冷的浅底配一处低饱和强调色,视线更容易停住。适合长文页面、笔记工具与需要久坐的场景。
推荐情绪:沉静温和治愈 · 生活与日常记录
米白、暖灰、浅木色相互靠近,对比压低但保留轮廓。它不喧哗,适合日记、食谱与轻量内容。
推荐情绪:松弛理性专业 · 报告与数据页
以主色确立秩序,用中性灰承担信息密度。强调色只留给结论,避免读者在图表里迷路。
推荐情绪:笃定夜色叙事 · 影像与封面
深底上的一点亮蓝,能撑起画面的纵向感。适合封面、片头与需要氛围先行的题材。
推荐情绪:克制轻快表达 · 活动与专题页
在同一色相里拉开明度差,再加一个清透的点缀色。活泼但不至于杂乱,专题页尤其受用。
推荐情绪:明亮自然质感 · 产品与手作
取自植物与土壤的中间色,配一点偏冷的阴影。它让材质被看见,而不是被颜色盖住。
推荐情绪:踏实How to use
三条使用指南,和两条走心小贴士
对照表的价值不在“看得多”,而在“用得对”。下面是我们反复验证过的路径。
先定情绪,再定色相
打开对照表时别急着找颜色。先写下这一页希望读者产生什么感受,再从对应情绪组里挑两到三个候选色,最后才比较色值。顺序反过来,很容易被好看的色块牵走。
用明度搭骨架,用饱和做表情
把主色的深浅拉出三个层级,页面就有了结构;饱和度只在一处抬高,重点自然浮现。我们在对照表里标出的明度序号,就是为这件事准备的。
留一个“不用色”的位置
好的配色表一定有留白。对照组之间需要中性色过渡,视线也需要休息。每次定稿前,我们都会问一句:这里能不能什么都不加?
Editor's Note
编辑手记:我们为什么又做了一版对照表
做这张表的起因很朴素:我们自己也被一堆色值弄得有点疲惫。打开任何一个色卡页面,扑面而来的是整齐的方块,它们都很准确,却很少回答“这个颜色适合放在哪里”。于是这一次,我们把顺序调了过来,先把使用场景写清楚,再让颜色出场。
整理过程中最有意思的部分,是删掉。初稿里有将近四十个分组,最后只留下六个。不是因为其余不好,而是当分组太多时,读者反而无从下手。留下六组之后,每一组都能被一句话说清,这才算真正可用。
我们也保留了一点私心。深色系那一组被我们多留了篇幅,因为它在实际项目里最容易被简化成“黑色加透明度”。可只要把明度层次分开,深色就能有呼吸,画面也会稳下来。
如果你在使用中发现某一组对不上你的场景,欢迎写信告诉我们。对照表应该是一份会长的文档,而不是一次定稿。