网页设计 ? 视觉设计 ? 用图形排版法,解决空白单调的海报

最新广东快乐十分计划:用图形排版法,解决空白单调的海报

发表于: 视觉设计. 评论
赞助商链接

广东快乐十分下载软件 www.ksnb.net 排版就是要将版面中必要的元素进行有序组织、摆放,在空空如也的画板里把一堆杂乱无章的东西排得好看并不容易,简单的对齐排列?结果可能是既单调又呆板,如果全凭感觉加些几何大色块,又觉得太大众,且跟自己的品牌和主题没有直接的关联,怎么办?今天葱爷给大家分享一个实用的排版方法:图形排版法。

什么是图形排版法?说白了其实就是用图形来承载文字或者图片。

图形排版好处

1、更易排版:在图形里排版,可选择性更少,所以更容易。

2、更有趣:用与内容或品牌相关的图形排版,本身就是个有趣的创意。

3、更整体:把设计元素聚集于图形内排列,自然显得更整体。

4、更有助于:信息传达图形本身也可以传达出一部分信息。

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

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

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

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

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

▲用房屋的形式排列信息

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

▲用蒸笼图形排列图文

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

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

一、观察

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

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

二、思考

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

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

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

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

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

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

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

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

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

3.图形要美观;

4.要适合承载内容;

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

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

三、设计与排版

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

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

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

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

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

四、补充与优化

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

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

总结

图形排版法可以使版面变得更有趣、更有创意,但是用不好也容易造成呆板、生硬的感觉,所以,最好不要把所有文字都限制在图形范围内,上面的例子虽然简单,但基本上回答了运用图形排版会遇到的主要问题。最后请大家记住,版面中没有哪一个元素是独立的,要始终站在整体的角度来设计每一个局部。

作者:葱爷
微信号:congyenanian

推荐:查看最受欢迎的 301 个设计网站 → //hao.www.ksnb.net
交流:结交更多有才华的设计师?请加入UI设计QQ群,与50000名设计师交流设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。