如何設(shè)計(jì)一張高品位高水準(zhǔn)的海報(bào)？高手的秘訣在這！

VisionMyEye ：什么是「高水準(zhǔn)」與「高品位」。水準(zhǔn)取決于設(shè)計(jì)師對(duì)視覺(jué)原理的掌握程度，是看設(shè)計(jì)師能否合理地運(yùn)用設(shè)計(jì)元素準(zhǔn)確傳達(dá)信息。而品位則取決于每個(gè)不同的群體，喜歡簡(jiǎn)約設(shè)計(jì)的文藝青年與喜歡高檔皮具的商務(wù)人士或是喜歡亞文化的滑板青年，他們的審美情趣往往是不同的，然而卻很難去評(píng)價(jià)它們孰高孰低。而退一步來(lái)說(shuō)，哪怕品位是分高低的，那么是否更高品位的設(shè)計(jì)就一定是更好的呢？

不妨先來(lái)看一張圖：

上圖中的AC，BC，AD，BD，BE指的是不同的五個(gè)群體的興趣（或需求）所在。AC的興趣在A與C，BC的興趣在B與C，以此類推。藍(lán)色的漏斗是相應(yīng)于興趣的風(fēng)格，紅色的漏斗是傳達(dá)的信息。部分群體先是通過(guò)風(fēng)格漏斗受到吸引，同時(shí)其他的群體被風(fēng)格漏斗篩掉，不會(huì)多看海報(bào)一眼（比如關(guān)注雞蛋是否特價(jià)的我的外婆，經(jīng)過(guò)MUJI的廣告不會(huì)被吸引，但是卻對(duì)樂(lè)購(gòu)的傳單興趣濃厚）。之后由風(fēng)格漏斗歸攏的群體在觀看海報(bào)獲取信息后，確定是否真的感興趣，這是一個(gè)順序不可逆的二次篩選過(guò)程。

那么在上圖中，我假設(shè)A是滿足本次產(chǎn)品或服務(wù)的興趣點(diǎn)，凡是在興趣中包含A的群體都是此次傳播的目標(biāo)群體。如果設(shè)計(jì)師的「水準(zhǔn)」很高，可以準(zhǔn)確地傳達(dá)信息，那么從上圖中顯而易見(jiàn)的是，最好的「品位」就是第一列的相應(yīng)于A興趣人群的品位。

所以，在設(shè)計(jì)的時(shí)候，其風(fēng)格是否能夠準(zhǔn)確符合目標(biāo)受眾的品位才是最重要的，低于或是高于目標(biāo)受眾的品位都不是可取的做法，那樣只會(huì)造成效果的流失，像上圖中的第三列，風(fēng)格漏斗B雖然歸攏了更多的人群，但是在經(jīng)過(guò)信息漏斗A后卻全被篩掉了。

讓我們?cè)賮?lái)看一下關(guān)于風(fēng)格和信息的其他一些情況：

和前一張圖的原理類似，在平面視覺(jué)傳達(dá)的過(guò)程當(dāng)中，準(zhǔn)確傳達(dá)信息也同等重要。所以設(shè)計(jì)師的職責(zé)，就是通過(guò)準(zhǔn)確的「品位」吸引特定群體的注意，之后通過(guò)「水準(zhǔn)」準(zhǔn)確傳達(dá)信息。

海報(bào)目標(biāo)受眾是對(duì)通過(guò)DIY活動(dòng)進(jìn)行社交感興趣的在校學(xué)生。怎樣的風(fēng)格能夠吸引那樣的群體呢，實(shí)際上我并不知道，這需要與需求方進(jìn)行充分溝通以及對(duì)目標(biāo)受眾進(jìn)行調(diào)研后才能找到答案。溝通及調(diào)研在整個(gè)設(shè)計(jì)過(guò)程中占到最重要的地位，其時(shí)間投入往往占用超過(guò)整個(gè)設(shè)計(jì)過(guò)程的50%甚至更多。不過(guò)這個(gè)話題太大了，一個(gè)帖子實(shí)在講不清楚，暫且不表。姑且先根據(jù)我自己的理解來(lái)確定這張海報(bào)的風(fēng)格，鑒于大學(xué)生的受教育程度和DIY的活動(dòng)形式，我準(zhǔn)備采用簡(jiǎn)約但不「性冷淡」的北歐風(fēng)格來(lái)對(duì)海報(bào)進(jìn)行設(shè)計(jì)。

下圖讓大家先感受一下北歐風(fēng)大概是什么樣的：

在確定風(fēng)格后，就到了「水準(zhǔn)」的部分了。想要通過(guò)設(shè)計(jì)準(zhǔn)確傳達(dá)信息，首先要先學(xué)會(huì)整理信息。

視覺(jué)傳達(dá)實(shí)際上是一個(gè)將信息轉(zhuǎn)化為信號(hào)，通過(guò)媒介展示給觀眾，再由觀眾解構(gòu)信號(hào)從而獲得信息的過(guò)程。在這個(gè)過(guò)程當(dāng)中，難免會(huì)造成信息的損耗或誤差，而設(shè)計(jì)師的主要職責(zé)之一，就是將這個(gè)誤差降至最低。

