美术长廊

平面设计入门:设计原则(1)

Proximity相近

请观察下面这张普通名片的版面设计。小小的版面上,你看见多少不同元素?为了阅读不同的元素,你的视线停下几次?

你曾停过五次吗?

没错,这张小名片有五个不同的项目。

你从名片的哪里开始看起?

可能从中间吧,因为那个词组是最粗、最醒目的。

接下来你看哪个项目呢?

从左边看到右边(因为英文字是横向排列)吗?

你的眼光扫到右下角时,发生什么情况?你的视线往哪里移动?

你的目光会不会四处飘移,以确定你并没有漏看任何角落的资料?





如果我把这张名片设计得更复杂:



现在这张名片上有两个项目是粗体字,你会从哪一个开始看?

从左上角的看起吗?还是先看中间的?

等你看完两个粗体字后,你的视线停在哪里?

也许你的目光在粗体字间来回跳动,同时急着想理解角落里的其他资料。

你知道自己什么时候看完这张名片吗?

你的朋友看这张名片的方法是否与你相同?不一样吗?

几个项目彼此紧连时,这些项目就会整合成为一个视觉单元,而非数个分散的单元。这点很类似我们的日常生活:相近,或称接近(closeness),意味着彼此间必定有关系。

将几个相似的元素组合成一个单元,你会马上发现,版面变得更有条理。

它让人知道要先看哪一部分,知道什么时候读完整篇内容,而“留白”(white space )也不会显得毫无组织。

上面的例子中,问题在于名片上似乎没有一个项目是互相有关联的。

你不太清楚这张名片要从哪里看起,也不确定自己什么时候看完整张名片。

若我修改一下这张名片的部分设计,运用相近原则将相关项目归集在一起,看看它会发生什么样的变化:



现在,要从哪里开始看这张名片,还会造成你的困扰吗?

接下来要看哪一部分?

你知道自己什么时候看完整张名片吗?

只消一个简单的技巧,这张名片在资料传达与视觉上都变得更条理分明,沟通效果当然更好。

摘自:《写给大家的平面设计书》三言出版提供@