前三篇文章处理的都是同一张图里的事:信息分几组(亲密性)、东西靠在哪条线上(对齐)、谁重要谁次要(对比)。但自己做物料的人很少只做一张。一张海报、一张公众号头图、一张活动封面、一张名片、一页 PPT,一个月下来七八件。这时会冒出一个前面三个原则管不到的问题:这几件东西凭什么让人看出来是同一家的?以及,全都长得一样,会不会很闷。
这就是重复。Robin Williams 把它写成一句话:“把设计的某个方面在整个作品里重复。”1 注意关键词是“某个”——不是全部,是挑出来的某几样。
一、先挑那些“一眼能被认出来”的东西
重复之所以有用,是因为它给读者留了一个记号。他第二次看到这个记号,就知道“这和上一个是同一套”。所以被重复的东西必须一眼可辨。
Williams 举过一个很具体的改法:如果你习惯在每页标题下面加一条 1pt 的细线,那就换成 4pt1。差别太小的线不会被读者当成记号,它只是背景里的一条灰边;一条明确加粗的线才会被读到。这个动作本身很微小,本质却是把“我之前碰巧用到的一致”升级成“我故意设的记号”。
按这个标准,值得固定下来的通常只有四类:
字体。 最多两套:一套管标题,一套管正文。第三套只有一种情况值得加——作为装饰性的点缀,而且只用在标题上2。字号和字重的变化不算换字体,同一套字体调粗、调大都是同一套。但别玩文字游戏:Arial 和 Verdana 都是无衬线,那也是两套,不是一套3。
颜色。 黑白之外再有两个就够了3:一个主色(标题、色块、强调),一个辅色或中性色(次要信息、底纹)。颜色的深浅浓淡可以变,色相不要一直加。到第三、第四个色相时,画面就开始像几套不同的设计叠在一起。
形状。 一个可识别的图形元素:一条粗线、一个圆角色块、一种固定的图标风格、一个固定位置的色带。这一项最容易被忽略,也最划算——因为它和内容无关,无论哪件物料都能放,放了也不会干扰信息。
间距。 这项最容易被当成“细节”,其实它是重复里最省力的一个。具体做法是:不要每次临时决定“这里空 13px 还是 14px”,而是预先定一套档位,比如 4、8、12、16、24、32、48、64,所有间距都从这几个数里挑4。一套十来个值通常就够覆盖绝大多数版面5。这样做的意义是:只有档位是固定的,间距差一档才在传递信息。如果每个间距都是新数字,读者看到的就不是“这一块比那一块松”,而是一堆互不相关的距离堆在一起。
上一篇文章说疏密是一个强调杠杆。这里补上另一半:杠杆要有刻度。没有固定档位,“用疏密做层级”就只是碰运气。
二、重复的不是“一模一样”,是那根线
Williams 说得很直接:重复可以理解为一致,但真正要做的,是把你已经有的那些一致再往前推一步,让它们变成有意识的设计动作1。
这句话的意思是,重复不是要你把每张图做成同一张。内容必须变——照片会换,标题有长有短,日期地点各不相同。要重复的是那几样被选中的特征:同一个标题字体、同一个主色、同一条粗线、同一套间距档位。这些东西一旦定下来,哪怕版面结构完全不同,读者也能认出是同一套。
Williams 讲多件物料时给过一个判断标准:你希望收到信的人知道,你就是上周给他名片的那个人1。把这条要求落成一个可以动手做的检查就是:把两张物料的文字、logo、照片全遮掉,只看剩下的字体轮廓、颜色、线条、留白,还能不能判断它们出自同一套?能,就是重复够强;不能,就是记号太弱,或者你选的那几样根本不够显眼。
这个检查恰好也解释了“对比”和“重复”为什么是同一句话的两面。上一篇说过,13pt 和 15pt 放在一起是“冲突”:有点不一样,又不真不一样。同一个道理反过来也成立——同一个层级的两行信息,如果字号差 2pt,那就是没重复到位。同一个层级的东西共用一个值,不同层级的东西拉开一倍以上,中间不要停。两个原则合起来是一句话:一样就要完全一样,不一样就要一眼看得出不一样。
三、单调不是“重复太多”,是“变化为零”
“统一”和“单调”常被当成重复的两个刻度:重复少了不统一,重复多了就单调。这个理解会把人带进死胡同——因为按它推下去,唯一的解法就是砍掉重复,而砍掉重复的代价是丢掉了统一,画面变成几块互不相干的东西。
更准的说法是:单调不是因为重复多,是因为 变化为零。重复带来看得懂的结构,变化带来需要眼睛去辨认的东西;只有前者没有后者,读者看一眼第一个单位,就知道剩下所有单位长什么样了。
这件事在自然界里很直观。森林、鱼群、树叶、蘑菇上的孢子,全都是高度重复的,但它们不单调,因为每一个重复单元都有细微差别6。人的眼睛本来就预期“重复会伴随变化”,一旦变化完全消失,重复就变成机械的图案6。
所以修单调的正确动作不是减少重复,而是给重复本身加入有限的变化:
- 交替。 不是每个单元都一样,而是 A、B、A、B 地重复两个变体。棋盘格就是最简版本7。它同样是重复,但眼睛需要多走一步。
- 有节奏的档位差。 同一套字体下,标题档和副标题档轮流用;同一套间距里,大档和小档交替,而不是所有间距都取中间值。
- 让内容自己提供变化。 内容本来就各不相同(照片不同、标题长短不同、信息量不同)时,样式可以严格统一,因为变化已经由内容供给了。反过来,内容高度雷同——九条同样短的信息排成九宫格——通常就得让样式本身带一点节奏,否则整张图会像一张表格。
四、还要分清这个重复元素在哪一层
有一个区分能让上面的判断更干净:重复元素是落在信息层,还是落在背景层?
如果重复的东西是承担信息的(标题字体、关键色块、层级用的间距),它就必须参与“让读者去辨认”这件事,就需要变化。如果重复的东西只是背景纹理、装饰底纹、版式骨架,那它不需要变化——它的任务就是被一眼扫过,不需要被阅读6。
换句话说,“要不要给重复加变化”不是看重复了多少,而是看这个元素有没有活要干。有活要干的重复,靠变化维持兴趣;只负责托底的重复,越平越好。
收尾:四类元素,一套号码
把这篇收成一张可执行的清单。做一套物料之前,先把这四样定下来,写在一个地方,之后每件物料都从这里取:
- 一个标题字体,一个正文字体;
- 一个主色,一个辅色(黑白不算);
- 一个可识别的形状元素;
- 一套十来个间距档位。
之后判断做得对不对,只用两个动作:遮住文字,看能不能认出是一套;看一眼第一个单元,看能不能预判出所有的单元。
还有一条边界值得记住:这四样是给自己定的约束,不是给读者的说明。Mullet 和 Sano 讲过一句很实用的话——人要看出规律,需要的重复量其实很少,设计者在这件事上有很大的自由度8。所以不用把每件物料都填满这套记号,只要每件里都有几处,记号就成立。
这套记号定稳了,下一件事才是“用什么字体、怎么搭配”——它决定这套统一的视觉是什么性格,而不只是保持一致。