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

Homepage recommendation
136天前Publish
50035
|
101
|
1481
海报是具有宣传性的招来顾客性的张贴物。在日常很多地方我们都能看到它的踪影。

undefined





在工作中,你是不是常被领导说“作品太平,重点不够突出”。或被甲方要求“这个地方,放大它的同时缩小它”?那么除了埋头乱改,你是否思考过这个问题背后的逻辑呢?你是否想过,当你面对新项目时,第一步应该做什么?是找参考,还是想创意?

都不是!你要做的,应该是整理项目中的信息、梳理其中的主次关系,并采取合理的方式将它们美观又正确地传递出去。下面我们就以海报为例,带你盘一盘设计的基本逻辑。






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





undefined

undefined



undefined

undefined





undefined

undefined




undefined

undefined


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

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





undefined


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






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





undefined


undefined


undefined


undefined



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








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






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






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






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

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






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

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






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






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






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








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





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

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






这次选以1.5的差值为变化的数列来选择字号,为了让数值之间的对比大一些,

可以隔几个数值选择。这里我们选择9pt和18pt。






将展览名称设置为18pt,字重变粗;

展览介绍的段落文本设置为9pt,字重为常规字重。

接着我们来设置下方的其他文字。






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

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






组合后会发现一个问题,上方组合的展览时间与下方组合的展览名称距离有些近,

导致在阅读的时候可能会看错。






将时间信息转移到单个组合的上方,我们就可以解决这个容易看错的问题。

并且将时间信息调成灰色,进行一个弱化处理,以此来保证下方展览的名称依然比较突出。






让我们把这些文字组放置到版面中,并放大缩小到合适的大小,大概就是这样的效果。

不过,我们还需要进一步精细化地处理,这时候就可以用上中文专用的版面网格了。







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







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






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







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






接着,把前面编排好的大元素同样置入到版面中相应地位置。

到这里主要的文字信息就全部安排完毕了,还剩下图片与一些次要信息。







undefined



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







别忘了在版面的角落里把余下的798艺术中心相关信息安置进去,

同样要注意与版面网格相对齐。到这里,海报已经接近完成了。







最后,我们给版面添加一些色彩,增强海报的完成度,标题的亮色添加也让版面不那么过于平淡。

另外,还有一些细节的调整,这里就不多说了。那么第一个案例我们就制作完成了。








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






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






根据网格将三组信息分别安置在相应的位置,算是大功告成了?

不着急,还是多复制几份模拟一下组合起来的效果,再下结论也不迟。






不难发现。时间信息和展览名称这两个重点都放在左侧,而它们的字号大小比较接近,

导致左侧的信息重点不够突出。我们需要找到更好的解决方式。






尝试在安排信息时,把重点分开。但是,这会造成三组文字的高度相差较大。

这样的落差可能会让文字组整体的高度过高。所以,要想办法减少这个落差。






比如,展览名称前的人名和补充信息里有重复,可以删减掉。

当没有删减的空间时,我们就需要考虑重新规划字号大小了。

因为主要矛盾就是集中在左边和中间部分的文字,所以右边的段落文本保持原设置。








同样还是根据之前的以1.5为差值的等差数列倍率系统来找到合适的字号大小。

调整好字号以后,将文本的灰度调整至更加匀称的状态,

否则原来的文字组中标题太重而时间信息太轻,现在整体视觉上会舒服很多。






再通过调整距离让小组与小组之间更加紧凑,左边空缺的位置可以添加标号,

并且通过挤压让它更有形式感。






做好了这一组的设置,其他五组的文字就是简单的复制了,

这样,关于这部分的文字就完成了。






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






最后,在添加底色的同时改变一些文字的颜色,

让部分信息更加突出的同时,也让画面更丰富。

这样,第二个思路的海报案例就完成了。








前面说过,文案里同内容的组合,最好根据组合的数量来分栏。

当然,不按照这个来分也是可以的,只不过并不会像前者那样容易处理,

需要处理好文字组合数量和栏的关系。





比如说,想让原本的文字组更紧密一些,所以分为四栏。

但是现在文字组只有六个,规则地排怎么排也不太好看。






那么,这次索性就尝试一下不规则的排法,让文字组之间彼此错落开。

这样,我们就摆脱了栏的束缚了,也许是一个可行的思路,

文字组的位置试探先告一段落。






毕竟,我们还是需要先来确定版面的骨架。这里选择的是用的文字搭建骨架,

居中对齐是为了用最简单的方式达成版面的平衡。






骨架搭建完成,再来就需要尝试摆放图片和文字的位置。

这种形式的编排技巧,就是需要让文字与图片在版面里错落开、疏密均匀。

别忘了,还得加上二维码等信息。






但是现在版面有一个问题,因为错落的信息,有可能让我们没办法将信息与图片准确地对应。

就比如说这张图片不知道对应的是哪个信息。






解决这个问题的方法有很多,比如只要加上大数字吸引注意力,

配合显示方向的小三角,就能把图片与信息串联起来。






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






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

而本篇教程中涉及的,有关字号倍率、文本灰度调整、版面网格、模块网格等内容,对于画面的最终呈现也发挥了极其重要的作用。那么今天的文章到这里就结束了,希望对你有所帮助,我们下期再见!





undefined

1481
Statement: all the content and comments made by netizens in ZCOOL only represent themselves, and do not reflect any opinions and opinions of ZCOOL.
Report
Share
Collect
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
All Comments0
丹东 | 教育工作者
收录收藏夹
更多收录此文章的收藏夹