版式设计四大原则
发布时间: 2019-03-19 13:30:59 | | 分享到:

有时候我们看到一些作品,并没有什么太高的“技术含量”,就是那么的简简单单,清清爽爽,但是却那么的顺眼。看起来很简单,没有什么技术含量,但是自己模仿它一做,会发现很难做出人家的那种韵律。

那是因为我们并不懂的人家那看似简单的排版后面所蕴藏的细节,只是单纯的觉得这个很好看,很顺眼。

几乎所有的设计排版中,都是运用了版式四大原则,当我们了解了这四大原则之后,我们就能窥破这背后隐藏的细节。什么是四大原则?它就是亲密、对齐、重复、对比。下面分别解释一下四大基本原则的内容。


1:亲密

在设计中,物理位置的接近,意味着存在关联。

比如说一对情侣走在街上,如果两个人不走在一块,距离比较远,那么看到他们的人就很难想到他们是情侣,相反如果两个人手拉手走在一起,看到他们的人就会认为他们是情侣。

亲密是实现视觉逻辑化的第一步,在设计中我们需要将相关的部分组织在一起,关系越近的内容,在视觉上就应该越靠近,反之,关系越疏远的内容,在视觉上就应该越远离。这样一来,有关系的部分将会被看成一个组合,而不是零散的个体,这样也给读者明确的提示,快速掌握页面的内容分布。

就像上图的信息排列一样,我们不知道这些信息是分开的还是都是一起的,这样容易混淆获取信息的内容。

段与段之间有标题的话,应该注意标题和上、下段之间的间距应该有差别,因为标题和下一段是一个整体,和上一段的关系不大。这种亲疏关系应该在间距的大小间表现出来。

如果,一个版面中的标题和正文就是独立的两个版块,正文间的亲密度应该高于正文与标题间的亲密度。所以,标题和正文间应该有明显的区分,当然这个区分的方式各种各样。

再比如像上图,如果这是一个简单的工作人员公示栏,圆形代表照片,横条代表文字信息,你觉得那个比较好看?很显然圆形和横条距离近的好看,因为距离远的,我们很难将文字信息和图片信息联系起来。而当缩小它们之间的距离之后,原来底下的文字信息与照片信息很容易就联系对应起来

但是我们要注意的是亲密性原则只针对于具有相关联系的元素,不能乱用,否则会让画面看起来更加混淆。


2:对齐

任何元素都不能随意摆放,素材之间要保持一定的视觉联系,间距也有均衡的节奏。

这个原则比较好理解,任何设计元素都不能随意摆放,对齐是为了让画面更加整齐,更加具有观赏性,观众的目光会聚焦在对齐的位置,这也能更好的传达信息内容。对齐也分为左对齐、居中对齐、右对齐、左右对齐。

图中的信息元素没有对齐,显得很杂乱,不美观。


左对齐之后无形之中会觉得左边有一条直线在起作用,目光就会聚集在这条无形的直线上。

同理居中对齐也是一样,让内容集中在画面中间,从上到下一目了然,整体排版更加有序


3:重复

设计的某些方面需要在整个作品中重复,这是一种统一设计各个部分的有意识的行为。

重复是指在页面设计中一些基础元素的运用上可以重复使用,包括颜色、形状、材质、空间关系、线宽、字体、大小和图片以及一些几何元素等等,使内容更加统一,也为了让画面看起来更加美观。比如使用一些整齐排列的色块,相同的段落格式或者是相同的形状等。这样都可以增加画面的条理性和整体性。

格式不统一,会导致画面的不平衡。使用统一的格式使得的画面更加连续,美观,精致。

再比如将不一致的元素统一,修改过后是不是觉得更加顺眼了。


4:对比

字体、颜色、大小、线条、形状,虚实等等都会产生对比,增强页面效果。

当我们的画面中满足亲密、对齐和重复,在保证版面干净、整齐的同时,也会给读者带来枯燥、乏味的感觉。所以,我们需要最后一个效果——对比。

正所谓没有对比就没有伤害,只有通过对比,才能突出一些元素的特点性质,吸引观众的目光,区分信息的层级。

我们可以通过把需要强调的部分进行加粗、调大、改颜色、增加背景色、加删除线、下划线、倾斜或是做一些艺术化处理等等方式,来使得需要强调的部分迅速的从大量内容中跳脱出来。对比的附加作用是有效增强视觉效果,打破平淡,吸引读者注意。

需要注意的是,要么不使用对比,要对比就一定要明显,否则,两个元素过于相近,就会导致混乱,因为读者会误会,不知道你是故意的,还是不小心搞错了。

下一篇: 设计构图技巧!平面构成法的运用