|
有时候我们看到一些作品，并没有什么太高的“技术含量”，就是那么的简简单单，清清爽爽，但是却那么的顺眼。看起来很简单，没有什么技术含量，但是自己模仿它一做，会发现很难做出人家的那种韵律。 那是因为我们并不懂的人家那看似简单的排版后面所蕴藏的细节，只是单纯的觉得这个很好看，很顺眼。 几乎所有的设计排版中，都是运用了版式四大原则，当我们了解了这四大原则之后，我们就能窥破这背后隐藏的细节。什么是四大原则？它就是亲密、对齐、重复、对比。下面分别解释一下四大基本原则的内容。 1：亲密 在设计中，物理位置的接近，意味着存在关联。 比如说一对情侣走在街上，如果两个人不走在一块，距离比较远，那么看到他们的人就很难想到他们是情侣，相反如果两个人手拉手走在一起，看到他们的人就会认为他们是情侣。 亲密是实现视觉逻辑化的第一步，在设计中我们需要将相关的部分组织在一起，关系越近的内容，在视觉上就应该越靠近，反之，关系越疏远的内容，在视觉上就应该越远离。这样一来，有关系的部分将会被看成一个组合，而不是零散的个体，这样也给读者明确的提示，快速掌握页面的内容分布。 就像上图的信息排列一样，我们不知道这些信息是分开的还是都是一起的，这样容易混淆获取信息的内容。 段与段之间有标题的话，应该注意标题和上、下段之间的间距应该有差别，因为标题和下一段是一个整体，和上一段的关系不大。这种亲疏关系应该在间距的大小间表现出来。 如果，一个版面中的标题和正文就是独立的两个版块，正文间的亲密度应该高于正文与标题间的亲密度。所以，标题和正文间应该有明显的区分，当然这个区分的方式各种各样。 再比如像上图，如果这是一个简单的工作人员公示栏，圆形代表照片，横条代表文字信息，你觉得那个比较好看？很显然圆形和横条距离近的好看，因为距离远的，我们很难将文字信息和图片信息联系起来。而当缩小它们之间的距离之后，原来底下的文字信息与照片信息很容易就联系对应起来了。 但是我们要注意的是亲密性原则只针对于具有相关联系的元素，不能乱用，否则会让画面看起来更加混淆。 2：对齐 任何元素都不能随意摆放，素材之间要保持一定的视觉联系，间距也有均衡的节奏。 这个原则比较好理解，任何设计元素都不能随意摆放，对齐是为了让画面更加整齐，更加具有观赏性，观众的目光会聚焦在对齐的位置，这也能更好的传达信息内容。对齐也分为左对齐、居中对齐、右对齐、左右对齐。 图中的信息元素没有对齐，显得很杂乱，不美观。 左对齐之后无形之中会觉得左边有一条直线在起作用，目光就会聚集在这条无形的直线上。 同理居中对齐也是一样，让内容集中在画面中间，从上到下一目了然，整体排版更加有序。 3：重复 设计的某些方面需要在整个作品中重复，这是一种统一设计各个部分的有意识的行为。 重复是指在页面设计中一些基础元素的运用上可以重复使用，包括颜色、形状、材质、空间关系、线宽、字体、大小和图片以及一些几何元素等等，使内容更加统一，也为了让画面看起来更加美观。比如使用一些整齐排列的色块，相同的段落格式或者是相同的形状等。这样都可以增加画面的条理性和整体性。 格式不统一，会导致画面的不平衡。使用统一的格式使得的画面更加连续，美观，精致。 再比如将不一致的元素统一，修改过后是不是觉得更加顺眼了。 4：对比 字体、颜色、大小、线条、形状，虚实等等都会产生对比，增强页面效果。 当我们的画面中满足亲密、对齐和重复，在保证版面干净、整齐的同时，也会给读者带来枯燥、乏味的感觉。所以，我们需要最后一个效果——对比。 正所谓没有对比就没有伤害，只有通过对比，才能突出一些元素的特点性质，吸引观众的目光，区分信息的层级。 我们可以通过把需要强调的部分进行加粗、调大、改颜色、增加背景色、加删除线、下划线、倾斜或是做一些艺术化处理等等方式，来使得需要强调的部分迅速的从大量内容中跳脱出来。对比的附加作用是有效增强视觉效果，打破平淡，吸引读者注意。 需要注意的是，要么不使用对比，要对比就一定要明显，否则，两个元素过于相近，就会导致混乱，因为读者会误会，不知道你是故意的，还是不小心搞错了。 如果上面几图中的长方形块表示一句话，那么这个排版中间有间隔，信息少，文字的大小也一样，无法区分文字层级。但是如果通过颜色对比，添加线条，大小对比等手法之后，受众就能快速的区分文字的层级。 解释完四大原则之后，观看下列案例，尝试分析页面排版。
比如上图，运用了色块（重复和对比），字体左对齐（对齐）。 大家可以尝试自己分析分析下面的海报。
案例图来源于网上 |
|
|
