排版四大原则之“亲密性原则”

作者: 菜心设计铺 | 来源:发表于2016-05-27 22:32 被阅读2550次

几个月前在图书馆看了一本叫做“写给大家看的设计书”,内容虽然很基础,但却很实用,在之后的设计中给我提供了很多指导性的原则。

排版四大原则分别为:对比、对齐、重复、亲密性。今天要讲的是亲密性原则,因为近期对这个知识点感触特别深刻。


什么是亲密性原则?

我们来看一张图片

如果图中有一对情侣(不要太污,是异性之间的哦),我想问,你知道这位女士和哪位男士是情人吗?

别说你知道,因为我都不知道!

接下来,我们再看一张!

现在是不是很容易分辨出哪两位是情侣?

亲密性原则就是将相关项组织在一起。在一个页面上,位置接近就意味存在着关联。因此相关项应当靠近,归组在一起。

通俗的来讲就是我和你近,我们就有关系。


下面来看一下这个原则怎么应用到设计当中!

上面这张设计图,会让人有一种错觉,我会感觉上面第一组“菜心设计铺…”的信息和下面的“为什么要看奇葩说…“是一组的,层级没有拉开,结构不明确,很容易造成困扰。

而这张图就可以十分清晰的分辨出上下两个部分内容。这就是亲密性在设计排版中最典型的例子。

再说一个大多数设计师可能会忽略的细节,如下图

当输入法为中文的时候,冒号后面的空隙会大一些,这就使我们分不清34应该和谁产生联系,处于一个很尴尬的位置。

然而这张图就很容易知道11:34是一个信息内容,而PM是另外一个。


每一个设计上的知识点都可能对你输出的内容有很大的帮助,所以技术上的知识不在多,而在精。时刻保持对事物本质的理解,对我们做设计乃至生活都有非常正面的影响。

相关文章

  • 排版原则

    排版四原则 亲密性原则 对齐原则 重复原则 对比原则 一、亲密性原则 1. 什么是亲密性原则? 关联性越高的元素,...

  • 页面与交互设计

    页面排版原则 元素在页面构成中排版要遵循四大原则:对齐、亲密性、重复、对比 页面元素包括: 内容与行为 ...

  • 亲密性原则

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

  • 界面排版原则(上)

    前面的视觉体系和大家简单提到过传统平面排版的四大原则:亲密性、对比、重复、对齐。那界面排版有什么原则呢?今天菜心就...

  • 写给大家看的设计书 - 阅读笔记

    一、排版设计四大基本原则 对比 重复 对齐 亲密性 这是全书最精华的部分,作者用了大量的对比案例来解释四大基本原则...

  • 设计太乱?“对齐”原则肯定没学会

    重复、对比、对齐以及亲密性是版式设计中的四大原则,各种排版形式与规则都是基于这四大原则衍生而来,而掌握这些具有指导...

  • 画面太“平”?“对比原则”掌握了吗?

    重复、对比、对齐以及亲密性是版式设计中的四大原则,各种排版形式与规则都是基于这四大原则衍生而来,而掌握这些具有指导...

  • 设计太“散”怎么破?“ 亲密性”原则拯救你!

    重复、对比、对齐以及亲密性是版式设计中的四大原则,各种排版形式与规则都是基于这四大原则衍生而来,而掌握这些具有指导...

  • 掌握“重复原则”,轻松塑造画面的统一性

    重复,对比,对齐以及亲密性是版式设计中的四大原则,各种 排版形式与规则都是基于这四大原则衍生而来,而掌握这些具有指...

  • 排版四大原则之“亲密性原则”

    几个月前在图书馆看了一本叫做“写给大家看的设计书”,内容虽然很基础,但却很实用,在之后的设计中给我提供了很多指导性...

网友评论

    本文标题:排版四大原则之“亲密性原则”

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