优秀的设计4大基本原则:亲密性

最近1个多礼拜各种工作,亲戚结婚,朋友来访...忙的焦头烂额,好不容易花了几天时间静下心来看点书写点笔记,今天是亲密性原则的阐述。

如果一个页面充斥太多的内容,这个页面会显得杂乱无章,读者也无法很快看到所需的信息

亲密性原则是指:将相关的项组织在一起,移动这些项,是它们物理位置相互靠近,这样一来,相关项凝聚为一体的一个组,而不再是一堆彼此无关的片段。如果某些信息彼此之间并无关联,这些元素就不应存在很近的亲密性(即应不靠近),这样给读者一个直观的提示,使读者马上了解页面的组织和内容。

优秀的设计4大基本原则:亲密性_第1张图片
物理位置对比.png

物理位置的接近就意味着有关联(生活中实际也如此)

来看看下面一张名片的布局,再这样一个小空间里,你看到了多少个元素?你的眼睛要多少次停留才能看全上面所有的信息?

优秀的设计4大基本原则:亲密性_第2张图片
各个元素无序排列.png

你是从哪里看起的,是不是中间的短句字体最粗的,如果你读到右下角,你的目光又会移到哪里?你是不是还会巡视一遍,确保自己没有遗漏任何角落?

如果再添点乱会怎么样?

优秀的设计4大基本原则:亲密性_第3张图片
各个元素无序排列和加粗.png

现在有两个粗体字体,你先从哪里看起,读完这两项之后,接下来看什么?也许你会在这两个粗体词之间看来看去,紧张兮兮的想要找出角落里还隐藏着那些未看到到的词?

如果把类似的元素组织在一个单元,首先页面会变得更有条理,其次,你会清楚的知道从哪里开始读信息,而且明白什么时候结束。另外,空白也会变的更有组织。

优秀的设计4大基本原则:亲密性_第4张图片
各个元素组织在一个单元.png

从哪里看,接下来看什么,什么时候结束,对于这些你还有疑问吗?仅仅利用这样一个简单的概念,现在这个名片不论从理解上还是视觉上都很有条理,这样一来,它能够更清晰地表达信息。

亲密性小结

如果多个项相互之间存在很近的亲密性,他们将成为一个视觉单元,而不是多个孤立的元素。彼此相关的项应该归在一组。要有意识的注意你是怎样阅读的,你的视线怎样移动;从哪里开始,沿着怎样一个路径,到哪结束,读完之后,接下来看哪里?整个过程是一个合理的过程,有确定的开始,而且有确定的结束。

根本目的

亲密性的根本目的是实现组织性。尽管其他原则也能达到这个目的,不过利用亲密性原则, 只需要简单的将相关元素一组建立更近的亲密性,就能自动的实现条理性和组织性。如果信息很有条理,将更容易阅读,也更容易被记住。此外还有一个很好的“副产品”’糊亲密性 原则,还可以使空白(这是设计者们最喜欢的)更美观(也更有条理)。

如何实现

微微眯起眼睛,统计你的眼睛停顿的次数来数一数页面上有多少个元素。如果页面上的项超过3〜5个(当然,这取决于具体情况),就要看看哪些孤立的元素可以归在一组建立更近的亲密性,使之成为一个视觉单元。

要避免的问题

不要仅仅因为有空白就把元素放在角落或中央。

避免一个页面上有太多孤立的元素。

不要在元素之间留出同样大小的空白,除非各组同属于一个子集。

标题、子标题、图表标题、图片能否归入其相关材料?在这个问题上一定要非常淸楚(哪怕只有一点含糊都要尽量避免)。在有很近亲密性的元索之间建立关系。

不同属一组的元素之间不要建立关系!如果元素彼此无关,要把它们分开。

是不是很简单?下一篇是另一个原则:对齐

你可能感兴趣的