怎么用图形排版法做出漂亮的版面?

排版设计呢,就是把版面上必要的元素做一个有序的摆放,这并不是一个简单活计,除了必要的文字排版凸显文字要素,图形的排版也是一个重要问题。

排版设计呢,就是把版面上必要的元素做一个有序的摆放,这并不是一个简单活计,除了必要的文字排版凸显文字要素,图形的排版也是一个重要问题。但是不明所以的新手可能组合起来单调且呆板,但是全部凭感觉,又好像变成了大众脸,并且彰显不出自己的品牌。这种情况怎么办呢?135编辑器给大家分享一下图形排版法。


所谓图形排版法,即用图形承载文字或图片,这样排版的好处有:

640?wx_fmt=jpeg&wx_co=1

常用于电商设计和海报设计中:


grey.gif

▲用电视机图形排列主播头像和介绍文字


grey.gif

▲用胶片图形排列图片和文字


grey.gif

▲用展示架图形排列游戏装备和文字


grey.gif

▲用红包和单据图形排列促销信息


grey.gif

▲用房屋的形式排列信息


grey.gif

▲用购物券的形式排列促销文字


grey.gif

▲用蒸笼图形排列图文


grey.gif

▲用广告牌的形式排列文字和图标


那么,像上面这种采用图形排版法的设计是怎么操作的呢?可以简单分为四步:


 一、观察 


观察版面上需要排列元素的多少与形式。举个例子,以下是一本农产品小册子其中1P的文案,册子的成品尺寸为w110x200mm。



grey.gif


客户只提供了这些文字,从上图可以看到,字数并不少,且都是关于企业介绍的段落文字,显然这些文字要集中排版,不过如果只是像上图那样简单的对齐,未免有点单调,最好引入图片或者图形加以丰富,由于没有合适的图片,所以我决定采用图形排版法。


 二、思考 


用什么样的图形才能把现有的元素组合起来呢?图形的提取和选择有三个方向:


1.根据文字的属性来选择图形,比如下图需要排版的内文是一些优惠信息,所以设计师选择用优惠券的图形来承载文字。


grey.gif


2.根据图片来选择图形,比如下图需要排列的元素中有很多产品,所以设计师用盒子与展示台的图形来承载它们。




3.根据设计(品牌)调性来选择图形,下图是一个春节期间的电商侧栏,所以设计师用灯笼图形来作为排版的载体。


grey.gif


现在,我们再回过头来看看前面说的这个画册设计例子,这里需要排版的元素并无图片,而企业简介类的文字也提取不出合适的图形,所以依据品牌调性来选择图形是最靠谱的,哪些图形可以使用呢?


由于这是一个主打天然、健康的农产品品牌,所以很容易想到太阳、山、白云、树、叶子、花等图形,在这些图形中,哪一个最合适呢?

grey.gif

我们可以根据以下几条标准来选择:

1.图形与品牌调性要相符;

2.图形的造型要尽量简单;

3.图形要美观;

4.要适合承载内容;

5.图形的形态要适合版面尺寸。


由此可见,叶子图形是最合适的。因为其造型最简单比较好承载文字信息,不会影响到阅读性,并且也更便于在狭长版面中运用。


 三、设计与排版 


即使确定了采用什么图形来排版也还有很多要注意的地方,比如同样一个元素,可以设计成很多不同的图形,它们所产生的效果也会有很大差别。一般来说,抽象的、几何化的图形会比具像化的图形更合适,因为前者更简洁、更适合排版、更有设计感,下图是树叶图形的两个不同设计方向。


grey.gif


显然右边简化后的效果比左图效果更合适。图形设计好后当然就要把文字排上去了,文字排版的方式有两种,一种是沿着图形的内轮廓绕排(如左图),一种是在图形轮廓内自由排版(如右图)。


grey.gif


使用第一种排版方式能使文字与图形结合得更自然,适合字数比较多且呈段式的文字;使用第二种排版方式的优点是不需要完全受限于轮廓,更灵活,适合字数比较少的文案,很显然,在本例中更适合采用轮廓绕排。


提示:在AI中,把文字工具移动到图形的路径处,当出现如下图标时,单击鼠标左键便可以输入文字了,而且每一行文字的起始都会沿着图形的内轮廓排列。



grey.gif


在菜单栏文字选项中点击区域文字选项,即可调出参数框,如下图:


grey.gif


 四、补充与优化 


当然,如过版面中只是光秃秃的一个图形加上其中的文字,还是会有些单调,所以需要再加以补充、优化,首先要在轮廓之外也放一些文字,比如页码和标题等,然后背景也可以与图形呼应,比如这里用了与叶子呼应的森林图片(背景做了高斯模糊处理)。


grey.gif


现在我们可以看到,版面的右上角明显有点空,而且整体上还缺少一些对比关系,于是我把叶子的图形复制出两片,分别排列在主体右上角和左下角作为点缀,到这里这个小页面的设计就完成了。


grey.gif

grey.gif


总结


看到上面的对比举例,大家相信也明白了,图形排版法可以让整个版面变得更加活泼有趣,但是如果用不好就会显得比较生硬,所以最好不要把所有文字都限制,包裹在图形里面。上述例子虽然看起来简单,但是基本已经囊括了图形排版中能遇到的主要问题。最好要提醒大家的是,不要让版面中的某一个元素独立,而构思方面也要站在整体角度来给每一个局部做排版设计



文章评价
登录后可以评论
立即登录
小三儿135主笔
一个酷爱钻研排版的小编!
共69篇文章
最近文章
更多
  • 520样式真的是爱意满满哦,这样排版可以轻易俘获ta的心
  • 母亲节排版样式上新,妈妈您辛苦了
  • 母亲节如何选择样式进行公众号推文排版呢?
  • 135编辑器这个做文字排版的格式刷怎么用啊?