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

上圖中的AC,BC,AD,BD,BE指的是不同的五個群體的興趣(或需求)所在。AC的興趣在A與C,BC的興趣在B與C,以此類推。藍(lán)色的漏斗是相應(yīng)于興趣的風(fēng)格,紅色的漏斗是傳達(dá)的信息。部分群體先是通過風(fēng)格漏斗受到吸引,同時其他的群體被風(fēng)格漏斗篩掉,不會多看海報一眼(比如關(guān)注雞蛋是否特價的我的外婆,經(jīng)過MUJI的廣告不會被吸引,但是卻對樂購的傳單興趣濃厚)。之后由風(fēng)格漏斗歸攏的群體在觀看海報獲取信息后,確定是否真的感興趣,這是一個順序不可逆的二次篩選過程。
那么在上圖中,我假設(shè)A是滿足本次產(chǎn)品或服務(wù)的興趣點(diǎn),凡是在興趣中包含A的群體都是此次傳播的目標(biāo)群體。如果設(shè)計師的「水準(zhǔn)」很高,可以準(zhǔn)確地傳達(dá)信息,那么從上圖中顯而易見的是,最好的「品位」就是第一列的相應(yīng)于A興趣人群的品位。
所以,在設(shè)計的時候,其風(fēng)格是否能夠準(zhǔn)確符合目標(biāo)受眾的品位才是最重要的,低于或是高于目標(biāo)受眾的品位都不是可取的做法,那樣只會造成效果的流失,像上圖中的第三列,風(fēng)格漏斗B雖然歸攏了更多的人群,但是在經(jīng)過信息漏斗A后卻全被篩掉了。
讓我們再來看一下關(guān)于風(fēng)格和信息的其他一些情況:

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

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

在確定風(fēng)格后,就到了「水準(zhǔn)」的部分了。想要通過設(shè)計準(zhǔn)確傳達(dá)信息,首先要先學(xué)會整理信息。
視覺傳達(dá)實(shí)際上是一個將信息轉(zhuǎn)化為信號,通過媒介展示給觀眾,再由觀眾解構(gòu)信號從而獲得信息的過程。在這個過程當(dāng)中,難免會造成信息的損耗或誤差,而設(shè)計師的主要職責(zé)之一,就是將這個誤差降至最低。

這就是為什么需要先整理信息,將最重要的信息首先篩選出來,確保這些信息不會被觀眾所遺漏,并刪除不必要的信息,避免產(chǎn)生誤解。
信息梳理一般需要和需求方進(jìn)行較為深入的溝通才能夠完成,因?yàn)閷τ诤蟮哪康摹⑹鼙姟⑿ЧA(yù)期,需求方一定是最清楚的。由于在這里接觸不到需求方,姑且假設(shè)題主原海報的信息整理是無誤的,那么根據(jù)原海報,其信息可以歸納為以下幾個部分:
- 五月風(fēng)**文化節(jié),青春的五月,飛揚(yáng)的科大
- 五月風(fēng),風(fēng)箏DIY
- 心靈手巧的你,是否想重溫兒時的美好回憶……現(xiàn)場DIY屬于你自己的風(fēng)箏吧
- 材料全部由我們提供
- 活動時間地點(diǎn)
- 報名渠道
- 主辦承辦
顯而易見,直接說明活動主題的「五月風(fēng),風(fēng)箏DIY」是最重要的部分,沒有之一。

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

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

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

在梳理完信息之后,一般來說就要開始考慮如何基于人的視覺習(xí)慣來進(jìn)行排版了,但我建議先根據(jù)信息找圖案,然后再根據(jù)圖案的特性考慮文字排版。
圖案用來做背景和用來做修飾,其排版方式是很不同的,可以通過下圖感受一下:

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

右上角這部分,因?yàn)樗c主題相符,顏色也較為活潑,比較符合北歐風(fēng)格。還有就是因?yàn)楸尘氨容^簡單,風(fēng)箏圖案本身比較容易提取出來進(jìn)行排版。
然后根據(jù)信息優(yōu)先級及目光走向考慮整體結(jié)構(gòu),分割畫面,畫面分割的方式多種多樣,在網(wǎng)絡(luò)上也可以找到不少參考,重要的是找到適合清晰傳達(dá)本次海報信息的分割方式。
由于題主海報的信息主要?dú)w納為5個部分,以下是一些5部分的分割方式,僅供參考,分割方式還有很多,感興趣的可以自己嘗試分割看看。我將使用下圖中的第一種方式來嘗試制作題主的海報。

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

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

字號
一般字號越大,內(nèi)容就顯得越重要。所以主題一般會選用較大的字號。需要注意的是,對比較不重要的內(nèi)容,選用的字號也不能過小,應(yīng)盡可能保證內(nèi)容的可讀。
行距與行長
如果在每行文字的底部拉一條直線,那么直線與直線之間的距離就是行距。一般行距會控制在字體大小的1.5-2倍,以保證內(nèi)容的可讀。如果行長變長的話,應(yīng)同時考慮增加行距,避免在閱讀時換行帶來的錯誤。

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

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

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

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

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

「學(xué)技巧!平面設(shè)計好文合集」
- 《豪斯先生平面課堂!淺聊平面設(shè)計的留白技巧》
- 《豪斯先生平面課堂!背景與主體之如何讓背景突顯主體?》
- 《豪斯先生平面課堂!照片和圖形在設(shè)計中的區(qū)別與應(yīng)用》
- 《豪斯先生平面課堂!聊聊對比技法中常用的八大知識點(diǎn)》
- 《高手的平面課堂!聊聊圖文疊加的四種常用技法》
- 《高手的平面課堂!7個方法幫你從攝影照片中吸取設(shè)計靈感(附實(shí)戰(zhàn))》
- 《高手小課堂!5個設(shè)計思路幫你搞懂平面設(shè)計的思維流程》
- 《高手來了!8個簡單有效的方法幫你提升設(shè)計檔次》
原文地址: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è)計愛好者也準(zhǔn)備了貼心的知識樹專欄。開啟免費(fèi)自學(xué)新篇章,按照我們的專欄一步步學(xué)習(xí),一定可以迅速上手并制作出酷炫的視覺效果。
設(shè)計導(dǎo)航:國內(nèi)人氣最高的設(shè)計網(wǎng)址導(dǎo)航,設(shè)計師必備:http://hao.uisdc.com
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。




發(fā)評論!每天贏獎品
點(diǎn)擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機(jī)派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設(shè)計師平臺,提供獎品贊助 聯(lián)系我們
MJ+SD智能設(shè)計
已累計誕生 772 位幸運(yùn)星
發(fā)表評論 為下方 4 條評論點(diǎn)贊,解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