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

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

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

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

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

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

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

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

海報(bào)目標(biāo)受眾是對(duì)通過(guò)DIY活動(dòng)進(jìn)行社交感愛(ài)好的在校門(mén)生。怎樣的風(fēng)格能夠吸引那樣的群體呢，現(xiàn)實(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í)在講不清楚，臨時(shí)不表。姑且先根據(jù)我本身的理解來(lái)確定這張海報(bào)的風(fēng)格，鑒于大門(mén)生的受教育程度和DIY的活動(dòng)情勢(shì)，我預(yù)備采用簡(jiǎn)約但不「性冷淡」的北歐風(fēng)格來(lái)對(duì)海報(bào)進(jìn)行設(shè)計(jì)。

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

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

視覺(jué)傳達(dá)現(xiàn)實(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)行較為深入的溝通才能夠完成，由于對(duì)于海報(bào)的目的、受眾、結(jié)果預(yù)期，需求方肯定是最清楚的。因?yàn)樵谶@里接觸不到需求方，姑且假設(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)箏吧
• 材料悉數(shù)由我們提供
• 活動(dòng)時(shí)間地點(diǎn)
• 報(bào)名渠道
• 主理承辦

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

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

在確定其現(xiàn)實(shí)內(nèi)容后，觀眾就能比較清楚地曉暢本身是否真的對(duì)該活動(dòng)感愛(ài)好。不感愛(ài)好的觀眾會(huì)自行走開(kāi)，而感愛(ài)好的觀眾會(huì)停頓。接下來(lái)必要的就是參加活動(dòng)相干的一些現(xiàn)實(shí)信息了，比如時(shí)間、地點(diǎn)、價(jià)格等信息，以核算參加活動(dòng)的成本。所以，「材料悉數(shù)由我們提供」、「活動(dòng)時(shí)間地點(diǎn)」和「報(bào)名渠道」可以作為同級(jí)信息行止理。

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

在梳理完信息之后，一樣平常來(lái)說(shuō)就要開(kāi)始考慮如何基于人的視覺(jué)風(fēng)俗來(lái)進(jìn)行排版了，但我建議先根據(jù)信息找圖案，然后再根據(jù)圖案的特征考慮筆墨排版。

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

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

右上角這部分，由于他與主題符合，顏色也較為活潑，比較吻合北歐風(fēng)格。還有就是由于背景比較簡(jiǎn)單，風(fēng)箏圖案自己比較容易提掏出來(lái)進(jìn)行排版。

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

因?yàn)轭}主海報(bào)的信息重要?dú)w納為5個(gè)部分，以下是一些5部分的分割體例，僅供參考，分割體例還有許多，感愛(ài)好的可以本身嘗試分割看看。我將使用下圖中的第一種體例來(lái)嘗試制作題主的海報(bào)。

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

然后就該詳細(xì)考量筆墨了，這部分在排版中比較緊張。

字型

除非是為孩子或是為特別的內(nèi)容設(shè)計(jì)，否則請(qǐng)盡量避免使用藝術(shù)字體。要使用適當(dāng)?shù)乃囆g(shù)字體相稱難，而最常見(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ì)的可用。我這次預(yù)備只用思源黑體來(lái)進(jìn)行題主海報(bào)的設(shè)計(jì)。（下圖為一些可免費(fèi)商用的宋體）

字號(hào)

一樣平常字號(hào)越大，內(nèi)容就顯得越緊張。所以主題一樣平常會(huì)選用較大的字號(hào)。必要細(xì)致的是，對(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í)考慮增長(zhǎng)行距，避免在閱讀時(shí)換行帶來(lái)的錯(cuò)誤。

排列

盡量讓筆墨的對(duì)齊體例看上去顯明。人在閱讀時(shí)風(fēng)俗性地盼望理解網(wǎng)頁(yè)排版的規(guī)則，以明確內(nèi)容的優(yōu)先級(jí)及閱讀體例。同時(shí)，這也將使畫(huà)面團(tuán)體看起來(lái)更和諧。

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

我用紅線注解了對(duì)齊的體例，藍(lán)線注解了視覺(jué)指導(dǎo)方向，照舊老話，這不是唯一的做法。

最后從圖案上取色作為筆墨的顏色，在用顏色對(duì)比凸起重點(diǎn)的同時(shí)，畫(huà)面也更同一了。

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

原文地址：zhihu