研习设订阅号

设计干货 * 杜绝注水

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

海报是具有宣传性的招来顾客性的张贴物。在日常很多地方我们都能看到它的踪影。也因为海报具有宣传性,所以海报的种类和面对的行业都非常广泛。而不同类型的海报有不同的侧重点。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

以上每一个侧重点展开都是一个非常大的知识体系,而我们今天主要还是来讲讲如何编排、规划信息。

所以接下来会通过做海报的过程,从分析文案开始到最后的细节调整,一步步地跟大家讲讲如何做好一张信息量满满的海报。希望你在观看的过程,多注意:“在多种多样的信息情况下,我们怎么让信息传达得更清晰明了”。让我们先看看这次海报中所需的文案。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

千万不要一看到这么多信息,就慌了,该做的事情都是不变的。当我们拿到文案,应该先通读一遍,可以知道海报的主题是798艺术中心的近期的所有展览。接下来我们需要划分信息的种类,这样才能确定哪些信息需要组合,哪些信息需要变化。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

上面的是具体到每个展览的信息。因为都是同类信息,所以它们每个区块是相似的。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

但是每个展览信息的内部又有不同的信息,需要对它们作区分。而从阅读者的角度,会希望时间信息也能被快速捕捉。所以时间信息也可以作为新的区分点。当然,别忘了还有一组关于798艺术中心的信息。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

在分析完文案后,让我们来大致给海报风格定个位。总的来说,这张海报它更偏向阅读性海报,需要保持阅读性。所以在表现形式上,不必追求过于强烈的形式感。不过,毕竟是艺术展览,海报需要保留一定的设计感。最终的定位就如上图所示了。

设计开头难?因为你的工作方法有问题!-哇拍

这一次我打算给大家演示3种不同的方向。当然,万事开头难,我会尽可能地更为详细地讲解第一种编排思路。现在我们分析好了文案、确定了海报的大致风格定位,接下来就要实际开始制作了,第一步便是确定版心和分栏。

设计开头难?因为你的工作方法有问题!-哇拍

海报尺寸我们这里默认做常规的竖版海报。海报的版心推荐左右居中或者完全居中,这两种方式更为常见,也是视觉更为舒适的选择。而这次,我的选择是完全居中的版心。之后,我们再来看看这个海报分多少栏比较合适。

设计开头难?因为你的工作方法有问题!-哇拍

通常来说,如果文案中有组合文字的话,可以根据组合文字的数量来确定分栏。而这次文案中明显可见有六个展览信息。所以可以尝试分三栏。

接下来就需要考虑如何编排海报信息了。现在,我们已经了解了大致的信息体量,综合前面的分析就可以画一个大致的版式草图,找到初步的方向。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

我在纸上画出一些方案,目的在于对信息的位置有一个大致的预期安排,而最后这个方案我觉得可行性比较高,所以选择根据这个方向来制作。

不过,草图中的标题,我为了三段,但是这次的海报标题长度,并不能支撑起这样的设置——字数不够。难道要前功尽弃了吗?不着急,这时候我们可以采用「关键信息提取法」。

设计开头难?因为你的工作方法有问题!-哇拍

时间信息、地点信息、重要事件、关键人物这四类关键信息是在各种文案中都会出现的身影,通常至少会出现其中的一种,我们就可以提取进行放大处理。

设计开头难?因为你的工作方法有问题!-哇拍

而这次文案中,因为展览众多,有大量的时间信息,提取任意一个都不太合适。而作为近期展览的归总,我们可以提取这些展览的开始到最后一个展览结束的时间,这样标题部分的文字就安排好了。

设计开头难?因为你的工作方法有问题!-哇拍

标题确定好以后,按照计划,版面上方用来放置图片,版面下方则用来放置文字信息组合。文字组的编排是这次的重点,所以我们接下来,就从这里继续。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

再回看这些展览信息组合,不难发现,其实六组的信息基本一致。所以只要编排好其中的一组,就可以确定大致的版面效果,最终版面效果没问题,再把其他的组合的文字替换过来就可以了。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

