.
uisdc-ds-2016090512
第三,元素跟元素之间要有一个合理的留白,不然就会拥挤难受。
如下图:
uisdc-ds-2016090513
第四,除满版型排版以为尽量让画面四周有足够的留白。有些时候不必要放那么多的装饰元素,在画面中,那样反而会抢了主体,比如这个下图,其实竹叶也可以表达所需的意思,而且更灵动。
uisdc-ds-2016090514
.
.
uisdc
-ds-2016090515
第五,装饰元素在做飘散的时不要集中在一个区域,那样会让某个区域留白不够显得拥挤,还会显得图片的感觉小气,飘散的元素我们尽量做的大气一些,挥洒写,弥补周边空旷的同事又能让画面大气。
如下图:
uis
dc-ds-2016090516
uisdc-ds-2016090517
第六,留白的同时也要去白,去白是一种平衡留白画面的效果,一般来说常用的去白方式是对线去白,即下方有元素而上方很空的时候,给上方增加一个元素来平衡画面;当主体过于渺小导致留白过多时,需要放大主体和调整其它元素来去白。
.
.
如下图:
uisdc-ds-2016090518
图1:中心主体太小上下空洞 图2:下方去白,上方空洞 图3:上下去白,画面平稳
举例:
uisdc-ds-2016090519
↑中心元素过小,周边过于空旷
uisdc-ds-2016090520
↑中心整体放大,主体上下留白过多被弥补,但主体与文案间的留白关系不是很舒服
.
.
uisdc-ds-2016090521
↑拉开文案的行距,使主体与整体文案的空间感相近,弥补文案上下的留白过剩
结合留白,我再针对上面提到的不同情况应用不用版式举个简单的例子,当客户给我的方案是字少图少和字少图多的情况下,中心型、中轴型、满版型、骨骼型、分割型等多种方式都可以解决当前问题的。比如我们用一下文字和图片做一图:
uisdc-ds-2016090522
uisdc-ds-2016090523
图1:中心型 图2:中轴型 图3:满版型
.
.
uisdc-ds-2016090524
↑ 骨骼型
uisdc-ds-2016090525
↑ 分割型
有时候我们也会遇到一图片中要放很多小图片的情况,而且很多小图片的素材尺寸都是不同的,这里也是很多人经常犯错的地方,大部分人都是随意摆放并配上文字,其实我们可以把每个图片都做在同等大小的形状中显示,既规整又大方,如图:
uisdc-ds-2016090526
.
.
uisdc-ds-2016090527
而当素材不太美观和即便排列整齐,整体图片也还是有些拥挤时,我们可以化繁为简,去掉小图展示:
uisdc-ds-2016090528
综上容,版式没有绝对的好坏,只有合适不合适;这期我们讲的主要还是围绕简洁的版式,下期我们队复杂的版式再做更深入的理解。
.
相关推荐: