如何让平面排版的层次更丰富?

时间:2021.09.01作者:原创先锋浏览量:1835

排版主要就是在做层级划分以及信息美化的工作。



为什么要有层级关系

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

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


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


如何正确安排层级关系?


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

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

2. 层级区分要尽量明显

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

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

想要画面更吸引人,用于区分信息层级的修饰手法也要尽量丰富一点,在广告设计或促销海报设计中,这一点尤为重要。有些人设计的版面层级丰富,很有层次感,但是整体看起来有点单调,不精彩,很可能是因为他们使用的修饰手法太少、太单调了。

有哪些区分层级的表现手法

1. 位置区分

我们都知道在一个版面中,越靠上、靠左的位置,越容易吸引读者的注意,反之亦然,所以左上角或垂直居中偏上的位置,常常用来排列标题,正文一般在版面正中央,版面底部常用来排列页码、注解、或者一些附加信息等,按这样的方式把信息排列好,也能制造出简单的层级关系。

2. 大小区分

越大的目标越容易吸引注意力,所以在文字排版中,字号最大的一般情况下都是最重要的信息,比如标题、主题、核心卖点等,下图把文字信息在位置区分的基础上再加上大小区分,层级关系已经变得很明显。

3. 粗细区分

粗细区分指的是文字笔画的粗细,同种字体、同样字号的情况下,笔画粗的字体要比笔画细的字体更突出,所以,在图片基础上再加上粗细的变化,层级关系不仅得到了进一步加强,美观性也提升了。

4. 字体区分

不同的字体有不一样的调性和视觉感受,所以把不同层级的信息使用不同的字体,也可以在视觉上将这些信息进行分类,从而提高读者的阅读效率,当然字体不要太多,最好为2-3种。

5. 色彩区分

色彩能赋予设计性格,比如加入金色后,这个版面就变得高雅、尊贵了很多,且局部的金色会从大面积的白色和黑色中跳脱出来,把文字之间的层级关系拉得更开。

6. 透明度区分

不同透明度的元素在一起会形成虚实对比的效果,从而可以加强版面的空间感,把重要的信息设置成高透明度,能使其离读者更近,把不是那么重要的信息设置成低透明度,能使其离读者更远,这也是拉开层次的有效手段。

7. 线框突出

给文字增加线框,就好像用一支笔把书上的某些文字圈出来一样,具有使其更加突出的效果,不仅是有线框的文字可以与无线框的文字区隔开来,而且不同形状的线框也能彼此区隔。

8. 造型区分


大标题使用矩形造型、副标题使用箭头造型、内文使用对话框造型,于是这些分信息从造型上就有了明显的区分,并且他们与没有外框造型的页脚信息也完全区隔开来。



9. 色块突出

色块是具有强烈视觉冲击的设计元素,所以给重要的文字信息加上色彩对比鲜明的色块,能使其变得更突出,有色块和没色块的文字形成鲜明对比,也能使层级区分更明显。


10. 空间突出

与通过设置元素不同透明度来塑造空间感不同,这里的空间突出,指的是给部分重要的信息增加立体效果,使其与扁平的元素拉开距离。

11. 直线突出

直线在版式设计中有很多功能,比如强调、装饰、区隔信息等等。

12. 图形突出

通过给关键信息增加图形也能使其更突出,图片是具有强烈视觉冲击的,所以当把图片叠加在大标题上时,这一区域的整体吸引力也会大大加强;在副标题左右两边加上类似书名号的图形能使其更特别;在小标题前面增加一个小菱形,既能使其更美观,也能使其与其他内容区隔开来。

13. 方向区分

将不同信息采用不同的排版方向,也能将其有效区分,当然,也不是说所有信息的排版方向都要不一样,毕竟横排才是最适合阅读的。

14. 质感区分

给版面中的信息赋予不同的质感也能使其有效区分。

15. 点线面区分

虽然点线面之间有着密切联系,但三者在视觉呈现上还是有很大差异的,所以如果你把版面中的信息当成点线面来进行设计、排版时,不仅能加强版面的设计感,也能达到加强信息区分的效果。


back

北京市丰台科技园
诺德中心一期2号楼803-805室

© Copyright 2008-2021 bjycxf.com

版权所有 京ICP备09080439号 京公网安备11010802012755号

过往皆为序章 未来一切可期

扫一扫,加我企业微信