首先,原本组合中,上方段落文本的行长太长,导致下方整体的负空间太大,显得不美观,那么只要缩短这里的行长就能解决这个问题了。现在,文字组没有什么重点,过于平淡,我们可以选择放大展览名称「刘刚——共有秩序」。

当然,字号不是随意放大缩小的,这里我选择使用以「等差数列」为变化基础的倍率系统来进行不同层级间字号的变化基础。

设计开头难?因为你的工作方法有问题!-哇拍

这次我选以1.5的差值为变化的数列来选择字号,为了让数值之间的对比大一些,可以隔几个数值选择。这里我选择9pt和18pt。

设计开头难?因为你的工作方法有问题!-哇拍

将展览名称设置为18pt,字重变粗;展览介绍的段落文本设置为9pt,字重为常规字重。接着我们来设置下方的其他文字。

设计开头难?因为你的工作方法有问题!-哇拍

设计开头难?因为你的工作方法有问题!-哇拍

下方首选放大展览的日期并加粗,具体字号为30pt,距离之前展览名称的18pt相差8个1.5,大小符合之前定下的倍率系统,另外单独加粗一下上方的开馆时间。然后调整一下组合内部文字小组之间的距离,更显秩序感。

这样,感觉单组处理的差不多了,先简单复制几份出来代替其他的展览文字组合,看看整体效果如何。

设计开头难?因为你的工作方法有问题!-哇拍

组合后会发现一个问题,上方组合的展览时间与下方组合的展览名称距离有些近,导致在阅读的时候可能会看错。

设计开头难?因为你的工作方法有问题!-哇拍

将时间信息转移到单个组合的上方,我们就可以解决这个容易看错的问题。并且将时间信息调成灰色,进行一个弱化处理,以此来保证下方展览的名称依然比较突出。

设计开头难?因为你的工作方法有问题!-哇拍

让我们把这些文字组放置到版面中,并放大缩小到合适的大小,大概就是这样的效果。不过,我们还需要进一步精细化地处理,这时候就可以用上中文专用的版面网格了。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

根据前面的信息,设置字号9pt、字数34个、栏数为3、行数为98的版面网格。这样无论是版面网格还是横向的模块网格都能够完美地卡在一起,互不冲突。然后,把原本做好的文字组放大对应的位置。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

根据版面网格的规则,让我们进一步优化组合的对齐细节,将它们完美地卡在对应的网格中。

设计开头难?因为你的工作方法有问题!-哇拍

剩下的只需要替换其他展览信息,这个文字组的编排就完成了。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

别忘了再根据横向的模块网格,来调整文字组整体在版面中的位置。

设计开头难?因为你的工作方法有问题!-哇拍

接着,把前面编排好的大元素同样置入到版面中相应地位置。到这里主要的文字信息就全部安排完毕了,还剩下图片与一些次要信息。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

图片比例不统一,所以摆放需要能有错落感,各个图片间的距离也不要相差太大。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

别忘了在版面的角落里把余下的798艺术中心相关信息安置进去,同样要注意与版面网格相对齐。到这里,海报已经接近完成了。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

最后,我们给版面添加一些色彩,增强海报的完成度,标题的亮色添加也让版面不那么过于平淡。另外,还有一些细节的调整,这里就不多说了。那么第一个案例我们就制作完成了。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

刚刚的海报信息是竖向编排,那么这一次我们能不能调整成横向呢?

设计开头难?因为你的工作方法有问题!-哇拍

还记得刚刚的海报用的网格吗,这次以同样的网格作为参考。

设计开头难?因为你的工作方法有问题!-哇拍

根据网格将三组信息分别安置在相应的位置,算是大功告成了?不着急,还是多复制几份模拟一下组合起来的效果,再下结论也不迟。

设计开头难?因为你的工作方法有问题!-哇拍

不难发现。时间信息和展览名称这两个重点都放在左侧,而它们的字号大小比较接近,导致左侧的信息重点不够突出。我们需要找到更好的解决方式。

设计开头难?因为你的工作方法有问题!-哇拍

尝试在安排信息时,把重点分开。但是,这会造成三组文字的高度相差较大。这样的落差可能会让文字组整体的高度过高。所以,要想办法减少这个落差。

设计开头难?因为你的工作方法有问题!-哇拍

