平面设计排版

用户头像
Zhengzhou/UI designer/7 years ago /2635浏览
平面设计排版

主要针对海报中文字与图片的排版进行简单的总结

一、版式

中心型、中轴型、分割型、倾斜型、骨骼型、满版型

1、中心型排版,利用视觉中心,突出想要表达的实物——当制作的图片没有太多文字,并且主体很明确的情况下多使用中心型的排版。中心排版具有突出主体、聚焦视线等作用,大气背景可用纯色,高端背景可用渐变色。


2、中轴型排版、利用轴心对称,使用画面展示规整稳定、醒目大方——当制作的图片满足中心型排版但主体面积过大的情况下,可以使用中轴型排版。中轴型居中对称的版面特点,在突出主体的同时又能给予画面稳定感,并能使整体画面具有一定的冲击力。

在做电商活动海报的时候中轴型是很出效果的一种形式


3、分割型排版,利用分割线使画面有明确的独立性和引导性——当制作的图片中有多个图片和多段文字时可以使用分割排版。分割型排版能使画面中每个部分都是极为明确和独立的,在观看时能有较好的视觉引导和方向;通过分割出来的体积大小也可以明确当前图片中各部分的主次关系,有较好的对比性,并使整体画面不拥挤、单调。


4、倾斜型排版,通过主体或整体画面的倾斜编排,使画面拥有极强的律动感,刺激视觉——当制作的图片中要出现律动性、冲击性、不稳定性、跳跃性等效果,可以使用倾斜型排版。倾斜排版可以让呆板的画面爆发活力和生机,当你发现自己的图片过于死板或僵硬时,尝试让画面中某个元素带点倾斜,会有出奇的效果。


5、骨骼型排版,通过有序的图文排列,使画面严谨统一、具有秩序感——当制作的图片中文字较多时,通常都会应用骨骼型排版。骨骼型排版是较为常见的排版方式,清晰的调理和严谨性让画面平稳。有些时候为了打破骨骼型的单一和平稳,我们也可以应用下图第三张的形式,在规整的排列中加入一些律动强烈的素材。

网页设计(包含电商)中大部分都是骨骼型排版形式


6、满版型排版,通过大面积的元素来传达最为直观和强烈的视觉刺激,使画面丰富且具有极强的带入性——当制作的图片中有极为明确的主体,且文案较少时可以采用满版型排版。常见的满版型排版有整体满版、细节满版和文字满版。

第一张:整体满版会让画面有强烈的带入性。
第二张:细节满版能快速明确和展示主体。
第三种:而文字满版通常是以装饰的形式来表达某些文案。

二、方法

留白

1、文字间距、行距都是留白,而这种距离如果太过统一和拥挤,画面就会死板,所以在文段较多的情况下,我们可以适当调节文段的距离来改善画面的效果,也就是加大文字间的留白。

2、比如某个元素内部又有其他元素,那么这个元素内部区域就需要合理的留白,内部元素不能太满,也不能太偏。


3、元素跟元素之间要有一个合理的留白,不然就会拥挤难受。


4、除满版型排版以为尽量让画面四周有足够的留白。有些时候不必要放那么多的装饰元素,在画面中,那样反而会抢了主体,比如这个下图,其实竹叶也可以表达所需的意思,而且更灵动。


5、装饰元素在做飘散时不要集中在一个区域,那样会让某个区域留白不够且显得拥挤,还会显得图片小气,飘散的元素我们尽量做的大气一些,挥洒写,弥补周边空旷的同时又能让画面大气。


6、留白的同时也要去白,去白是一种平衡留白画面的效果,一般来说常用的去白方式是对线去白,即下方有元素而上方很空的时候,给上方增加一个元素来平衡画面;当主体过于渺小导致留白过多时,需要放大主体和调整其它元素来去白。

图1:中心主体太小上下空洞 图2:下方去白,上方空洞 图3:上下去白,画面平稳


中心元素过小,周边过于空旷


中心整体放大,主体上下留白过多被弥补,但主体与文案间的留白关系不是很舒服


拉开文案的行距,使主体与整体文案的空间感相近,弥补文案上下的留白过剩


结合留白,我再针对上面提到的不同情况应用不同版式举个简单的例子,当客户给我的方案是字少图少和字少图多的情况下,中心型、中轴型、满版型、骨骼型、分割型等多种方式都可以解决当前问题的。比如我们用一下文字和图片做一张图:

图1:中心型 图2:中轴型 图3:满版型


骨骼型


分割型


有时候我们也会遇到一张图片中要放很多小图片的情况,而且很多小图片的素材尺寸都是不同的,这里也是很多人经常犯错的地方,大部分人都是随意摆放并配上文字,其实我们可以把每个图片都做在同等大小的形状中显示,既规整又大方,如图:


而当素材不太美观和即便排列整齐,整体图片也还是有些拥挤时,我们可以化繁为简,去掉小图展示:

综上内容,版式没有绝对的好坏,只有合适不合适


44
阅读原文
|
Report
|
107
Share
评论
用户头像
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
加载中
You may like
大家都在看
Log in