视觉设计––界面排版每周500字视觉设计

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

2016-05-27  本文已影响2550人  菜心设计铺

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

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


什么是亲密性原则?

我们来看一张图片

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

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

接下来,我们再看一张!

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

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

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


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

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

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

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

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

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


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

上一篇下一篇

猜你喜欢

热点阅读