设计四大原则-亲密性

亲密性原则是指:将相关的项组织在一起,移动这些项,使它们的物理位置相互靠近,这样一来,相关的项将被看作凝聚为一体的一个组,而不再是一堆彼此无关的片段。


举个例子:

请注意这两栏中的项目符号,看看它们和相关联的项目间的距离。中间的项目符号事实上离有些左栏的项目更近。看起来几乎就像是4个单独的列一样,其中有两列是项目符号。


现在关系就清晰了,我们可以立刻分辨出哪些项目符号属于哪些项目,也可以马上看出有两列项目清单,而不是一列项目符号,一些信息,一列项目符号,再来更多的信息。
在这个列表中的每一个元素都与其他所有元素凑在一起,所以无法看出它们之间的关系,甚至标题为粗体的情况下也无从知道这些信息项的组织。


仍然是这个列表,现在通过在彼此之间增加一些空白看起来已经形成了多个组。相信你自己也肯定做过这种工作,这里只是建议要有意识地这样做,而且要投入更大的力度。

亲密性小结:

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

根本目的

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

如何实现

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

要避免的问题

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

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

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

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

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

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 分享这本书,第一个原因是二月是视觉月,我就把家里有关视觉的书都翻出来,比较了好几本,最终确定了这本书。之前上了Da...
    胡蓓阅读 991评论 3 6
  • 云南方言“妹” 作者:郭晔昱 云南方言属于汉语西南官话,在多民族混居中,云南方言受到了彝语的影响,“妹”这个词汇不...
    f2dcc5df1b5e阅读 2,867评论 0 0
  • 本书讲了什么 复杂的设计原理在本书中凝炼为亲密性、对齐、重复和对比这4个基本原则。作者以简洁明快的风格,将设计所必...
    少穻阅读 2,177评论 0 14
  • 当我敢提笔写这篇文章的时候,我就已忘怀往事,放下执念了。 我与她,十年相识。 我与她,也曾有七年之痒。 我叫志明,...
    志明丶阅读 244评论 0 1
  • 夏余一日,明即立秋。暑气未消,蝉噪不休。晨起远眺,晴空悠悠。鸡鸣报晓,翔鸟啁啾。 舒展朦胧,水润含羞。开窗迎风,瞰...
    半姜阅读 478评论 11 12