一篇文章讲透版式设计中的层级关系

2022-02-18 点击量：

这不是一个很新鲜的话题，却是一个很常见，且解决起来并不容易的问题，在一个版面中，信息的组别越多，拉开信息之间的层级关系就越为重要，当然，难度也会越大，这篇文章葱爷就带着大家一起来解决这个问题。

1.为什么要有层级关系？

因为通常一个版面中的元素和信息是多样的，例如在一个画册版面中可能会有：图片、标题、小标题、正文、注解、页眉、页脚等等。而且这些信息会有重要和次重要之分的，如果在排版上毫无层级关系，如下图：

那么这个版面在视觉上就会显得非常平，缺少变化和设计感，所以也不会好看。更重要的是，由于没有层次、缺乏视觉引导，受众感受不到画面中的主次关系，所以会大大降低阅读和信息传播的效率。

而上图经过重新排版后，把各个不同类别的信息都刻意做了视觉上的调整和加工，版面具有了比较强的层次感，所以在美观性和阅读性方面都大大提升了，这就是版式设计为什么要有层级关系的原因。

2.如何正确安排层级关系？

01. 按信息的重要程度来安排它们的层次等级

有层级就会有主次，而视觉上谁是主谁是次呢？这就得与信息的重要程度相呼应，我们要使最重要的信息最为突出，次要的信息次要突出，而不重要的信息则要弱化处理。

上图的文字排版就有着鲜明的层级关系，标题最为重要，使用大写的Didot字体，且关键单词“ART”和“FASHION”字号最大，为第一层级；非关键单词“THE”和“OF”用了比较小的字号，为第二层级；

引文为第三层级，使用小写和普通衬线体，字号比标题中的非关键字小一点，且使用水平倾斜效果，以区隔其他信息；

正文为第四层级，字体与引文相同，但字号要小一点；注解为第五级，字体为无衬线体，字号比正文更小；

页码为第六层级，虽然字号比正文和注解要大一点，但是由于位置在左下角，且整体的面积较小，所以并不突出；

页脚为第七层级，字号和字体与注解一样，但位置位于右下角，且排版方向为竖排。

所以在使用一些修饰技巧时，我们要知道哪些技巧可以最大程度上突出信息，淮安专业广告公司，哪些次之，哪些可以将其弱化，具体有哪些技巧，葱爷后面会做总结和分析。

02.层级区分要尽量明显

比如字号大小区分，如果标题文字比正文的字号只大两三号，那么虽然标题在理论上要更突出一些，但是效果会很不明显，所以我们可以大胆地把标题拉大一些。

▲上图除了图片很突出以外，各文字信息类别视觉表现上区分不明显，层次不丰富。

▲调整后不仅把不同信息的字号做了比较大的区隔，而且还做了颜色、字体、粗细等方面的变化，使不同信息在视觉上拉得更开，所以，信息的层级关系变得鲜明、丰富了很多。

03.区分的手法不要太单调

想要画面更吸引人，用于区分信息层级的修饰手法也要尽量丰富一点，在广告设计或促销海报设计中，这一点尤为重要。有些人设计的版面层级丰富，很有层次感，但是整体看起来有点单调，不精彩，很可能是因为他们使用的修饰手法太少、太单调了，比如下图各类信息只有大小、字体（其实字体相差也不大）、笔画粗细、色彩的区别，所以整体效果不是很出彩。

而在方案2中，我把部分文字的排版方向也做了变更，且加入色块以突出某些信息，并把“fashion”的字体改为手写体，使其与版面中的其他字体明显的区隔开来。