那些隐藏在版式背后的逻辑

很显然，在画面中视觉面积更大的物体会优先被我们注意到，说到“放大”这个操作，我们头脑中应该会立即浮现出甲方大人那句“logo要大”“标题要大”“卖点要大”

没错，放大的确是创建层级的主要手段，但问题在于一个元素的大小是相对而言的。

想要让一个元素看起来足够大，反过来也就是让周围的元素变小就可以了。

那么问题来了，究竟应该放大哪些元素，缩小哪些元素呢？难道只凭我们的感觉随便处理吗？答案当然是否定的，盲目的放大是解决不了实际问题的。

元素的大小需要根据信息的重要程度去安排。层级的出现，让信息的传达更加直观，提升了的人们理解信息的效率。

随着对于信息层级这个问题的进一步深入，我们多少会有所疑问，在内容允许的情况下，层级可以无限划分下去吗？我们都知道人眼在看文字时，如果文字缩放的太小，就会有让人看不字的情况出现，所以版面中是存在一个最小字号的。而版面的尺寸通常是有限的。那么一个版面中最多能出现多少个层级呢？接下来我就带领大家一起去数一数。

如果仅针对文字来说的话，这个版面中的字号一共有两种尺寸，这个版面也是一样的。

这个版面可以明显看出，字号有三种不同的尺寸。首先我们会看到最大的标题文字，其次是中号文字，最后是小字号。

这个版面中一共出现了四种字号。

在版面尺寸允许的情况下，还可以继续划分下去，这个版面由五个层级。

这个版面则有六种完全不同的字号大小。

到这里我们可以得知，在版式设计中，相对较为常见的字号层级可以划分到六种，当然这个还可以继续划分下去。层级在版式设计中具有重要地位。信息之间的强弱变化，体现最明显的也就是视觉面积上的差别。而除了文字之间的层级对比，图片也具有相同的属性。

这个版面中图片具有两种尺寸，我们会首先看到最大的照片，然后看向相对小的那个照片。

这个版面，照片一个有三种不同的尺寸。因此，它是三个层级的版面。

这个版面算上右侧的小图片，大致可以划分成四个层级。

这个版面中一共出现了五种尺寸不同的照片。同样的，版面中照片的大小从最大依次递减，形成五个大小不同的尺寸。

一个版面创建好主次关系后，意味着它具备了最基础的功能，也就是吸引人们的注意力。而当人们的视线被吸引到版面后，信息的传达其实刚刚开始，其余元素需要依托层级关系来引导视线的移动。

这里需要注意的是，大元素与较小元素之间的差别一定要拉开距离。要避免出现看起来貌似差不多，但又不完全相同的尴尬。

我们可以从数值中找寻一些依据，比如我们可以按照等比、或等倍的手法去安排元素之间的大小关系。

在一个版面中，我们将元素大小之间的比率称为跳跃率。层级之间大小对比的幅度越大，就代表跳跃率越高。版面会呈现出活泼，大气，直接等气质。

层级之间的大小对比幅度越小，就代表跳跃率越底，平静、高级、雅致等气质便出现了。

那么为了方便大家对本期内容的理解，接下来我们进入案例演示环节，这是一个关于汉堡的海报。

首先采用上下结构的构图，将画面横向分为5栏，最下面一栏添加色块。竖向分五栏，将主体汉堡占中间三栏放于版面中心。汉堡在画面中占了足够大的面积，使得主体显得十分醒目。

细化网格，将标题文字组放入画面中。在汉堡左下角放置时间信息。

为了版面平衡，在右边放入价格信息，在下方色块部分做一个竖向三栏的网格，并将补充信息放进来。

在背景上添加纹理，在汉堡周围添加图形，强化主体形象同时增加趣味性。在背景上添加了放射状的射线图形，以及主体周围的喷射状图形，都一定程度上强调了主体形象。

主体的颜色以鲜艳明亮的橙红色调为主，而背景是接近黑色的暗色调，使得主体区分十分明显。添加标题特效及牛角图形。

标题上使用了投影及浅浅的渐变效果，使得标题更加明显且有趣。

画面中的文字层级区分足够明显，每一层级文字的大小都拉得足够大，使得阅读顺序十分清晰。通过上下结构，将补充信息整齐的放在了画面下方，并没有添加任何特效，让画面的焦点集中在上方。

那么到这里这个版面就完成了。

本期我们带领大家一同对比了成熟作品与不成熟作品之间的区别，总结出了三点新手经常会出错的地方，也就是没有明确的主体，对色彩和特效的滥用，以及留白的琐碎等问题。在了解了核心问题后，解决的方法也就逐渐清晰了，我们可以通过创建文字和图片之间的层级来规范版面，让信息更加简洁有序的传达。版面中的对比一定要明显，不能给人模棱两可的感觉。