第 2 章 亲密性
在新手的设计中,单词、短语和图片四处分布,连角落也不放过,它们占据了每一处空间,以至于根本没有任何留白,这种情况比比皆是。看上去似乎是设计者们不敢留有空白。不过要知道,如果一个设计中充斥着太多的内容,这个页面会显得杂乱无章,读者也无法从中很快看到所需的信息。
Robin 亲密性原则是指:将相关的项组织在一起 ,移动这些项,使它们的物理位置相互靠近,这样一来,相关的项将被看作凝聚为一体的一个组,而不再是一堆彼此无关的片段。
如果某些信息项或组彼此之间并无关联,这些元素就不应存在很近的亲密性(即不应靠近),这样就能为读者提供一个直观的提示,使读者马上了解页面的组织和内容。
下面这个简单的例子很好地阐释了这个概念。这正反映了亲密性的概念,在一个页面上,物理位置的接近就意味着存在关联 (实际生活中也是如此)。
现在,这两个人之间的亲密性告诉我们,他们之间存在关系。在页面上也是同样。
来看看下面这个企业名片的布局,这是一种很典型的布局。在这样小的空间里你看到多少个单独的元素?你的眼睛要停下来多少次才能看全这张名片上的所有信息?
你的眼睛是不是停过 5 次?当然,这张小小的名片上放置了 5 项孤立的内容。
你是从哪里开始的?可能是从中间,因为中间的短句字体最粗。
接下来看什么?是不是按从左向右的顺序读?(因为这是英语。)
如果已经读到名片的最后(即右下角),你的目光又会移向哪里?
你是不是还会全盘再巡视一番,确保自己没有遗漏任何角落?