版式编排之美基础篇

发表于 讨论求助 2020-10-11 10:29:49


本文转载自「16创艺 」

搜索「yelloart」即可关注



前言


版式编排在设计中占据较重的地位,画面的好坏与信息的传达准确与否很大程度上取决于版式编排的引导和层级的划分。


如何在编排中能够很好的把控整体画面的美观度对于很多设计师来说都是比较头疼的事,虽然知道黄金比例,但却使用的比较少,甚至不知道该如何使用。


本篇文章将以套路式的总结方式分享一些经验给大家,即使不懂排版,不懂黄金比例同样也能做出较为美观画面,把控好整体。

对齐


在编排设计中对齐通常会用于文字的排列,元素的排列等,想要版面美观信息传达正确,对齐尤为重要。


工整的文字对齐可以很好的降低阅读的障碍,使观者井然有序的快速理解文字所承载的信息,与元素保持协调,让画面更加具有美观度。



如图所示:不管是左右对齐也好,居中对齐也好,都要在版面中寻找对齐的参考点,如左图中圆右边的对齐则是按照竖线的左边为参考线进行的对齐,而右边圆中的文字则是以下面的粗细横线为对齐的参考点,这样不仅可以提升画面的美观度,同时也有理有据。


但需要注意的就是对齐也不是绝对的,这种方式可以很好的提供一种排版的思维方式和框架,具体需要根据实际需求进行调整。



在案例中,以元素的左边为对齐参考点,文字全部使用左对齐的方式进行编排,而文字的段落则是自然的断开,右边形成错落有致的层次感,当确定一边对齐之后另外一边则可以自然进行排列即可,横排或者竖排皆是如此,在整个框架保持左对齐不变的情况下,文字的大小,颜色的变化,字体的选择等可以根据整个画面的风格进行调整。



在横版的画面中,通常使用左对齐或者右对齐的方式较多,除了文字对齐之外同时也需要与主体之间的对齐,如上边对齐或者下边对齐,这样可以使整个版面更加的工整一些,另外还需要注意文字与主体之间的距离要与主体与另一边的距离尽量相同,使版面在视觉呈现上可以形成对等的距离,进而避免版面的重心偏差。



等边距


等边距是指版面四周的安全距离。除了主体和背景之外,文字信息都需要设置一定的安全距离,上下左右的距离最好是保持一致,这样文字可以舒适的阅读和信息的准确传递。在版式的编排中,等边距的设定关系到整个版面的工整性和美观度。

如两组图形案例所示,没有设定好的等边距会让整个版面的重心不稳定,给人一种飘忽不定的感觉,看起来比较随意,但相对来说没有细节,缺少品质感。而当把等边距设定为相同的时候整个版面比较稳定,有助于信息的传达。当你还是初级设计师的时候,在版面设计中试着调整好你的等边距,修炼自己的逻辑思维。



在实际案例中,当等边距统一的情况下,版面的重心得到了很好的稳定,同时也具有较好的美观性,在设计当中除了背景元素会有向外延展的情况之外,文字的信息以及可控的信息尽量设定一定的安全距离,让版面可以自由的呼吸。



对称


对称也是设计中常用的手法之一,尤其是在版式的编排当中,对称可以让画面保持一定的视觉平衡,丰富画面避免过多的留白与倾斜。



如图所示:左边的案例虽然也存在对称的表现手法,但整体的版面没有平衡,视觉也不够集中,而经过优化之后,右边的案例则是在做左上角加入色彩的小方块,右下角则是加入了圆的四分之一,两个图形元素对称之后使画面整体得到了平衡,同时也需要注意等边距和对齐,整体感觉看起来更加稳定,同时对于主体文字的信息也可以很好的得到传递。



如图所示:在版面的编排中,当左上角没有任何元素的时候无法与数字6形成对称的形式,整体的版面就会感觉没那么工整美观,视觉重心会直接落到主体文字上面,给人一种不舒服的感觉。



而当在版面的左上角加入一些元素或者logo的话,整体的版面得到了平衡,同时也有一定的过渡,使观者读起来更加的舒适,而中间的加号,这是为了修饰空白的部分,而元素则是与主体文字保持对齐,这样不会显得那么突兀,反而能够很好的修饰文字断开留下的空白区域,使画面更加的美观舒适。



如上图所示:在实际案例中,数字6占据了大部分版面,当上面的空白区域较多,利用大小不一的圆形对上部分空白区域进行补充,很好的平衡了整个版面,而右下角的二维码也可以作为辅助元素,其目的也是为了让画面保持平衡。


当主体占据较大版面时,通常主体四周会留有一些空白的区域,尤其是不规则的图形和物体,这时就需要添加一些修饰性的元素与文字主体相呼应,以达到版面平衡。


总结


在版面中使画面平衡的方式有很多种,如线条,文字,说明,标语,logo等等元素,通常这些元素在版面中只是为了调整画面的平衡,作为修饰的元素出现在画面当中,而非重要信息之类的。


不管主体部分是否突出画面,或者以什么样的创意进行表现,但都会有与之相呼应的对称元素。排版时注意这三点可以让整个版面更加的美观,逐渐养成很好的逻辑思维,之后再寻求突破。


END


给大家推荐一节知群唐老师的设计公开课

希望各位能够成长为更棒的设计师

推荐阅读|【人物访谈】对话唐婉莹老师

发表
26906人 签到看排名