2019-3-12 用心设计
如果您想订阅本博客内容，每天自动发到您的邮箱中， 请点这里
排版就是要将版面中必要的元素进行有序组织、摆放，在空空如也的画板里把一堆杂乱无章的东西排得好看并不容易，简单的对齐排列？结果可能是既单调又呆板，如果全凭感觉加些几何大色块，又觉得太大众，且跟自己的品牌和主题没有直接的关联，怎么办？今天葱爷给大家分享一个实用的排版方法：图形排版法。
什么是图形排版法？说白了其实就是用图形来承载文字或者图片。
1、更易排版：在图形里排版，可选择性更少，所以更容易。
2、更有趣：用与内容或品牌相关的图形排版，本身就是个有趣的创意。
3、更整体：把设计元素聚集于图形内排列，自然显得更整体。
4、更有助于：信息传达图形本身也可以传达出一部分信息。
常用于电商设计和海报设计中：
▲用电视机图形排列主播头像和介绍文字
▲用胶片图形排列图片和文字
▲用展示架图形排列游戏装备和文字
▲用红包和单据图形排列促销信息
▲用房屋的形式排列信息
▲用购物券的形式排列促销文字
▲用蒸笼图形排列图文
▲用广告牌的形式排列文字和图标
那么，像上面这种采用图形排版法的设计是怎么操作的呢？可以简单分为四步：
观察版面上需要排列元素的多少与形式。举个例子，以下是一本农产品小册子其中1P的文案，册子的成品尺寸为w110x200mm。
客户只提供了这些文字，从上图可以看到，字数并不少，且都是关于企业介绍的段落文字，显然这些文字要集中排版，不过如果只是像上图那样简单的对齐，未免有点单调，最好引入图片或者图形加以丰富，由于没有合适的图片，所以我决定采用图形排版法。
用什么样的图形才能把现有的元素组合起来呢？图形的提取和选择有三个方向：
1.根据文字的属性来选择图形，比如下图需要排版的内文是一些优惠信息，所以设计师选择用优惠券的图形来承载文字。
2.根据图片来选择图形，比如下图需要排列的元素中有很多产品，所以设计师用盒子与展示台的图形来承载它们。
3.根据设计（品牌）调性来选择图形，下图是一个春节期间的电商侧栏，所以设计师用灯笼图形来作为排版的载体。
现在，我们再回过头来看看前面说的这个画册设计例子，这里需要排版的元素并无图片，而企业简介类的文字也提取不出合适的图形，所以依据品牌调性来选择图形是最靠谱的，哪些图形可以使用呢？
由于这是一个主打天然、健康的农产品品牌，所以很容易想到太阳、山、白云、树、叶子、花等图形，在这些图形中，哪一个最合适呢？
我们可以根据以下几条标准来选择：
1.图形与品牌调性要相符；
2.图形的造型要尽量简单；
3.图形要美观；
4.要适合承载内容；
5.图形的形态要适合版面尺寸。
由此可见，叶子图形是最合适的。因为其造型最简单比较好承载文字信息，不会影响到阅读性，并且也更便于在狭长版面中运用。
即使确定了采用什么图形来排版也还有很多要注意的地方，比如同样一个元素，可以设计成很多不同的图形，它们所产生的效果也会有很大差别。一般来说，抽象的、几何化的图形会比具像化的图形更合适，因为前者更简洁、更适合排版、更有设计感，下图是树叶图形的两个不同设计方向。
显然右边简化后的效果比左图效果更合适。图形设计好后当然就要把文字排上去了，文字排版的方式有两种，一种是沿着图形的内轮廓绕排（如左图），一种是在图形轮廓内自由排版（如右图）。
使用第一种排版方式能使文字与图形结合得更自然，适合字数比较多且呈段式的文字；使用第二种排版方式的优点是不需要完全受限于轮廓，更灵活，适合字数比较少的文案，很显然，在本例中更适合采用轮廓绕排。
提示：在AI中，把文字工具移动到图形的路径处，当出现如下图标时，单击鼠标左键便可以输入文字了，而且每一行文字的起始都会沿着图形的内轮廓排列。
在菜单栏文字选项中点击区域文字选项，即可调出参数框，如下图：
当然，如过版面中只是光秃秃的一个图形加上其中的文字，还是会有些单调，所以需要再加以补充、优化，首先要在轮廓之外也放一些文字，比如页码和标题等，然后背景也可以与图形呼应，比如这里用了与叶子呼应的森林图片（背景做了高斯模糊处理）。
现在我们可以看到，版面的右上角明显有点空，而且整体上还缺少一些对比关系，于是我把叶子的图形复制出两片，分别排列在主体右上角和左下角作为点缀，到这里这个小页面的设计就完成了。
图形排版法可以使版面变得更有趣、更有创意，但是用不好也容易造成呆板、生硬的感觉，所以，最好不要把所有文字都限制在图形范围内，上面的例子虽然简单，但基本上回答了运用图形排版会遇到的主要问题。最后请大家记住，版面中没有哪一个元素是独立的，要始终站在整体的角度来设计每一个局部。
蓝设计( www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计