這就是為什么需要先整理信息，將最重要的信息首先篩選出來(lái)，確保這些信息不會(huì)被觀眾所遺漏，并刪除不必要的信息，避免產(chǎn)生誤解。

信息梳理一般需要和需求方進(jìn)行較為深入的溝通才能夠完成，因?yàn)閷?duì)于海報(bào)的目的、受眾、效果預(yù)期，需求方一定是最清楚的。由于在這里接觸不到需求方，姑且假設(shè)題主原海報(bào)的信息整理是無(wú)誤的，那么根據(jù)原海報(bào)，其信息可以歸納為以下幾個(gè)部分：

• 五月風(fēng)**文化節(jié)，青春的五月，飛揚(yáng)的科大
• 五月風(fēng)，風(fēng)箏DIY
• 心靈手巧的你，是否想重溫兒時(shí)的美好回憶……現(xiàn)場(chǎng)DIY屬于你自己的風(fēng)箏吧
• 材料全部由我們提供
• 活動(dòng)時(shí)間地點(diǎn)
• 報(bào)名渠道
• 主辦承辦

顯而易見(jiàn)，直接說(shuō)明活動(dòng)主題的「五月風(fēng)，風(fēng)箏DIY」是最重要的部分，沒(méi)有之一。

接下來(lái)，當(dāng)觀眾受到標(biāo)題吸引之后，會(huì)想要看到什么？這時(shí)候觀眾會(huì)有的反應(yīng)實(shí)際上和我們的祖先感受到危險(xiǎn)或者尋找食物時(shí)的反應(yīng)是一樣的，那就是確認(rèn)細(xì)節(jié)。當(dāng)我們的祖先看到運(yùn)動(dòng)的事物時(shí)會(huì)感知到危險(xiǎn)，定睛一看如果是獅子就開(kāi)跑，如果是風(fēng)吹動(dòng)的樹(shù)葉那就沒(méi)事兒了。主題的信息有限，觀眾在看到主題后也只能夠大概感覺(jué)自己是否有興趣，這時(shí)候就需要更具體的信息來(lái)進(jìn)行確認(rèn)，確認(rèn)實(shí)際情況是否和他們感覺(jué)到的一樣。所以這時(shí)應(yīng)該將觀眾的視線從主題引導(dǎo)至相關(guān)的簡(jiǎn)介「心靈手巧的你，是否想重溫兒時(shí)的美好回憶……現(xiàn)場(chǎng)DIY屬于你自己的風(fēng)箏吧」。

在確定其實(shí)際內(nèi)容后，觀眾就能比較清楚地明白自己是否真的對(duì)該活動(dòng)感興趣。不感興趣的觀眾會(huì)自行走開(kāi)，而感興趣的觀眾會(huì)停留。接下來(lái)需要的就是參加活動(dòng)相關(guān)的一些實(shí)際信息了，比如時(shí)間、地點(diǎn)、價(jià)格等信息，以核算參加活動(dòng)的成本。所以，「材料全部由我們提供」、「活動(dòng)時(shí)間地點(diǎn)」和「報(bào)名渠道」可以作為同級(jí)信息去處理。

最后剩下的「五月風(fēng)**文化節(jié)，青春的五月，飛揚(yáng)的科大」與「主辦承辦」，在我看來(lái)，都是最次要的信息。

在梳理完信息之后，一般來(lái)說(shuō)就要開(kāi)始考慮如何基于人的視覺(jué)習(xí)慣來(lái)進(jìn)行排版了，但我建議先根據(jù)信息找圖案，然后再根據(jù)圖案的特性考慮文字排版。

圖案用來(lái)做背景和用來(lái)做修飾，其排版方式是很不同的，可以通過(guò)下圖感受一下：

結(jié)合采用的風(fēng)格與活動(dòng)內(nèi)容，找到的是下面這張圖。

右上角這部分，因?yàn)樗c主題相符，顏色也較為活潑，比較符合北歐風(fēng)格。還有就是因?yàn)楸尘氨容^簡(jiǎn)單，風(fēng)箏圖案本身比較容易提取出來(lái)進(jìn)行排版。

然后根據(jù)信息優(yōu)先級(jí)及目光走向考慮整體結(jié)構(gòu)，分割畫面，畫面分割的方式多種多樣，在網(wǎng)絡(luò)上也可以找到不少參考，重要的是找到適合清晰傳達(dá)本次海報(bào)信息的分割方式。

由于題主海報(bào)的信息主要?dú)w納為5個(gè)部分，以下是一些5部分的分割方式，僅供參考，分割方式還有很多，感興趣的可以自己嘗試分割看看。我將使用下圖中的第一種方式來(lái)嘗試制作題主的海報(bào)。

接下來(lái)，將信息根據(jù)畫面分割及目光走向排入其中，排法其實(shí)也不只一種，我的排法并不是唯一的可行的排法，只要能夠結(jié)合信息優(yōu)先級(jí)來(lái)排入內(nèi)容，大家也可以嘗試一些其他的方式。

