您當(dāng)前位置:圖趣網(wǎng)(Tuquu) >> 網(wǎng)頁設(shè)計教程 >> 設(shè)計理論 >> 瀏覽設(shè)計教程

如何設(shè)計一張高品位高水準(zhǔn)的海報?高手的秘訣在這!

VisionMyEye :什么是「高水準(zhǔn)」與「高品位」。水準(zhǔn)取決于設(shè)計師對視覺原理的掌握程度,是看設(shè)計師能否合理地運(yùn)用設(shè)計元素正確傳達(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ù)的愛好點,凡是在愛好中包含A的群體都是此次傳播的目標(biāo)群體。假如設(shè)計師的「水準(zhǔn)」很高,可以正確地傳達(dá)信息,那么從上圖中顯而易見的是,最好的「品位」就是第一列的響應(yīng)于A愛好人群的品位。

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

讓我們再來看一下關(guān)于風(fēng)格和信息的其他一些情況:

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

海報目標(biāo)受眾是對通過DIY活動進(jìn)行社交感愛好的在校門生。怎樣的風(fēng)格能夠吸引那樣的群體呢,現(xiàn)實上我并不知道,這必要與需求方進(jìn)行充分溝通以及對目標(biāo)受眾進(jìn)行調(diào)研后才能找到答案。溝通及調(diào)研在整個設(shè)計過程中占到最緊張的地位,其時間投入每每占用超過整個設(shè)計過程的50%甚至更多。不過這個話題太大了,一個帖子實在講不清楚,臨時不表。姑且先根據(jù)我本身的理解來確定這張海報的風(fēng)格,鑒于大門生的受教育程度和DIY的活動情勢,我預(yù)備采用簡約但不「性冷淡」的北歐風(fēng)格來對海報進(jìn)行設(shè)計。

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

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

視覺傳達(dá)現(xiàn)實上是一個將信息轉(zhuǎn)化為旌旗燈號,通過序言展示給觀眾,再由觀眾解構(gòu)旌旗燈號從而獲得信息的過程。在這個過程當(dāng)中,難免會造成信息的損耗或偏差,而設(shè)計師的重要職責(zé)之一,就是將這個偏差降至最低。

這就是為什么必要先整頓信息,將最緊張的信息首先篩選出來,確保這些信息不會被觀眾所遺漏,并刪除不需要的信息,避免產(chǎn)生誤解。

信息梳理一樣平常必要和需求方進(jìn)行較為深入的溝通才能夠完成,由于對于海報的目的、受眾、結(jié)果預(yù)期,需求方肯定是最清楚的。因為在這里接觸不到需求方,姑且假設(shè)題主原海報的信息整頓是無誤的,那么根據(jù)原海報,其信息可以歸納為以下幾個部分:

  • 五月風(fēng)**文化節(jié),青春的五月,飛揚(yáng)的科大
  • 五月風(fēng),風(fēng)箏DIY
  • 心靈手巧的你,是否想重溫兒時的美好回憶……現(xiàn)場DIY屬于你本身的風(fēng)箏吧
  • 材料悉數(shù)由我們提供
  • 活動時間地點
  • 報名渠道
  • 主理承辦

顯而易見,直接說明活動主題的「五月風(fēng),風(fēng)箏DIY」是最緊張的部分,沒有之一。

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

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

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

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

圖案用來做背景和用來做修飾,其排版體例是很不同的,可以通過下圖感受一下:

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

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

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

因為題主海報的信息重要歸納為5個部分,以下是一些5部分的分割體例,僅供參考,分割體例還有許多,感愛好的可以本身嘗試分割看看。我將使用下圖中的第一種體例來嘗試制作題主的海報。

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

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

字型

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

字號

一樣平常字號越大,內(nèi)容就顯得越緊張。所以主題一樣平常會選用較大的字號。必要細(xì)致的是,對比較不緊張的內(nèi)容,選用的字號也不能過小,應(yīng)盡可能保證內(nèi)容的可讀。

行距與行長

假如在每行筆墨的底部拉一條直線,那么直線與直線之間的距離就是行距。一樣平常行距會控制在字體大小的1.5-2倍,以保證內(nèi)容的可讀。假如行長變長的話,應(yīng)同時考慮增長行距,避免在閱讀時換行帶來的錯誤。

排列

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

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

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

最后從圖案上取色作為筆墨的顏色,在用顏色對比凸起重點的同時,畫面也更同一了。

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

原文地址:zhihu


[教程作者:互聯(lián)網(wǎng)]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請注明出處,素材資料僅供個人學(xué)習(xí)與參考,請勿用于商業(yè)用途!
本文地址:http://pkvc.cn/tutorial/di3852.html
PS CC2018新功能給力來襲,Adobe這次出大招了!
交互設(shè)計中如何求最優(yōu)解?來看這篇超周全的分析!
圖趣網(wǎng)微信
建議反饋
×