最美UI

如何设计一张高品位高水准的海报?

VisionMyEye :什么是「高水准」与「高品位」。水准取决于设计师对视觉原理的掌握程度,是看设计师能否合理地运用设计元素准确传达信息。而品位则取决于每个不同的群体,喜欢简约设计的文艺青年与喜欢高档皮具的商务人士或是喜欢亚文化的滑板青年,他们的审美情趣往往是不同的,然而却很难去评价它们孰高孰低。而退一步来说,哪怕品位是分高低的,那么是否更高品位的设计就一定是更好的呢?

不妨先来看一张图:

上图中的AC,BC,AD,BD,BE指的是不同的五个群体的兴趣(或需求)所在。AC的兴趣在A与C,BC的兴趣在B与C,以此类推。蓝色的漏斗是相应于兴趣的风格,红色的漏斗是传达的信息。部分群体先是通过风格漏斗受到吸引,同时其他的群体被风格漏斗筛掉,不会多看海报一眼(比如关注鸡蛋是否特价的我的外婆,经过MUJI的广告不会被吸引,但是却对乐购的传单兴趣浓厚)。之后由风格漏斗归拢的群体在观看海报获取信息后,确定是否真的感兴趣,这是一个顺序不可逆的二次筛选过程。

那么在上图中,我假设A是满足本次产品或服务的兴趣点,凡是在兴趣中包含A的群体都是此次传播的目标群体。如果设计师的「水准」很高,可以准确地传达信息,那么从上图中显而易见的是,最好的「品位」就是第一列的相应于A兴趣人群的品位。

所以,在设计的时候,其风格是否能够准确符合目标受众的品位才是最重要的,低于或是高于目标受众的品位都不是可取的做法,那样只会造成效果的流失,像上图中的第三列,风格漏斗B虽然归拢了更多的人群,但是在经过信息漏斗A后却全被筛掉了。

让我们再来看一下关于风格和信息的其他一些情况:

和前一张图的原理类似,在平面视觉传达的过程当中,准确传达信息也同等重要。所以设计师的职责,就是通过准确的「品位」吸引特定群体的注意,之后通过「水准」准确传达信息。

海报目标受众是对通过DIY活动进行社交感兴趣的在校学生。怎样的风格能够吸引那样的群体呢,实际上我并不知道,这需要与需求方进行充分沟通以及对目标受众进行调研后才能找到答案。沟通及调研在整个设计过程中占到最重要的地位,其时间投入往往占用超过整个设计过程的50%甚至更多。不过这个话题太大了,一个帖子实在讲不清楚,暂且不表。姑且先根据我自己的理解来确定这张海报的风格,鉴于大学生的受教育程度和DIY的活动形式,我准备采用简约但不「性冷淡」的北欧风格来对海报进行设计。

下图让大家先感受一下北欧风大概是什么样的:

在确定风格后,就到了「水准」的部分了。想要通过设计准确传达信息,首先要先学会整理信息。

视觉传达实际上是一个将信息转化为信号,通过媒介展示给观众,再由观众解构信号从而获得信息的过程。在这个过程当中,难免会造成信息的损耗或误差,而设计师的主要职责之一,就是将这个误差降至最低。

这就是为什么需要先整理信息,将最重要的信息首先筛选出来,确保这些信息不会被观众所遗漏,并删除不必要的信息,避免产生误解。

信息梳理一般需要和需求方进行较为深入的沟通才能够完成,因为对于海报的目的、受众、效果预期,需求方一定是最清楚的。由于在这里接触不到需求方,姑且假设题主原海报的信息整理是无误的,那么根据原海报,其信息可以归纳为以下几个部分:

五月风**文化节,青春的五月,飞扬的科大

五月风,风筝DIY

心灵手巧的你,是否想重温儿时的美好回忆……现场DIY属于你自己的风筝吧

材料全部由我们提供

活动时间地点

报名渠道

主办承办

显而易见,直接说明活动主题的「五月风,风筝DIY」是最重要的部分,没有之一。

接下来,当观众受到标题吸引之后,会想要看到什么?这时候观众会有的反应实际上和我们的祖先感受到危险或者寻找食物时的反应是一样的,那就是确认细节。当我们的祖先看到运动的事物时会感知到危险,定睛一看如果是狮子就开跑,如果是风吹动的树叶那就没事儿了。主题的信息有限,观众在看到主题后也只能够大概感觉自己是否有兴趣,这时候就需要更具体的信息来进行确认,确认实际情况是否和他们感觉到的一样。所以这时应该将观众的视线从主题引导至相关的简介「心灵手巧的你,是否想重温儿时的美好回忆……现场DIY属于你自己的风筝吧」。

