平面排版中,信息越多,就越需要调整信息之间的层次关系。今天为大家分享丰富平面排版层次的方法,希望能够帮到大家。


正确安排层级关系


1、安排层次

信息越重要,层次就越高,所以需要突出最重要的信息,次要的信息次要突出,而不重要的信息可以弱化。

丰富平面排版层次,这几招足够了!
上面的文字排版就有着鲜明的层级关系,标题最为重要,使用大写的Didot字体,且关键单词“ART”和“FASHION”字号最大,为第一层级;非关键单词“THE”和“OF”用了比较小的字号,为第二层级;引文为第三层级,使用小写和普通衬线体,字号比标题中的非关键字小一点,且使用水平倾斜效果,以区隔其他信息。

正文为第四层级,字体与引文相同,字号要小一点。注解为第五级,字体为无衬线体,字号比正文更小。页码为第六层级,字号比正文和注解大。页脚为第七层级,字号和字体与注解一样。

2、区分层级

就像字号大小层级,标题文字比正文的字号大两三号,会使标题的效果很不明显,所以我们可以放大标题。

丰富平面排版层次,这几招足够了!
上图文字信息层次不丰富,经过调整后把不同信息的字号做比较大的区隔,而且修改颜色、字体、粗细等,使这些信息呈现出来,让信息的层级关系变得丰富。
丰富平面排版层次,这几招足够了!

3、区分手法不要单调

要想画面吸引人,在区分信息层级的方法需要丰富,这在广告设计或海报设计中非常重要。比如下图中信息只有大小、字体、笔画粗细、色彩的区别,整体不是很出彩。

丰富平面排版层次,这几招足够了!
所以更改部分文字的排版方向,并加入色块突出重要信息,并把“fashion”的字体改为手写体,区别版面的其他字体。
丰富平面排版层次,这几招足够了!
修改后,整个画面比修改前要更丰富、更有设计感。


区分层级的方法


1、位置

在一个版面中,靠上、左的位置容易吸引用户注意,所以左上角或垂直居中偏上的位置,经常用于排列标题,正文在版面正中央,版面底部常用来排列页码、注解、或附加信息等。

丰富平面排版层次,这几招足够了!
2、大小

文字排版中字号最大的一般是最重要的信息,比如标题、主题等,下图更改文字信息的大小,让层级关系变得明显。

丰富平面排版层次,这几招足够了!
3、粗细

在使用同种字体与字号的时候,笔画粗的字体要比笔画细的字体更突出,所以可以调整字体的粗细。

丰富平面排版层次,这几招足够了!
4、字体

不同层级的信息需要使用不同的字体,这会让我们的视觉自动分类这些信息,但字体不要超过3种。下图直接改变字体层级,让层级区分更加明显。

丰富平面排版层次,这几招足够了!

5、色彩

不同色彩都会给人不同的感受,所以需要给不同层级的字体添加一些色彩。比如下图给最重要的信息添加金色,让版面变得高雅,并把文字之间的层级关系拉得更大。

丰富平面排版层次,这几招足够了!
6、透明度

不同透明度的元素放到一起会产生虚实对比的效果,加强版面的空间感。下面把重要的信息设置成高透明度,让其离用户更近,把不重要的信息设置成低透明度,让其离用户更远。

丰富平面排版层次,这几招足够了!
7、线框

给文字增加线框,让文字更加突出,也可以区分文字。下图中的大标题使用矩形线框,小标题前面的序号使用圆形线框。

丰富平面排版层次,这几招足够了!
8、造型

使用线框区分之后,就需要给这些层级进行造型区分。下图中大标题使用矩形造型,副标题使用箭头造型,内容使用对话框造型,这样就能够明显区分这些信息。

丰富平面排版层次,这几招足够了!

9、色块

色块具有强烈的视觉冲击,在版面中给重要的文字信息添加色块,可突出这个信息,与其它信息形成鲜明对比。

丰富平面排版层次,这几招足够了!
10、空间

给部分重要信息增加立体效果,使其与其它信息元素拉开距离。下图的大标题使用重叠的方式制作出立体效果,然后给副标题添加立方体,使其具有立体效果,直接突出这两个元素。

丰富平面排版层次,这几招足够了!
11、直线

直线在版式设计中非常常见,可以强调、装饰、区隔信息。下图使用直线让部分信息显得不一样,使其吸引用户视线,拉开层次。

丰富平面排版层次,这几招足够了!
12、图形

给关键信息增加图形,也能让关键信息更加突出。把图片叠加在大标题上时,会让这个区域比其它区域更加吸引用户。在副标题两边添加一些小图形,在小标题前面添加菱形,既能使其美观,也能区分其他内容。

丰富平面排版层次,这几招足够了!
13、方向

将不同信息移动旋转到其它方向,也能区分层级。但横排是最适合阅读的形式,所以只把标题和页脚文字使用竖排和曲线进行排版,也倾斜小标题。

丰富平面排版层次,这几招足够了!
14、质感

给版面的信息赋予不同的质感,能够有效区分层级。下图中大标题填充图片质感,副标题填充金色渐变质感,拉开层级关系。

丰富平面排版层次,这几招足够了!
15、点线面

点线面在视觉呈现上有很大差异,如果信息当成点线面来设计排版时,可以加强版面的设计感。

丰富平面排版层次,这几招足够了!

丰富平面排版的层次的方法就讲到这里,希望上面的内容能够对大家有所启发。