几乎没有人会去打「彩色文字」。大家打的是蓝色文字,或者粉色、红色。颜色不是他们打算稍后再调的一项设置,而是他们来的目的,背后往往还藏着一个他们自己说不太清的理由。

所以这篇指南按颜色来排。下面每一种颜色都用来写自己的名字,你看到的是颜色本身,而不是关于颜色的描述;每一个样例都用 TextStudio 的彩色文字生成器做出来。在这八种颜色之前,有一件事决定了其余的一切。

颜色本身谈不上易读,颜色配上背景才谈得上

同样四个颜色词放在两块面板上:白底上,WHITE 这个词彻底消失了,YELLOW 也只是勉强撑着,而 BLUE 和 RED 依然清晰;黑底上,包括 WHITE 在内的四个词全都一清二楚

看上面那块面板。WHITE 这个词就在那里。 它的字号和字重跟其他三个完全一样,可它是看不见的,因为白配白等于什么都没有。黄色也只是稍微好一点。

几乎每一个读不清的设计都栽在同一件事上:单看颜色本身去挑,在取色器里挑,背景是取色器碰巧显示的那一块。颜色没有自己的可读性,它只跟身后的东西发生关系,而这层关系就是全部的胜负所在。

由此得出的实用规则:先定背景。 然后挑一个在这块背景上还有余地的颜色。黄色在黑底上极好,在白底上无药可救;白色正相反。颜色本身什么都没变,变的只是底下那一层。

1. 蓝色

搜得最多的一种颜色,也是最沉静的一种。蓝色读起来是信赖、距离和冷感,所以银行、软件和医院里到处都是它。它还会后退:一个蓝色的词是往回坐的,不会往前跳。

BLUE 这个词以明亮的蓝色大写字母写成,外围一圈柔和的发光晕环,背景为黑色

它的弱点是暗。纯蓝是所有饱和色里看上去最暗的一个,所以放在黑底上,它需要一层光晕或者一道浅色描边才活得下来,正如上图。

2. 粉色

粉色早就不只是「给女孩的」了,这一点已经十年了。它读起来是温暖、俏皮和自信,也成了美妆、音乐以及一切面向年轻人的内容的默认色。

PINK 这个词以肥厚圆润的粉色手写体字母写成,外围一圈白色模切边,背景是柔和的粉色渐变

它是最好用的颜色之一,因为在浅底和深底上都站得住。陷阱在反面:粉配粉,也就是背景和文字出自同一块情绪板的时候。

3. 红色

最响的一种颜色。红色同时意味着停止、打折、警报、爱和食欲,读者会从语境里挑走其中一个意思。它比任何颜色都更往前冲:同样大小,一个红色的词看上去比蓝色的更近。

RED 这个词以粗厚的红色大写字母写成,配一道明亮的银色边缘和一层柔和阴影,背景为黑色

一次只用它说一件事。同一个设计里放两处红,两处会互相抵消,因为它们都在宣称自己最紧急。

4. 绿色

自然、金钱、健康和通行。绿色是唯一一个带着强烈「可以」的颜色,所以全世界的确认按钮都是绿的;它在明暗区间的中段待得很舒服。

GREEN 这个词以明亮的绿色大写字母写成,配一道更深的描边和细微的质感,电子游戏风格,背景为浅灰色

留意色调。偏黄的绿读起来清新俏皮,偏蓝的绿读起来冷静而昂贵。名字是同一个颜色,说的是两件事。

5. 黄色

眼睛能处理的最亮的颜色,也是最好情况和最坏情况差距最大的一个。在黑底上无人能敌,在白底上几乎不存在,第一张图已经说明了。

YELLOW 这个词以金黄色大写字母写成,配一圈白色模切边和一道蓝色描边,背景是暖黄色

正因为差距这么大,黄色几乎总需要一道边:一圈白色切边、一道深色描边,总之给它一个边界。为文字添加描边的指南讲的正是这件事,而黄色是最需要它的那个颜色。

6. 橙色

有红色的暖,没有红色的攻击性。橙色读起来友好、有劲,还带一点廉价,就像打折牌那种廉价;它是秋天、运动和食物的颜色。

ORANGE 这个词以橙色大写字母写成,配一道白色描边,背景是向外放射的橙色光芒

它是最难跟别的颜色放在一起的一个。橙色跟红色打架,跟褐色混成一团,挨着蓝色又会发颤。要么给它留白,要么给它配中性色。