比如,展览名称前的人名和补充信息里有重复,可以删减掉。当没有删减的空间时,我们就需要考虑重新规划字号大小了。因为主要矛盾就是集中在左边和中间部分的文字,所以右边的段落文本保持原设置。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

同样还是根据之前的以1.5为差值的等差数列倍率系统来找到合适的字号大小。调整好字号以后,我还顺手将文本的灰度调整至更加匀称的状态,否则原来的文字组中标题太重而时间信息太轻,现在整体视觉上会舒服很多。

设计开头难?因为你的工作方法有问题!-哇拍

再通过调整距离让小组与小组之间更加紧凑,左边空缺的位置可以添加标号,并且通过挤压让它更有形式感。

设计开头难?因为你的工作方法有问题!-哇拍

做好了这一组的设置,其他五组的文字就是简单的复制了,这样,关于这部分的文字就完成了。

设计开头难?因为你的工作方法有问题!-哇拍

同样还是在上方加入图片。而这一次的大标题和总时间就放在比较平衡的对角线的位置。

设计开头难?因为你的工作方法有问题!-哇拍

最后,在添加底色的同时改变一些文字的颜色,让部分信息更加突出的同时,也让画面更丰富。这样,第二个思路的海报案例就完成了。

设计开头难?因为你的工作方法有问题!-哇拍设计开头难?因为你的工作方法有问题!-哇拍

前面说过,文案里同内容的组合,最好根据组合的数量来分栏。当然,不按照这个来分也是可以的,只不过并不会像前者那样容易处理,需要处理好文字组合数量和栏的关系。

设计开头难?因为你的工作方法有问题!-哇拍

比如说,我想让原本的文字组更紧密一些,所以分为四栏。但是现在文字组只有六个,规则地排怎么排也不太好看。

设计开头难?因为你的工作方法有问题!-哇拍

那么,这次我索性就尝试一下不规则的排法,让文字组之间彼此错落开。这样,我们就摆脱了栏的束缚了,也许是一个可行的思路,文字组的位置试探先告一段落。

设计开头难?因为你的工作方法有问题!-哇拍

毕竟,我们还是需要先来确定版面的骨架。这里选择的是用的文字搭建骨架,居中对齐是为了用最简单的方式达成版面的平衡。

设计开头难?因为你的工作方法有问题!-哇拍

骨架搭建完成,再来就需要尝试摆放图片和文字的位置。这种形式的编排技巧,就是需要让文字与图片在版面里错落开、疏密均匀。别忘了,还得加上二维码等信息。

设计开头难?因为你的工作方法有问题!-哇拍

但是现在版面有一个问题,因为错落的信息,有可能让我们没办法将信息与图片准确地对应。就比如说这张图片不知道对应的是哪个信息。

设计开头难?因为你的工作方法有问题!-哇拍

解决这个问题的方法有很多,比如只要加上大数字吸引注意力,配合显示方向的小三角,就能把图片与信息串联起来。

设计开头难?因为你的工作方法有问题!-哇拍

最后再调整文字的颜色让标题突出出来,这样我们第三个案例也完成了。

设计开头难?因为你的工作方法有问题!-哇拍

相信你应该也发现了,当你做完第一款海报后,后两款海报也就变得易如反掌。这是因为,网格系统在其中发挥了巨大的作用。利用网格系统,我们能轻松的梳理出版式中的层级关系与编排逻辑,因此在确定好文字的关系后,我们只需变换元素的位置,就能轻松得到不同的版面。

而本篇教程中涉及的,有关字号倍率、文本灰度调整、版面网格、模块网格等内容,对于画面的最终呈现也发挥了极其重要的作用。以上知识点,你都能在我们的年度大课《网格系统全攻略》中系统的学习。这套课程从网格的起源讲起,通过深入浅出的讲解,带你全方位的学习网格系统,从而达到让你能又快又好做设计的最终目的。

那么,今天的文章到这里就结束了,希望对你有所帮助。在今天研讨群中,我还将讲解除海报外的其他平面物料的设计窍门,我们下午不见不散,拜拜。

本文原创,未经作者允许不可转载!

更多内容,欢迎关注作者微信公众号:研习设!