如何设计出优秀的文字类海报排版(2)

UI / UI设计教程 / UI教程 /      

uimaker
UI设计师 / 江苏 南京

来源:优设   作者:研习设

关键词

接着看这张海报的分组方式:标题独立存在、副标题也独立存在,英文翻译和时间地点等信息成为一组,没有主办协办方等信息。

如何设计出优秀的文字类海报排版

之前也说过了,存在关联的信息既可以成组也可以分离。所以标题、副标题独立存在没有任何问题,那英文翻译为什么可以和时间地点成组呢?因为,小明的叔叔和爸爸是兄弟关系,小明的爸爸和妈妈是夫妻关系。但是这里我们要注意,即使是互相存在关联的信息也存在着强弱之分。这就是在分组时要注意的第二个要点:

2. 互相存在关联的信息也有强弱之分

如何设计出优秀的文字类海报排版

再看一下原海报,我们也可以发现这个特点,即便是在同一个组内,英文翻译与时间地点之间还是有一定距离的。

如何设计出优秀的文字类海报排版

我们再看这张海报,它的分组方式有点特殊了,设计师将标题副标题、时间地点、主办方等信息分成了一组,英文翻译独立存在。

如何设计出优秀的文字类海报排版

之所以这么分组,依据在于小明的爷爷和奶奶本就是一组的,而小明的爸爸和他们之间是亲子关系,小明与他的爸妈之间也是亲子关系的。所以可以将标题副标题、时间地点、主办协办等信息全部划分在一个组合内,但要注意好关系之间的强弱之分。英文翻译单独出现理由前面已经说过了就不再赘述。

如何设计出优秀的文字类海报排版

最后我们再来看看这张海报,设计师将所有的信息都整合在了一起,这又是什么分法呢?

如何设计出优秀的文字类海报排版

因为他们都是一家人,彼此之间都存在关联性,因此将所有的信息组合在一起也同样是合理的。

如何设计出优秀的文字类海报排版

说完分组的方法后,再来说说组合数量的问题吧。在这一组的海报中,从左至右,文字组的数量逐步递增,随着组合数量的增加版面的编排难度也在增加,组合的数量越多版面的编排难度也就越高,所以大家在分组时千万不要贪多,那会给你的版面规划带来困扰。

如何设计出优秀的文字类海报排版

通过距离我们能判断出,一个版面中到底存在有多少个组合,因为离得越近越有成组的倾向。

值得一提的是组合也有大小之分,一般大组合中都会包含几个小组合。因为,所谓的大组合就是由这些小组合组成的。

如何设计出优秀的文字类海报排版

我们单独来看上面这张海报中的大组合,发现里面包含许多小组合,这些小组合之间也都存在距离,这个距离就是「组间距」。

组间距

组间距的大小由亲密性原则控制,关系越亲密组与组之间的距离也就越小。但这个距离是有个度的,离得近不代表就要挨在一起,离得远也不代表就要彻底拉开。

1. 组间距的大小由亲密性原则控制

为了方便大家理解组间距的设定方式,我们看一下下面这个例子。

如何设计出优秀的文字类海报排版

这个组合它的组间距是怎么设定的?是随意摆弄的吗?肯定不是。设定组间距是有方法的,比如关系较为亲密的信息之间,间隔的距离可以参照小字号文字的字高。

如何设计出优秀的文字类海报排版

在这个组合中小字号的文字有三组,我用蓝色标出。

如何设计出优秀的文字类海报排版

我挑选了这组文字作为参考。因为它的大小适中,用它能避免信息与信息之间发生粘连。而关系较为疏远的信息之间,间隔的距离则可以参照大字号文字的字高。

如何设计出优秀的文字类海报排版

在这个组合中最大的字号就是中文标题了,我选择用它作为参照,那些间隔较大的距离就是这么设定的。

如何设计出优秀的文字类海报排版

仔细看大家能发现,我并没有百分百严丝合缝的去卡字高,因为没有必要这么做,知道一个大致的距离就可以了。如果你就是想严丝合缝的对齐上也没问题。

如何设计出优秀的文字类海报排版

如果出现因信息量较多,导致像上图这样无法设置组间距时该怎么办呢?这个时候我们可以使用「相似原则」或者「闭合原则」来解决这个问题。

相似原则

相似原则,即彼此相似的元素容易被认知为一个整体,如:色彩相似、形状相似等等。

如何设计出优秀的文字类海报排版

如何设计出优秀的文字类海报排版

拿色彩相似来说,运用的方式非常简单就是最基本的换色。通过给文字组换上不同的色彩来进行区分。

如何设计出优秀的文字类海报排版

色彩相似是换色,同理形状相似就是换字体。各个字体的外形都不一样,给文字组换上不同的字体,是可以起到区分作用的。不过,这需要设计师对字体有较深入的研究才能做好。

如何设计出优秀的文字类海报排版

因为不同字体混搭在一起,稍有不慎就会导致版面看起来非常凌乱,字与字之间仿佛在打架非常不和谐。总的来说我更推荐大家使用色彩相似,操作难度低且容易出效果。

闭合原则

如何设计出优秀的文字类海报排版

闭合原则就是通过框选的方式来进行分组的。被框在一起的元素容易被认知成一个整体。

如何设计出优秀的文字类海报排版

比如这张海报,就是通过框选的方式进行分组的。

如何设计出优秀的文字类海报排版

如果不想进行多个框选的话,还可以像这样单纯使用线条来进行分割,同样能起到闭合的效果。

这是为什么呢?格式塔原理大家都不陌生吧,我们在之前的文章中有专门讲过,用格式塔原理中的封闭原则就可以解释这一现象。

如何设计出优秀的文字类海报排版

我们看左边的图形时第一眼感受到的,除了三条线段以外还有一个圆形。因为我们的视觉系统,强烈倾向于看到完整的物体,以至于大脑能将一块空白的区域解析成一个图形。

如何设计出优秀的文字类海报排版

上面这张海报就是一个很好的例子,去除掉文字后我们能明显的感受到,版面被线段裁切成了 5 份,而每一份都是一个独立且封闭的图形。

讲到这大家还记得开篇处那位同学的问题吗:「当文案信息较多时要如何编排,版面看上去才能美观一些」。其实之前讲的所有理论部分,都是给编排部分做铺垫用的。因为只有当确定好版心以及整理完信息后,我们才需考虑要编排问题。另外我还附带了一个内容,那就是图片数量对版式的影响。

为什么要加这个内容呢?因为,我们在编排版面的时候不光要排文字还要排图片,图片数量不同对应的编排方式也有所不同。下面就给大家介绍一下,针对信息量较多图片数量又不同的版面,都有哪些编排的方式。

图文穿插

排法一:图文穿插。信息量多,图片数量在 4 张或是 4 张以上时,我们可以使用图文穿插的手法。

如何设计出优秀的文字类海报排版

它的表现形式就是图片或是图形,与文字信息相互穿插排列。用这种相对活泼的方式可以用来缓解阅读大面积文字时所产生的压力。

 收藏