在确定其实际内容后,观众就能比较清楚地明白自己是否真的对该活动感兴趣。不感兴趣的观众会自行走开,而感兴趣的观众会停留。接下来需要的就是参加活动相关的一些实际信息了,比如时间、地点、价格等信息,以核算参加活动的成本。所以,「材料全部由我们提供」、「活动时间地点」和「报名渠道」可以作为同级信息去处理。

最后剩下的「五月风**文化节,青春的五月,飞扬的科大」与「主办承办」,在我看来,都是最次要的信息。

在梳理完信息之后,一般来说就要开始考虑如何基于人的视觉习惯来进行排版了,但我建议先根据信息找图案,然后再根据图案的特性考虑文字排版。

图案用来做背景和用来做修饰,其排版方式是很不同的,可以通过下图感受一下:

结合采用的风格与活动内容,找到的是下面这张图。

右上角这部分,因为他与主题相符,颜色也较为活泼,比较符合北欧风格。还有就是因为背景比较简单,风筝图案本身比较容易提取出来进行排版。

然后根据信息优先级及目光走向考虑整体结构,分割画面,画面分割的方式多种多样,在网络上也可以找到不少参考,重要的是找到适合清晰传达本次海报信息的分割方式。

由于题主海报的信息主要归纳为5个部分,以下是一些5部分的分割方式,仅供参考,分割方式还有很多,感兴趣的可以自己尝试分割看看。我将使用下图中的第一种方式来尝试制作题主的海报。

接下来,将信息根据画面分割及目光走向排入其中,排法其实也不只一种,我的排法并不是唯一的可行的排法,只要能够结合信息优先级来排入内容,大家也可以尝试一些其他的方式。

然后就该具体考量文字了,这部分在排版中比较重要。

字型

除非是为孩子或是为特殊的内容设计,否则请尽量避免使用艺术字体。要使用适当的艺术字体相当难,而最常见的对于艺术字体的不当使用常常会使设计显得幼稚且缺乏质感。我觉得对于新手来说,无衬线的思源黑体(Adobe与Google共同引导开发的免费字族,支持多种语言包括简体中文,多字重)与衬线体中的宋体(很多宋体都可免费商用)基本上可以满足绝大部分需求了,至少可以保证设计的可用。我这次准备只用思源黑体来进行题主海报的设计。(下图为一些可免费商用的宋体)

字号

一般字号越大,内容就显得越重要。所以主题一般会选用较大的字号。需要注意的是,对比较不重要的内容,选用的字号也不能过小,应尽可能保证内容的可读。

行距与行长

如果在每行文字的底部拉一条直线,那么直线与直线之间的距离就是行距。一般行距会控制在字体大小的1.5-2倍,以保证内容的可读。如果行长变长的话,应同时考虑增加行距,避免在阅读时换行带来的错误。

排列

尽量让文字的对齐方式看上去明显。人在阅读时习惯性地希望理解页面排版的规则,以明确内容的优先级及阅读方式。同时,这也将使画面整体看起来更协调。

那么根据上面说到的原则,进行完字体调整后,就是下图这样的了:

我用红线表明了对齐的方式,蓝线表明了视觉引导方向,还是老话,这不是唯一的做法。

最后从图案上取色作为文字的颜色,在用颜色对比突出重点的同时,画面也更统一了。

最后再看一下前后对比吧,两张海报使用的信息是完全相同的,甚至连Logo都没有改(虽然我觉得这个Logo也应该重新设计一下了)。在整理了风格、信息优先级后,再应用了一些简单的设计方法,确定图案——分割画面——排入信息——选择字型——调整字号——调整文字排列——调整文字颜色,是不是就很不一样了呢?

原文地址:zhihu

微信公众号微信公众号:zuimeiui

扫一扫 关注公众号

0

[ 最美特色栏目推荐 ]
设计导航:全球顶尖设计网站推荐,设计师必备导航! → 猛戳这里
设计欣赏:收集海量精选APP截图,让你设计灵感小宇宙大爆发!! → 猛戳这里
APP图标:精选APP图标,看看各大app图标的设计风格提升设计感! → 猛戳这里
最美UI(zuimeiui.com)每天发布高质量的设计教程和分享设计经验,帮助喜欢UI设计的初学同学快速转型,我们给大家提供更多免费学习ui的机会,想成为设计师的你赶快加入吧!
【原创文章 投稿邮箱:tougao@zuimeiui.com | 期待您的投稿!】

上一篇
平面设计高手宝贵经验:如何自学平面设计?
下一篇
揭秘LOGO辅助线的奥秘