使用工具
现在显示 7月4日 作为示例。选择日期可查看其他颜色。
Honeyed Noon · #F0A62E
#F0A62E可识别的颜色:标志背景、大面积色块、唯一重复的记号。
#2E78F0行动色:一个按钮、一个高亮,不要用在别处。
#F8D397文字背后的背景;品牌所处的安静底色。
#F0452E主色的邻近色,用于次级标记和图表。
#0B1220主色上的正文文字,以及浅色表面上的文字色。
| 配对 | 对比度 | 等级 |
|---|---|---|
| 文字色在主色上 | 9.09:1 | AAA |
| 米白文字在主色上 | 2.06:1 | 未达 AA |
| 文字色在表面色上 | 13.16:1 | AAA |
一种颜色是签名,不是系统
一个品牌至少需要四种颜色:一个让人认出的主色、一个用于行动的强调色、一个用于背景的表面色、一个用于文字的文字色。生日颜色给你第一种,并给出一个可以建立其余颜色的色相。这是真正的起点,不是完整的身份。
工具取一个日期并分配角色:日期的颜色做主色,互补色做强调,浅色调做表面,可读的墨色做文字,邻近色做辅助。它打印色值和主色与两种墨色的实测对比度,所以第一个问题——文字能不能放在品牌色上——在设计开始前就有答案。
主色为什么很少承载正文
饱和的主色通常对段落太强,对小的白字又太弱。常见解法是把它用于大面积、边框和带短标签的按钮,文字放在中性表面上。这不是妥协,大多数可读品牌都是这样建立的。
如果主色必须承载文字,工具的对比度行会告诉你深色墨或米白墨是否达到 4.5:1。如果都不达标,主色就是图形颜色,不是文字背景。把它用在标志、图标和标题分隔线上,正文留在表面色上。
标志测试
一个标志要在五个地方活下来:主色上、白色上、黑色上、照片上、小尺寸下。先测主色和文字色,因为它们是标志最常使用的两种颜色。再测单色版本——复印或单色印刷——因为只在全彩下成立的标志不是稳健的标志。
小尺寸是颜色选择悄悄失败的地方。浅主色放在浅表面上,即使在 40px 时比值合格,到 16px 也可能消失。给标志准备深色版和浅色版,让场景选择。那是两个文件,不是第二套身份。
一页纸的配色文件
一份有用的品牌文件一页纸就够。列出每个角色的色值和 RGB 数值,然后列出批准的文字配对及其实测比值,再写两三条使用规则:强调色只用于一个行动,主色用于大面积,正文放在表面色上。加一个简短的“不要”清单——不要用强调色排段落,不要把标志直接放在照片上而不加实色底板,不要为一次活动引入第五种颜色。
这份文件不是官僚主义;它是下个月加入的开发者正确使用配色的方式。没有它,每个人都会从一张截图里取色,然后得到五个略有不同的版本。
三种常见失败
第一种是强调色蔓延:行动色出现在每个链接、徽章和边框上,最后没有任何东西读起来像行动。第二种是标志只在一种背景上成立,于是被迫做第二个版本,然后第三个。第三种是把太多浅色调当成独立颜色;浅色调是一个台阶,不是新的品牌色。每一种失败都可以用命名角色便宜地预防,却要在印刷后昂贵地修复。
可访问性属于同一份文件。如果主色不能承载 4.5:1 的文字,写清楚哪种表面可以;如果标志在小尺寸下需要底板,也写清楚。一份对自己的限制诚实的配色,比一份声称所有组合都成立的配色更容易使用。
阅读文字不是品牌语气
生日日期附带的解读是为娱乐写的,不是对经营企业的人的描述。创始人可能喜欢这个颜色却不喜欢那段文字,这没问题:颜色是视觉输入,段落是编辑写作。
不要把解读放在“关于”页上当作品牌定位。用品牌自己的话说明它做什么,让颜色做视觉工作。本站的编辑政策解释了配色与解读的分工;当配色离开本站时,同样的分工仍然适用。
常见问题
生日颜色可以注册商标吗?
单一颜色作为商标非常难保护,规则也因司法辖区而异。色值本身不属于任何人;使用它的独特标志是另一个问题,需要问律师。
小品牌需要几种颜色?
四种角色覆盖大多数需求:主色、强调色、表面色和文字色。辅助色有帮助,但是可选的。
品牌应该使用生日解读吗?
不应该。解读是关于一个日期的娱乐文字,不是对企业描述。使用颜色,用品牌自己的话写作。