美文网首页
设计四大原则丨1-亲密性

设计四大原则丨1-亲密性

作者: 设计界的影帝 | 来源:发表于2019-02-13 15:18 被阅读0次

亲密性( Proximity)

彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一个视觉单元,而不是多个孤立的元素。这有助于组织信息少混乱,为读者提供清晰的结构。

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

举个例子:

来看看下面这个企业名片的布局,这是一种很典型的布局。在这样小的空间里你看到多少

个单独的元素?你的眼睛要停下来多少次才能看全这张名片上的所有信息?

图一:

你的眼睛是不是停过5次?当然,这个小小的名片上放置了5项孤立的内容。

你是从哪里开始的?可能是从中间,因为中间的短句字体最粗。

接下来看什么?是不是按从左向右的顺序读?(因为这是英语)

如果已经读到名片的最后(即右下角),你的目光又会移向哪里?

你是不是还会全盘再巡视一番,确保自己没有遗漏任何角落?

图二:

现在有2个元素是粗体,你是如何去看?从上往下看?还是中间开始看起?(这种被称之为画蛇添足多此一举)

问题所在:

之前的名片存在这样一个问题:名片上的每一项看上去都与其他任何项没有关联。

这样一来,首先不清楚从哪里开始读名片,另外不知道何时才算结束。

如果对这个企业名片做一点调整 —— 把相关的元素分在一组,使它们建立更近的亲密性,看看会发生什么。

图三:

看完图三的设计相信大家都可以看的出来,通过主要信息放在首要的头部,次要文字排列再后,再通过文字粗细、大小处理,看的仅仅有条,不会不知道名片该从哪里开始看,接下来看什么,什么时候结束。

亲密性小结:

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

根本目的

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

如何实现

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

要避免的问题

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

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

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

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

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

相关文章

  • 如何成为一个合格的设计师?

    做设计的的人需要明白设计的四大原则:亲密性、对齐、重复和对比。 一、 亲密性 1、亲密性原则:实现组织性,将相关的...

  • 《写给大家的设计书》day1

    《写给大家的设计书》『一』——6.1 一、理论 设计四大原则: 对齐,重复,对比,亲密性(意味着存在关系, 亲密性...

  • 做到这四点,设计也可以很简单

    文/安小暖 本文为《写给大家看的设计书》读书笔记。 四大设计基本原则: 一、亲密性 亲密性原则是指将相关的项组织在...

  • 亲密性原则

    ​亲密性原则是UI设计中最基础也是必须掌握的一条设计原则。亲密性原则是设计中排版常有的原则。亲密性原则能让我们处理...

  • 设计四大原则丨1-亲密性

    亲密性( Proximity)彼此相关的项应当靠近,归组在一起。如果多个项相互之间存在很近的亲密性,它们就会成为一...

  • 庄|图33《写给大家看的设计书》知识卡片

    今天分享的是设计的四大原则:亲密性、对齐、对比、重复。 一、亲密性: 根本目的是实现组织性。尽管其他原则也能达到这...

  • PPT设计的四大基本原则(一):对齐

    设计的四大基本原则:对齐、重复、对比、亲密性,每一份优秀的设计作品通常都遵守这四大基本原则。今天我们谈的是:对齐。...

  • 设计四大基本原则透析

    要想成为一个优秀的设计师,就必须要知道设计的四大基本原则是什么? 设计的四大原则是:亲密性、对齐、重复、对比 一、...

  • 写给大家看的设计书(中:颜色运运用)

    在《5、写给大家看的设计书(上:设计原则)》中,作者总结了四大原则:亲密性、对齐、重复、对比。记不清了话,点击:打...

  • 设计原则丨亲密性

    Robin亲密性原则是指:将相关的项组织在一起,移动这些项,使它们的物理位置相互靠近,这样一来,相关的项将被看作凝...

网友评论

      本文标题:设计四大原则丨1-亲密性

      本文链接:https://www.haomeiwen.com/subject/dcrdeqtx.html