详解为什么版式设计你总是没有思路(4)

五.案例演示

上面的案例大部分是平面展览或者电影海报，那么实际工作中的网页，banner，闪屏或者ui界面这些怎么办呢?其实方法都是一样的，版面设计的原理应用在各个方面。这里演示一个移动端banner设计案例吧。

首先，运营小姐姐的文案非常简洁，没有冗长到让我要分成一级二级三级;其次需求的目的也很明确，就是要突出2个素材和按钮;最后风格也没有奇奇怪怪的提议，只要和产品整体调性一致就好。那么在这里要介绍一下产品的背景了，pins是一款少女心拼图app，界面简洁清新，多种布局模板和背景。很快的，我在脑海中简单地构思了一下构图的方式。其实3种构图形式都是可以的，但是为了更好的突出按钮和素材效果，我最后选择了对角线构图。

先在黑白稿的情况下把文案和主体布局好，让主次关系清晰;考虑到目标用户大部分是女生，使用了圆形字体，配色主要是参考了pins的logo的配色，少女心的品牌色;最后细节调整，加上一些点缀的元素，其中网格是pins比较受欢迎的背景。一个简单的banner就这样完成了。

当我们的工作内容无法满足做文字比较多的平面海报的欲望时，可以考虑自命题的练习。当时听到许巍《无人知晓》这首新歌的时候，有一些感悟和想法然后做了一些C4d素材，想利用它作为主体和歌名做一下排版练习：

在开始动手做之前我就想好了这次想做一个视觉直观而强烈的海报，再加上主体是文案和素材的结合，所以我才采用了满版构图。在黑白灰中将主角和配角的位置确定好，再去调整字体和距离。

然后调整主体中4个字和素材之前的交叉和重叠，细节调整后，我尝试了2个配色方案，一种是利用主体素材的颜色进行搭配，平静和谐;另外一种是红蓝配色，直观强烈。

总结：

最后总结一下，我们在进行版面设计时候，要注意从这几个方面去不断调整和检查，同样当你看到一张海报的时候不知道怎么去思考和分析，也可以从这几个方面入手：

1.主题是否鲜明?视觉焦点是否突出?

2.构图是否平衡?(3种平衡关系)

3.设计原则是否合理运用?(6个设计原则)

4.细节是否丰富? 是否有趣? 细节考验着设计师的情怀。(字体、色彩、光影等)

参考书籍和文章：

《写给大家看的设计书》——Robin Williams

《平面设计原理》——alex w.white

《版式设计原理》——Chris Do

《色彩设计法则》——梁景红

以上图片采编于网络，版权归属原作者