7. 白色

不是缺席,而是一种选择。白色读起来干净、高级、平静;放在照片上,它是几乎对任何主体都成立的唯一一个颜色,所以时尚和电影片名里到处是它。

WHITE 这个词以细瘦的白色环圈手写体写成,背景为纯黑色

它的规则简单而绝对:白色身后必须有暗的东西。放在浅色照片上它会彻底消失,加多少阴影都救不回来。要么挪文字,要么压暗照片,要么换颜色。

8. 多种颜色一起上

一个字母一种颜色,彩虹式的处理。它读起来是好玩、童趣和庆祝,也是多数人打出「彩色文字」时真正想要的东西。

MULTICOLOUR 这个词的每一个字母各用一种颜色,依次是蓝、紫、粉、红、橙、黄和绿,背景为白色

它同时也要花掉你的可读性,而且比大家预想的贵。这一点值得单独演示一次,就在下面。

八种颜色,每个词都写在自己的颜色里

八种彩色文字特效叠放在一起,每个词都写在它所命名的那个颜色里:黑底上发光的 BLUE、粉色手写体的 PINK、带银色边缘的 RED、电子游戏风格的 GREEN、配白色模切边的 YELLOW、放射背景上的 ORANGE、黑底上的白色手写体 WHITE,以及每个字母各一色的 MULTICOLOUR

有三种颜色没出现在这份清单里,因为它们各自已经有专门的指南:金色文字特效紫色文字效果霓虹字体。银色和镀铬请看金属字体

每种颜色在被读之前就说了什么

八种颜色分成三组:往前跳的暖色红、橙、黄;往后退的冷色蓝和绿;以及柔色粉和白

颜色比字先被读到。等一个人把你的字母解出来,他早就已经被告知这件事是紧急还是平静、便宜还是昂贵、给孩子的还是给大人的。你没法从这场对话里退出去,所以值得有意识地去选。

暖色往前跳,索要注意力。冷色往后退,让读者喘口气。柔色说的是柔和与庆祝。这些都不是必须服从的规矩,但你要是打破它,请打破得明白。

几种颜色之后,字就读不动了

同一个词在深色面板上出现三次:一种颜色时一眼就读到,三种颜色时还连得住,七种颜色时眼睛开始一个字母一个字母地读,而不再是一个词

我们把词当作形状来读,而不是当作一个个字母。一种颜色让形状保持完整,整个词一次就到位。三种也还行,因为眼睛会把它们归成一个图案。到了七种,形状被打成了碎片,你会发现自己在一个字母一个字母地读。

这在生日横幅上没问题,那里没人赶时间;放在缩略图上就是致命的,因为你只有不到一秒。彩虹是一种装饰,不是一种书写方式。

三步挑定颜色

  1. 先看背景,再看颜色。 浅还是深,立刻就砍掉你一半的选项。黄色和白色住在这条线的两边。
  2. 为信息挑,不为情绪板挑。 红色说紧急,蓝色说平静,绿色说通行。如果颜色和信息各说各的,赢的是颜色,因为它先到。
  3. 亮色配上花背景,就给它一道边。 背景一旦从纯色块换成照片,黄色、橙色和白色都需要一个边界。

这里的每一种特效都免费,也不需要注册。打开 TextStudio,用这些颜色里的任何一种写下你自己的词。

常见问题

文字用什么颜色最易读? 没有背景就没有答案。黑底白字和白底黑字是最易读的两组;黑底黄字紧随其后;白底黄字属于最差的一类。

标题该用什么颜色? 先挑一个跟身后的东西对比得开的,再挑一个跟你的信息对得上的,就是这个顺序。一个合乎气氛却读不出来的标题,把它唯一的任务搞砸了。

一个词里能放好几种颜色吗? 能,到三种左右都还读得动。再往上你就是在装饰而不是在写字,这对派对横幅是对的选择,对任何需要被快速读到的东西都是错的。

我的彩色文字为什么看着发闷? 通常是因为颜色和背景的明度太接近。两个颜色可以看上去差很多,明度却几乎一样,而让字母跳出来的是明度,不是色相。

我需要知道十六进制色值吗? 不需要。这里每一种特效都自带一个已经挑好、并且和自己的描边与阴影配平过的颜色。挑一个现成的特效比调一个数值更快,通常也更好。