然后就該具體考量文字了，這部分在排版中比較重要。

字型

除非是為孩子或是為特殊的內(nèi)容設(shè)計(jì)，否則請(qǐng)盡量避免使用藝術(shù)字體。要使用適當(dāng)?shù)乃囆g(shù)字體相當(dāng)難，而最常見(jiàn)的對(duì)于藝術(shù)字體的不當(dāng)使用常常會(huì)使設(shè)計(jì)顯得幼稚且缺乏質(zhì)感。我覺(jué)得對(duì)于新手來(lái)說(shuō)，無(wú)襯線的思源黑體（Adobe與Google共同引導(dǎo)開(kāi)發(fā)的免費(fèi)字族，支持多種語(yǔ)言包括簡(jiǎn)體中文，多字重）與襯線體中的宋體（很多宋體都可免費(fèi)商用）基本上可以滿足絕大部分需求了，至少可以保證設(shè)計(jì)的可用。我這次準(zhǔn)備只用思源黑體來(lái)進(jìn)行題主海報(bào)的設(shè)計(jì)。（下圖為一些可免費(fèi)商用的宋體）

字號(hào)

一般字號(hào)越大，內(nèi)容就顯得越重要。所以主題一般會(huì)選用較大的字號(hào)。需要注意的是，對(duì)比較不重要的內(nèi)容，選用的字號(hào)也不能過(guò)小，應(yīng)盡可能保證內(nèi)容的可讀。

行距與行長(zhǎng)

如果在每行文字的底部拉一條直線，那么直線與直線之間的距離就是行距。一般行距會(huì)控制在字體大小的1.5-2倍，以保證內(nèi)容的可讀。如果行長(zhǎng)變長(zhǎng)的話，應(yīng)同時(shí)考慮增加行距，避免在閱讀時(shí)換行帶來(lái)的錯(cuò)誤。

排列

盡量讓文字的對(duì)齊方式看上去明顯。人在閱讀時(shí)習(xí)慣性地希望理解頁(yè)面排版的規(guī)則，以明確內(nèi)容的優(yōu)先級(jí)及閱讀方式。同時(shí)，這也將使畫面整體看起來(lái)更協(xié)調(diào)。

那么根據(jù)上面說(shuō)到的原則，進(jìn)行完字體調(diào)整后，就是下圖這樣的了：

我用紅線表明了對(duì)齊的方式，藍(lán)線表明了視覺(jué)引導(dǎo)方向，還是老話，這不是唯一的做法。

最后從圖案上取色作為文字的顏色，在用顏色對(duì)比突出重點(diǎn)的同時(shí)，畫面也更統(tǒng)一了。

最后再看一下前后對(duì)比吧，兩張海報(bào)使用的信息是完全相同的，甚至連Logo都沒(méi)有改（雖然我覺(jué)得這個(gè)Logo也應(yīng)該重新設(shè)計(jì)一下了）。在整理了風(fēng)格、信息優(yōu)先級(jí)后，再應(yīng)用了一些簡(jiǎn)單的設(shè)計(jì)方法，確定圖案——分割畫面——排入信息——選擇字型——調(diào)整字號(hào)——調(diào)整文字排列——調(diào)整文字顏色，是不是就很不一樣了呢？

「學(xué)技巧！平面設(shè)計(jì)好文合集」

• 《豪斯先生平面課堂！淺聊平面設(shè)計(jì)的留白技巧》
• 《豪斯先生平面課堂！背景與主體之如何讓背景突顯主體？》
• 《豪斯先生平面課堂！照片和圖形在設(shè)計(jì)中的區(qū)別與應(yīng)用》
• 《豪斯先生平面課堂！聊聊對(duì)比技法中常用的八大知識(shí)點(diǎn)》
• 《高手的平面課堂！聊聊圖文疊加的四種常用技法》
• 《高手的平面課堂！7個(gè)方法幫你從攝影照片中吸取設(shè)計(jì)靈感（附實(shí)戰(zhàn)）》
• 《高手小課堂！5個(gè)設(shè)計(jì)思路幫你搞懂平面設(shè)計(jì)的思維流程》
• 《高手來(lái)了！8個(gè)簡(jiǎn)單有效的方法幫你提升設(shè)計(jì)檔次》

原文地址：zhihu

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：yuan@uisdc.com】

================明星欄目推薦================

優(yōu)優(yōu)教程網(wǎng)： UiiiUiii.com?是優(yōu)設(shè)旗下優(yōu)質(zhì)中文教程網(wǎng)站，分享了大量PS、AE、AI、C4D等中文教程，為零基礎(chǔ)設(shè)計(jì)愛(ài)好者也準(zhǔn)備了貼心的知識(shí)樹(shù)專欄。開(kāi)啟免費(fèi)自學(xué)新篇章，按照我們的專欄一步步學(xué)習(xí)，一定可以迅速上手并制作出酷炫的視覺(jué)效果。

設(shè)計(jì)導(dǎo)航：國(guó)內(nèi)人氣最高的設(shè)計(jì)網(wǎng)址導(dǎo)航，設(shè)計(jì)師必備：http://hao.uisdc.com