【译者的话】无论是哪一种商业设计,其最终目的都是为了帮助客户推销产品,促进销售,否则再漂亮的设计都毫无意义。在本文中,我们通过几个低成本的单页设计案例来探讨一下如何在设计中让信息更有效传达。其中所涉及的一些基本原则适合于任何的设计项目。
一、宣传单页设计要点
通过下面的步骤能让你的宣传单页更有吸引力。
在预算很紧张的情况下你能设计出切实有效的宣传单页吗?当然可以,只要你能让人们的注意力一直集中在你的产品上。
想像你步入一个家具展厅,停留在一件你真得很喜欢的家具旁边,你脑子的第一反应是什么?是它的价格?这家公司还有什么其它产品?还是店的电话号码?
都不是!你只想更进一步的了解这东西是什么质量,对自己合适吗,还有怎么才能得到它。
你在设计宣传单页时就是要做到这一点――展示有吸引力的商品,给顾客一个拥有它的理由,并告诉顾客如何得到它。
原来的宣传单页并不理想。这个店到底在卖什么?户外凉亭还是家具 ? 纷乱的页面只会让读者迷惑。页面上的店铺地址,电话,地图都着意地处理得比较低调,避免喧宾夺主,但却没有很好的突出最核心的东西――产品!
下面我们看看如何让一个简单的宣传单页成为一个得力的推销员。
1 .首先布置场景
如果你把一个宣传单页想象成一台戏,那么纸张就是舞台。和戏剧一样,好的广告的作用就是要让人们的注意力都集中在你的产品上。
因为产品的图片背景是比较暗的,那么宣传单页的背景也处理成黑色与它配合, ok, 舞台已经暗下来了,就等演出开始。当然背景并不一定就是黑色,不过处理成黑色是最容易形成戏剧氛效果的方法。
添加一个很细的边框,可以把它想象成幕布,引导读者的目光到中间的内容。这种线框一定要很细,如果太粗太亮就会分散读者的注意力。
2 把产品推向前台
将你的产品放在页面的显眼位置上,就像你在家后院招呼朋友吃烧烤时,你也会同样将这些台椅放在院子的显眼的地方一样,让每一个客人都看得见摸得着。
产品图片一定要清晰,实物照片是最合适的,一般厂家提供的照片质量都比较高,比如例子中的照片,你可以试着向厂家索取。如果不行,那就请摄影师给产品拍张高质量的照片,这样可能费用比较高,但是请记住:如果顾客不能清楚地打量产品,他们也不会掏钱。
也许有时候你有一种给产品图片增加一些特殊效果的冲动,且慢!在一个产品宣传单中,产品是需要展示的重点,不要自作聪明搞一些倾斜,变形的效果,这样会显得华而不实;也不要把照片弄得太小,以为顾客会拿起放大镜仔细研究一番;更不要像海报一样对图片进行剪裁,顾客只会忽略产品本身,甚至以为你要刻意隐藏什么。
3 加上标题
一旦展示了产品,下面就要加一些文字来更详细的说明产品,介绍一些不是一眼就能看出来的优点和用途。
顾客喜欢体验各种新产品,如果你把顾客想象成非常渴望进一步了解的受众,那你就可以写出好的宣传标题。
想象一下,如果是给好朋友介绍这件产品,你会先介绍哪一方面,要从最激动人心的部分开始。在这个例子里,这些家具看上去是藤条编制的,其实是玻璃钢的,很结实,这就是特点。如果你要推销的是螺丝刀,浴巾这类普通商品,那么就思考一下你的产品什么地方最惹人喜爱,为什么顾客要买它们,然后用文字表述出来。
规则一:短标题更合适。我们平时说话时,如果一个人每说一句话都要用上 20 个以上的词,只会让听的人发疯。顾客可能喜欢你的产品,但是忍受不了你这样唠叨。一样话,百样说,最好找一种最简洁,准确的说法。规则二:不要叫嚷一些华而不实的口号。 强扭的瓜不甜, 喊这些口号不能帮助你卖东西,你会因为某种车宣称自己是代表“新新人类”就去买它吗?不会,你买一辆车是因为它外观漂亮,做工地道,价格适中或是刚好满足你的某种需要。
4、下面加上文字说明
当你撰写你的文字说明的时候,记住:顾客只会在他能找到一些感兴趣的信息时才会读它,所以在你写的时候一定要找到顾客的兴趣点。好好端详一下你的产品,想想哪些信息可以让顾客对它了解更多,还有什么细节可以强调,还可以建议什么好的使用方法,有了这些信息,顾客就更可能拿起电话订购了。
规则三:顾客才是上帝。顾客永远是第一位的,你只能是靠边站。只有顾客掏出钱真的购买你的产品,世界才是美好的,否则一切都变得无意义。你要尊重这一事实,一个好的广告应该能准确反映产品真正的优点,文字不是在为产品百般辩护,而是加强这一事实。如果你认为一个顾客会毫无理由买你的产品,那只是在发白日梦。
选用什么样的字体
1 . Times 字体是不错的选择。这些传统的字体让顾客有一种信赖感,平实的字体更能使产品引人注目。 标题和文字相的字体必须匹配,但是字符间距处理的更紧凑一点。 Times, Century, Garamond, Caslon 这几种字体都是不错的选择。
2 . Bauhaus Heavy 字体。包豪斯风格的装饰字体就不太适合了,这是一种比较粗重的字体,本身的装饰性在整体页面中有点太惹眼,会让读者忽略了产品本身。这类字体用在海报更合适,而不是用在产品广告单页上。
3 . Snell Roundhand 和 Futura Heavy 字体配合。这个选择很不错,优雅的字体风格同时也配合了文字本身的意思, 标题中“Wicher Beautiful ”(漂亮的藤条编织)的字体很秀丽,而“ Fibrglass strong ”(坚硬的钢化玻璃)的字体很粗壮,字体的特点配合了字面的含义。一般如果字体很醒目或是很风格化,这种字体和文字之间的联系就会很明显,记住:我们的目的是突出产品的特性。
5 加上LOGO
最后要打出自己的标识,但是标识形体要小一点,有两个原因:在销售的过程中,商店是最后才被意识到的,记住我们是在卖产品,不是商店本身,同时小的标识也显得更自信。
友情提示: 在设计一个广告或是宣传单页的时候,你要面对的是公众,会有很多普通大众接触到你设计的东西。想象一下你是在给你的朋友介绍这种产品,形容给他听,这样对你设计很有好处,因为你的受众就是他们――你的朋友和邻居。一笔好买卖是双赢的,你应该顺着这个思路来设计你的广告。
如果你暂时还没有一个标志,变通的方法是将你店的名字做成标志,当然要选用和标题比较搭配的字体。这样低调的处理可以在商店和产品之间建立一种隐性的联系,非常适合产品线比较窄的商店,比如珠宝店,花店,服饰店等。
标志可以体现一种不同的风味:它是一个标签,同时暗示这个产品只是商店众多产品中的一种。这样这个宣传单页分为相互关联的四部分――标题,照片,文字,标志,它们相互照应形成一个整体。
如何设计一个文字标志
如果时间很紧,下面有个方法可以很快的设计一个文字标志。
用标准 Helvetica 字体打出商店的名字,看上去 … 嗯 … 一般般啦。
把文字向中间压缩,让字母几乎靠在一起,去掉“ & ”字符两边的空格,加上黑色背景,文字反白处理,看上去像印章的感觉。
将名字改成 American Typewriter 字体,注意这个字体的“ & ”字符很轻松有趣,很符合这家夏季避暑用品商店的风格。
将名字断行,这样看上去更紧凑,可以应用在不同的文字排版布局中,注意这里上下两行的距离很近,配合字符之间距离。
还可利用计算机产生的灰度生成另一种效果,这里文字已经加粗,注意“ & ”字符依然是白色,这样可以产生强烈的对比效果,制造一个视觉上的焦点。
那里可以买的到呦?
路线图也是一个可以利用的资源。在迷宫一样的街区中找到一家店很困难,这时如果有个路线图,顾客会觉得商店很体贴。这个例子里,利用一幅简明的路线图就可以找到这家小店。
上图为原来的路线图:路线图全是线条构成,好像铅笔画的一样。最大的问题是图中的实线,方框还有文字形态上很相似,容易造成混淆,分散读者的注意力。读者要费好大劲,才能从这些乱七八糟的符号里找到哪是商店。拜托,这幅图还不是上北下南的。
修改后的路线图:灰色背景,白色道路看起来更舒服,更容易理解。先让北面朝上,白色道路旁边黑色的是建筑物,这种对比可以很好的传达我们需要的信息――哪里是目的地,怎么过去。较宽的道路表示你要走的路线,道路上的街道名称是大写的,避免了小写字符上下参差不齐,这样街道和名称看起来是一个整体。去掉 Elk Grove 公园的标识,一般情况下,在一个简单路线图上,只需要标出目的地的位置。
二、设计产品展示版面
如果你能恰当的组织你产品的图片,可以使你的版面吸引更多的目光
照片天生就是一个信息传达者――它就像一扇窗,反映了你公司的定位。这也使它区别与标题和一般的图形,通过在一个页面恰当的组织你的图片,你可以让这种功能体现的更充分。
设计师应该是引导者,让读者按照你的思路去阅读。
设计师的任务不是把各种元素象摆花儿那样摆在一起,只是为了很漂亮,而是应该恰当地把要传达的信息组织在一起。在这个例子中,我们把页面里面的东西分成两类,放在两个区域里,颜色浅的上半部分用来排布产品说明,下面较暗的部分来展示产品,这样读者可以抓住重点,分区浏览,不用东看西看找不到北。
图片已经调动起了读者的兴趣,如何趁热打铁传达进一步的信息?这就需要利用图片的注释了,图片注释、标题和图片一起传达一个完整的信息。
上图为修改前的设计:不要让读者的目光无所适从,这个页面效果不好,没有完成传达的目的,为什么?因为读者看的时候还要自己去把支离破碎的信息拼在一起,这个热情有余经验不足的设计师安排页面里的元素就像安排他的单身宿舍,一角放沙发,一角放椅子,茶几放中间,他这么做是因为他只将注意力放在如何安排文字栏及区域,却忘了他的目的是要传达完整的信息。
修改后的设计:就像个琳琅满目的橱窗,同样还是那些照片和文字,不过图片都集中在一起,效果完全不同。
1 设计要侧重于注意力和信息
下面介绍几种方法,可以结合使用也可以单独使用:
将展示产品加上边框
在这里,灰色的背景就是边框,注意背景和上面的文字是对齐的,很多时候加上背景比直接加边框要好,不会显得那么紧张,而且更有对比效果,如果不是有特意强调的不必直接加边框。
不同层次的信息传达
不同的字体、大小、颜色会表达不同的意义。我们可以通过这些区别来将信息进行区隔。为了达到这种效果,同一类信息保持相同的风格,比如图片的注释都用相同的字体、颜色和大小,同时和正文相区别。
运用组合概念
你可以把图片放在一起而把图片注释放在周围,也可以象例子中一样,让图片把注释文字围在中间。
这个文字区域模仿了页里的版面设计,它非常有效地将上方的文字与下方的图片联系起来。
注释的艺术
不论你的主题是什么,当你把照片组织在一起,你就能将读者的注意力放在这个图片区域上。如果考虑到做广告的人花了那么多心思和金钱也只是要吸引人们的注意力,这种效果已经非常不错了,而且并没有增加额外的花费。
人们在观看版面时,往往会首先阅读这些图片注释,然后才阅读正文。对于这些图片注释,简单整齐的布局就已经是最理想的了。
接下来怎么办呢?
你要是想立刻打动读者,让他掏钱,那么图片的注释就是广告中最重要的文字了。这个再怎么强调都不为过。如果图片吸引了读者,那么他接下来肯定会看一下图片的注释 。
最后一击,打动读者
你要让你的文字更丰满,先用标题抓住读者,提出他关心的问题,解决它,指出你产品的优点,吸引他,卖出你的产品,文字要简洁,生动,智慧,如果你的文笔不好,找个专业的来做这事儿。
白色的注释标题在 40% 灰度的背景下已经能够形成醒目的对比。
布局的平衡影响视觉判断
人类潜意识里会追求一种平衡感,这种平衡感的需要会影响我们创造的各种东西,不管有意无意,我们对平衡的感觉都会很微妙的影响我们视觉的判断, 我们潜意识里对平衡的追求决定了我们在观察到的很多事物中都会有意无意地去寻求这种视觉的稳定感。
比如,如果标题过长,使整个版面显得缺乏稳定,我们可以标题分成几行,然后安排在统一的轴线上,来获得比较稳定的感觉。
三、让你的宣传单更易读
一些基本的设计原则可以让你的页面更醒目。
文艺复兴之旅展览: 参观这种展览会总会给人无穷的遐想, 但是如果交给一个比较无趣的设计师去做推广,可能会给人没有什么新意的感觉。所以这种推广设计要更用心。
能用于宣传单设计的图片有会展的标志,还有一些版画,会展的艺术品非常吸引人,你的宣传单也应该同样独具风味。
至少这是你希望达到目的。不过你可能试了很多种页面布局,但是都显得比较呆板,没有生气,虽然有很多漂亮的图片,但是页面没有动感,比较僵硬,到底有什么问题?
主要原因是你没有利用元素大小和轻重的差别。如果能妥善处理这两个方面,你就可以引导读者按照你的意愿浏览页面了。这样不仅让你的设计更漂亮,也可以让你的宣传单更易读,下面我们看看怎么做。
未修改之前,这个布局中规中矩,比较静态。主要问题是没有大小和轻重的对比,虽然图片和标志本身都不错,但是他们基本上都差不多大小,有相同的尺寸,因此缺少一个视觉上的焦点,读者不知道往哪里看。
还可以增加轻重的对比来改善布局,每个设计上的元素都有重量,颜色比较暗或是线条比较粗的图案看上去比较重,用余光瞥一下页面,看看各个部分的轻重的不同。原来的设计中,除了文字,其他的元素重量都差不多,所以造成页面比较乏味。
修改后就好多了,大小和轻重都有了充分的变化和对比,页面比较生动,有活力,下面我们看看是如何做到的。
1 挑选一个主导元素
然后将它放大或加重。记住,要达到君临天下的地位取决于大小和重量两方面,如果只是尺度比较大 , 重量不足还是起不到作用。
为什么要有一个主导元素?图形大小和重量的差别可以引导读者浏览页面的顺序。当我们的目光扫过页面的时候,最先注意到最大,最重的元素,然后是小一点轻一点的,这样按照顺序浏览完整个页面。事实上,我们是通过元素的不同来引导读者的视线。
上图中,艺人形象的图案是主体,图中的数字代表读者浏览的顺序。有经验的设计者会利用这个原理,调整图形的大小来引导读者按照既定的顺序浏览。
在这个例子里,艺人的图案为主体,注意其他的图形是如何按照不同的大小排列来引导读者目光的。
调整其它图像的大小
其他元素都比主题的图像小或是轻一点,很多时候你都需要按照大小设置元素,大中小不同的元素组合在一起,读者的目光会按照你的设计来移动。
2 创造字体上的对比
利用大小,轻重还可以创造标题、文字和图形注释之间的对比,对于标题,我们使用了粗壮的 Compacta 字体与正方优雅的衬线字体( Cochin 字体)形成对比。将标题的字体缩小,否则会与艺人图案形成冲突, 同样道理,注释也采用了一种较粗的非衬线字体。这样标题、正文及注释都形成了对比。
确定你要强调的重点
作为一个设计师,你需要确定要用什么来吸引读者的目光,可以是图片,或是标题,也可能是文字,但是一定要确定到底什么才是你要强调的重点。
上图大图中,标题无疑是处于一个主导的位置。由于其文字非常大,所以采用一种细体就能够产生良好的视觉效果。如果在原来的设计中,标题非常小的话,我们还采用这种细体,则信息就会无法有效传达(上图小图)。
四、加强读者的感受
文字传达信息,图形则表达情感。如何给宣传单页增加一些趣味和变化,同时又照顾到可读性和设计准则呢?
最好的方法就是运用图形,当然首先要了解图形传达信息方式和文字的不同,文字传达具体的信息,而图形更多的是一种感觉,图形的目的是产生某种氛围,而不只是复述文字传达的信息。 图形和文字可以通过很多方式协同工作,记住他们之间是相互联系的,改变其中一个就会影响到另一个。这种互动的关系可以说是非常有趣的,甚至可以产生惊喜。下面介绍四个基本的方法来协同文字和图片。
上图中,这个宣传单页过于直露,反而让人一下子抓不住它的主旨,虽然用了“注意”( attention )一词但却没有引起太多的注意,于是又加入了醒目的黄色背景,但效果又有点过了,我们还是根据它的具体信息来进行设计吧。
修改之后图形和文字整合的很好,还有什么比挂在树上晃来晃去更能传达“休闲”的含义?白色背景也显得舒适休闲,标题采用 Fashion Compressed 及 Myriad Tilt 两种字体,正方是 Garamond Light Condensed 字体。
1、图形和标题字体一样大
你会怎么和同事们说休闲日的事儿,你说:星期五是休闲日, yeah ,这就是你的标题,一个很好的设计起点,然后呢?然后是如何加入一个图形突出你的要点,这里的要点是“休闲”,翻翻你的图片库,找到一张倒挂的小负鼠图片,它是那么的悠然自得,这正是你要传达的。
然后呢?在这个例子中,上面是标题,小动物挂在下面,接下来文字就比较好排布了,注意例子里面文字左边留有较宽的空白区域,最后出来的效果就是:标题传达直接的信息,图形则传达出您的感受。
2 大标题,小图形
下面的处理方式中,标题是设计的重点,图形起陪衬作用。标题字体很大,左对齐,正好最下面单词的右边可以排布下文字,字体大小产生强烈的对比效果。这种设计手法非常简单而且充满乐趣,还可以与很多不同字体配合(见下图)。
上图左一标题是 Fashion Compressed 字体,图左二和左三标题是 Franklin Gothic Condensed ,文字均为 Garamond Book Condensed 字体。
3 大图形,小标题
这个例子里图形是老大,图形传达的信息不像文字那么直接,不过更令人玩味。不论是倒挂的小动物还是讲座都不是直接联系到“休闲日”的主题,但是又有某种联系,记住,图形的作用是创造一种感觉和氛围。例子中的图形很拙朴,配合简洁朴素文字,居中或是左右对齐都可以,同时注意留白。如果你是个新手,可以暂时不必用纵向的辅助线对齐,看着大致差不多就行了,如果你图形工具比较熟练,运用辅助线可以使设计更专业。
4 图形和文字混排
不同的标题会产生不同的效果,原来标题是“为救助中西部水灾灾民的抽奖活动”,换了以后是“抽中就得两张洛基队的棒球比赛门票”,焦点从别人转移到了参与者自己,这样一下子就抓住了他们的注意力,同时醒目的字体也给人兴奋的感觉。现在我们已经吊足了他们的胃口,你可以继续你的推销,比如这里还有价廉物美的烤制食品。如果文字中有你要强调的重要信息,那最好加粗这些词语,吸引读者的注意,同时加上一些小插图作为调剂。例子中的插图主要就是为了强调我们推销的主题,正好对应“一美元的门票”和“便宜烤制食品”的含义,统一的图形风格效果很好。
上图为修改前的设计
修改后的设计,改变标题的诉求信息。