通过内容我们了解到这是一个个人作品展,所以主体我们可以选择艺术家的作品,当然了,也可以直接将文字做出艺术形式感来,但表现力不如展览作品直观。

在这里我们不妨先看一下官方的海报和艺术家的一些作品。

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

这个是官方的海报,算是比较普通,没啥亮点也没啥大的问题。

下面列举几个艺术家的作品:

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

作品都是非常有特色的,所以可以稍加处理拿来做版面的主体。

了解项目内容之后我们来看一下要修改的同学作品,如下。

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

画面的元素也是用了艺术家的作品,但大小和位置十分的不好,可以说主体的感觉不明显,不够大。除了主体之外,字体、组合、布局也都有问题,接下来我们分别来讲。

字体篇

先来看一下字体方面的问题,首先是字体的选择,他的版面中只有中文字,但是却用了三种风格完全不同的字体。

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

主标题运用的是线性比较随意的字体,这种风格的字其实蛮贴近主题内容的,所以来作为主标题没啥问题,但是放在整个版面中太细了,如果处理不好就会让人感觉无主标题,这一点在他原来的海报中表现的尤为明显。正文展览地点这些选择宋体字形,风格上没问题,但是整体太粗了,正文要较细一点的字体会更舒服。

塞吉布洛克作品展”这组字实际上是二级标题,所以大小应该仅此于主标题,在他的海报中这一文案处理的跟正文差不多大,丧失了二级标题的感觉。

另外字形选择也非常奇怪,一般来说主标题我们可以选择风格差别大的字形,但正文和副标题的字体尽量都选择正式一点的同一风格的字体,如果风格不统一就是让人感觉混乱,难以阅读。

知道问题之后我们便可以对症下药了。

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

这里中文主标题“线条疯了”以及副标题“塞吉布洛克作品展”我用了“筑紫Aオールド明朝”,正文字体用了常规的“筑紫明朝”,他们是同一个字体家族里的,所以风格能够完全匹配。

注意:正文我用了比较细的字重,所以看上去没有那么堵。英文则选择了可以与筑紫系列完美搭配的“Garamond”字体,这样一来字体选择工作就完成了,接下来我们来看一下组合上面的问题。

组合篇

这里的组合主要指字体的组合,也就是说我们要把文字层级关系做好,个别的文字信息还可以用到关键字放大的方式,建立节奏感。

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

拿正文来说,原作品中完全没有组合的观念,所有的信息都是独立存在的,所以感觉比较散。像这种时间地点都属于详细信息,所以可以把他们编为一组,如下

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

像支持机构、主办方这些一般用他们的LOGO表示就完全没有问题。所以组合这一步要求我们把信息分清,该简化的简化,该省略的省略。

除此之外我们还要将关键的信息放大处理,增强节奏感,如下。

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

下面修改之后的将日期和时间重点突出,既增强了阅读性又使整个组合更灵动,设计感更强。将这些信息处理好后我们可以进入布局的环节。

布局篇

布局也就是Layout,也就是给版面中的各个元素安排位置,使他们建立一种良好的阅读逻辑,同时又兼具美观性。首先我们看一下原作品的布局。

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

原作品基本是没有布局的概念的,所有的详细信息全安排到了版面中间,再加上字体、组合上做的非常不好,所有整个版面很廉价,也没有什么节奏感。布局上我们可以选择是否用网格辅助,但就算不用网格依然能够做出非常好的版面,所以对网格不要太迷信了。如果没有审美,就算用了网格也做不出好的版面,所以多提高审美才是王道。

要做好布局首先我们得选择一个非常好的主体,这里我们用艺术家的这张作品来作为主体,如下。

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

主体确定后可以通过改变形状的处理安排到版面的合适位置,这里我将主体变成了不规则的形状,使之在形式上更自由,更贴合主题,如下。

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

布局上我将文字全部用色块来表示,这样做非常有效率,而且能够直观的看出版面的逻辑性。这里我将不同区域的文字用色块来表示,可以非常明显的看出各个区域的功能分区,如下。

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

通过这种方式哪个区域放哪个文字一目了然,当我们确定好布局之后就可以把这些色块替换成文字了,如下。

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

到这里整个版面的布局就完成了,但感觉主标题还差点什么,其实是差感觉,因为现在的主标题还是太常规了,体现不出主题所表达的疯狂的感觉。

在这种情况下我们可以对主标题做一下处理,我这里通过将笔画拆分打乱,营造出了更奔放的感觉,如下。

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

处理好之后我们可以看一下整张海报的效果。

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

因为主体的颜色已经很丰富了,所以字体我们不需要加太多的颜色,稍微加一点点缀色就好,这里我选择了红色作为字的点缀色。因为画面的LOGO中有少量的红色,用红色会与之呼应。

而且红色与主体画面中的蓝色黄色同属于三原色,所以搭配起来也不会有问题。

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

到此这个版面也就修改完成了,亲们学到了嘛?

版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计
版面升级!从字体、组合与布局看版式设计

那么本期文章就到这里了,我们下期再见!

原文地址:大猫设计(公众号)

作者:大猫Addict