非设计师也该学的排版知识 01:视觉动线

编注:视频文字稿内容由少数派整理以方便阅读查找,要了解完整信息,建议直接观看视频。


一张白纸,什么都看不到。写上一行文字,人们自然就会去阅读它,而画面中如果出现两段文字,人们便有了选择。

这倒也不是坏事,但如果你需要强调其中某一段文字,你就要在设计上对它进行强化。

当然了,也有些版面是不需要强调信息的,比如一些装饰物,这要看实际用途,我们暂且不谈。

任何版面都只可能由两种东西组成——文字或图像,我们在版面中增加了一个图像元素,这时你就要试着控制读者的视觉动线,强制让他去看你想让他看到的东西。

第一步就是先设计好读者的「视觉落点」,比如选择让读者的视觉落点放在图像元素上,然后再去看文字元素。

或者也可以选择让读者先看到文字元素,再去看图像元素。

总之无论如何,读者的「视觉动线」必须在你的掌握之中,很多觉得自己排版杂乱无章的设计师其实就是因为在一开始便放弃了掌握视觉动线的权利。

如果画面中的元素与要表达的内容过多,你就要先整理信息,梳理主次,确定版面中真正的视觉落点在哪里,并将剩余的元素划分段落,然后精心设计阅读顺序。

由视觉落点开始,到一个段落,再到下一个段落。还是那句话,这一切要在你的掌握之中,段落要设计得清晰分明,否则人们的「视觉动线」便会失踪。

段落内部的元素要更加紧密,至少让他们看起来是一家人,对吧?

你可以让段落内部的元素有着规律的间距,你也可以将元素适当重叠,但前提是不能影响信息的阅读体验。

比如一段文字大面积地压盖了其他的文字,「一般情况下」就别这么干了,

除非你能确保它不会影响到阅读的体验,例如这样。

每个段落的尺寸应该优先满足构图逻辑和辨识度,而如果排版自由度很高,你就要试着找到每个段落内元素的最小尺寸。

这是一个重要技巧,人们经常会根据电脑屏幕的观感去决定字号,错误预估元素的最小尺寸,因而导致了读者无法确定视觉落点与「动线」,但其实某些信息仅仅是「想阅读的时候能够完成阅读」就足够了。

元素的尺寸越小,越容易创造美观的排版也越能够突出重要信息。你在用「尽可能小」尺寸的元素进行排版时,就会发现曾经那些怎么摆放都不舒服的东西似乎变得听话了很多。

接下来说说段落与段落之间的关系,大部分设计师都是将段落进行分离,这样视觉落点与「动线」会非常清晰明确。

但这并不是唯一的解决办法,和刚才说过的段落内部排版规则一样,你也可以在保证阅读体验的前提下,让不同的段落进行重叠。

因为图像元素和文字元素的阅读方式是不同的,所以我们可以创造更多的可能性,不要什么版面都依靠所谓的「网格系统」去设计排版,那只会让你变得平庸,大胆地想象和尝试,摆脱你所有的束缚。

以上我们聊的这些内容属于推理式排版,总而言之我们要认真设计读者的「视觉动线」,然后才有权利去设计他们的阅读感受,但仅仅是懂得推理式排版是不够的,如果你想要让排版更加富有创意,则需要采用创造式排版,也就是为整个画面创造一个主题,

或是创造一种构图规律,

再或是创造一个故事,这些我们下期再聊。

今天聊完了排版中的「视觉动线」,我觉得这是排版三部曲中最适合作为入门的内容了,之前我还为大家带来了色彩视频的基础内容,我也强调过色彩、排版、元素生产三者永远是无法分开讨论的,做完排版三部曲,我便可以围绕排版讲述色彩的下集了。

希望这篇视频有帮助你更好地梳理逻辑,或是找到前进的方向,下期再见。

© 本文著作权归作者所有,并授权少数派独家使用,未经少数派许可,不得转载使用。