如何設(shè)計一張高品位高水準(zhǔn)海報? (下)

資訊頻道 - 設(shè)計技 來源:中國設(shè)計在線 作者:cdo 2015-12-03

本文根據(jù)知乎網(wǎng)友回答整理而成,本文即有理論,也有實(shí)踐,最終告訴你怎么來設(shè)計一個有品味有逼格的海報。本文分上下兩文。

上部為海報設(shè)計理論,下部為海報設(shè)計實(shí)操。

本文為下部

首先以《五月風(fēng)》海報設(shè)計為例

先祭出設(shè)計四大基本原則:重復(fù),對比,親密,對齊。

01/

重復(fù)

 

 

 

重復(fù)指的是,設(shè)計中的視覺要素在整個作品中重復(fù)出現(xiàn)。

可不是說放幾個一樣的小方塊就是重復(fù)了哦,仔細(xì)看上圖,顏色重復(fù)出現(xiàn),高度、寬度重復(fù)出現(xiàn),元素間距重復(fù)出現(xiàn),可以預(yù)見的是,如果我們在最后再加一個小方塊,一定還是同樣的顏色、高度、寬度、間距,如果不是為了突出,我們不會引入新的元素。
應(yīng)用上來說就是,如果我要加一行字,第一反應(yīng)是,用之前用過的顏色和字體,如果沒有確鑿的理由,就堅決不出現(xiàn)新的要素。這是設(shè)計的克制,也是初學(xué)者最最先要學(xué)會的一件事!

來我們根據(jù)這個原則,對題主的海報進(jìn)行第一次手術(shù),手術(shù)的奧義是——重復(fù)。


完全按照題主的意圖和內(nèi)容,將文字提了出來,字體全部用微軟雅黑(新手用這個字體沒錯就是啦),大小和位置也沒有改,只是扔掉了花花綠綠的視覺元素(字體樣式、大小、行間距),按照重復(fù)的原則進(jìn)行整頓。

什么,一點(diǎn)都不高大上?都說了這是科學(xué)!要一步一步來!

02/

對比

對比指的是,避免頁面元素的太過相似,如果元素不相同,那就請深深的不相同。 

有重復(fù)就一定有對比,重復(fù)是基調(diào),對比就是焦點(diǎn)。重復(fù)一定要精確,對比一定要大膽。

對比可以有多種方式產(chǎn)生。大字體與小字體,oldstyle與sanserif,粗線條與細(xì)線條,冷色與暖色,平滑與粗糙,長寬與高窄,小明與大明(咦?).....等等。

正所謂密不透風(fēng),疏可跑馬,放手去搞不要逃,不強(qiáng)烈的對比寧可不要。 


好吧其實(shí)題主原本的對比已經(jīng)很明顯了(我指字號),我稍微調(diào)整一下,再配張小圖,形成圖與文的對比。(圖是百度來的,百度圖片現(xiàn)在很好用噠,還有推薦的是昵圖網(wǎng)和站酷網(wǎng),設(shè)計師標(biāo)配,不過切記要注意版權(quán)問題~)

是不是看著很亂,找來找去找不到想要的信息累覺不愛?不急,下一步。

03/

親密

親密性指的是,物理位置的接近意味著內(nèi)容的關(guān)聯(lián),所以要將相關(guān)的項目組織在一起。

新手的設(shè)計總是元素四散,雜亂無章,看似是他們不懂留白的奧義,但實(shí)際上是不懂親密。相關(guān)內(nèi)容得到有效組織,空間自然會空出來,就像知乎的Club感覺會場都是人,但要是讓他們按照大小個以男左女右前后相隔一臂左右相隔一拳原則立正看齊排排站,我保證還能塞進(jìn)500人(......我在說什么)。

標(biāo)題要對應(yīng)相關(guān)文本,圖片要響應(yīng)對應(yīng)內(nèi)容,大小層次,尊卑有序,親密,保證了內(nèi)容傳達(dá)的有效性。

 

稍微有點(diǎn)樣子了吧~?再來本階段最后一步。稍微有點(diǎn)樣子了吧~?再來本階段最后一步。

04/

對齊

對齊指的是,任何元素都不能在頁面上隨意安放,每一項都應(yīng)當(dāng)與頁面上的某個內(nèi)容存在某種視覺聯(lián)系。對齊指的是,任何元素都不能在頁面上隨意安放,每一項都應(yīng)當(dāng)與頁面上的某個內(nèi)容存在某種視覺聯(lián)系。
對齊是地心引力,一根參考線立在那里,就要求所以被選中的元素死死的貼在上面,不允許有一像素的叛離。
同一根參考線意味著某種聯(lián)系,將依附于它的元素建立起親密以外的秩序。

由于對齊原則在以上的示范中其實(shí)無處不在,我已經(jīng)默默遵循了(不對其會死晚期),就不再單獨(dú)示范啦。需要強(qiáng)調(diào)的是,在物理位置相聚太遠(yuǎn)的情況中,要熟練運(yùn)用輔助元素將不同的對齊聯(lián)系起來。比如:

 

右邊利用輔助線,將上半部分的左對齊與下半部分的右對齊聯(lián)系起來,使得畫面穩(wěn)定,內(nèi)容具有連續(xù)性。

 

到現(xiàn)在為止,我們利用設(shè)計四項基本原則對答主的海報進(jìn)行了初步的處理,使其基本達(dá)到【及格】標(biāo)準(zhǔn)。

學(xué);顒印冻壯菡f家》海報設(shè)計過程

這次學(xué)校的活動,名叫《超級演說家》,前期需要兩類海報,一類是預(yù)熱的,一類是稍微詳細(xì)的介紹的(注意:只是稍微詳細(xì),時間地點(diǎn)而已)。下面我們分別說說。

第一類,預(yù)熱,既然是預(yù)熱,那么就要有傳播性話題性,這樣才熱的起來,而且之后還有稍微詳細(xì)的活動介紹海報,所以預(yù)海報是的發(fā)揮余地非常大。

初步,我們要造一個大新聞,所以我們用紅色為主色;要有神秘感有形式感,所以信息不要給太多并且放在底部(時間,和口號(口號是:等你發(fā)聲))。但是信息放底部會不太顯眼,加之整面的紅色會沒有重心,所以在底部加一條黑色用于放置文字(字體很重要我們稍后說)信息和提供重心。不過即使這樣了,這接近于整面的紅,還會是讓人在觀感上很不舒服,因此我們再來一加個灰色的框子,這樣還起到了讓海報整體看上去修長一些的效果(答主學(xué)校的海報展板比例比較普通A4紙還要寬不少)。

綜上,我們得到了這樣一張圖:

 

發(fā)聲,發(fā)聲你想到了什么,我想到了沉默,沉默你想到了什么,我想到魯迅。不在沉默中爆發(fā),就在沉默中滅亡。OK,就這么來,先去網(wǎng)上找素材,我們要的是簡潔大氣有逼格,所以不要太多顏色,最好就是圖片上已經(jīng)有的顏色,紅色是背景灰色是邊框白色是文字,好了沒得選,就黑色。黑色,第一想到的便是木刻板畫風(fēng)格比如這樣:

但是這張圖里的魯迅的身體沒多少,不是我想要的效果,要大半身照才行,大家可以想想,這么大個帶肩大頭照放在底部的黑色區(qū)域之上(上部區(qū)域我們要寫字)是非常不協(xié)調(diào)的,找了一會兒,也沒找到合適的,那自己做吧。先找一張合適的大半身像,PS摳圖后用高斯模糊+閾值,AI用圖像臨摹+路徑查找器來摳圖。——可以做出板畫效果

效果是這樣的:

處理前

處理后:

下面我們來看看文字“不在沉默中爆發(fā),就在沉默中滅亡”,字如果用作大標(biāo)題,還是多了些,一排字太小,兩排字,字倒是可以大些,但兩排大字則會讓海報沒有透氣感,很擠,所以我們豎著來放,結(jié)合剛做的木刻風(fēng)效果如下:

到了這一步,其實(shí)要求不高就已經(jīng)可用,但是我們把要求放高一些,你會不會覺得“不在”滅亡“這些字顯得有些平淡(如果不用這樣的字體會更加明顯),海報整體內(nèi)容沒有主次之分,也就是所謂視覺重點(diǎn)。既然是預(yù)熱,其他信息不重要話題,和深入人心是重點(diǎn),那么我希望海報的重點(diǎn)將是”不在“滅亡”這幾個字,所以我調(diào)整了每個字的字號不同,使其看起來錯落有致,根據(jù)內(nèi)容的不同,這里把”沉默“”爆發(fā)“做的最大。最后再加上魯老的簡單介紹(真的是非常非常簡單),以示尊重,海報就完成了

演講嘛,或許還容易想起一個人,馬丁.路德.金,那我們用以上方法再做一張他的如何。然后按以上步驟你做出來可能是這樣的:

這!特!么!是!什!么!鬼!

問題在哪?當(dāng)然在我沒講好啊!

首先顏色。光紅色就有紅色有洋紅,大紅,粉紅,中國紅,美國紅,泰國紅巴基斯坦紅等等等等,那么多的紅不是說這個好,那個不好,而是說顏色要用對地方,既然是演說,要熱情要勇敢之類的特質(zhì),并且我們想抓住眼球,那么我們的選擇就該是大紅或者說正紅,當(dāng)然,在明度和飽和度上往回調(diào)那么一點(diǎn),觀感就會不過于的刺激而顯得低端。邊框的灰色也是,太深了不但起不到當(dāng)時所預(yù)想的效果,還把畫面弄的死氣沉沉。

接下來,是構(gòu)圖,看看第一張,是不是基本軸對稱?對新手來說,軸對稱是最穩(wěn)妥的做法。然后是下面黑色部分的大小,起初我們設(shè)置這里是因為“整面的紅色會沒有重心,所以在底部加一條黑色用于放置文字信息和提供重心!爆F(xiàn)在這樣重心是提供了,但也太特么沉了吧。這條黑色影響到的還有字,字再放大就搶了主要信息的風(fēng)頭,大小正好,可周圍空那么多,是準(zhǔn)備讓大字生小字來填滿?你要往海報里放的每一個部分都是有用的,必不可少的,別老想著往里面加?xùn)|西,同時每一樣必不可少的東西也還需要良好的各司其職,這樣才能收獲好的效果。

最后是文字部分。首先字體,字體是有氣質(zhì)的,就和不同的顏色會傳遞不同的心情一樣,比如“等你發(fā)聲”這幾個字,既不能搶主題的風(fēng)頭(不能太花哨),也要符合整張海報的氣質(zhì)(復(fù)古的,文化的),所以這里選用了XXX宋體(自己用盜版字體已經(jīng)很可恥,再這里教更多人用盜版更可恥,所以給XXX了,即使這樣依然表示抱歉,也想過給學(xué)校要資金買字體,但學(xué)校肯定不會批。所以,再次抱歉)。上面的幾個大字,之所以用毛筆字體,是想體現(xiàn)出動態(tài)和力量,且我用的那套毛筆字(是一日文字體,用繁體也是這個原因,制作非常用心,細(xì)節(jié)豐富,國內(nèi)的毛筆字體也許是我接觸的少,現(xiàn)在還沒看到那么滿意的)體放大后依然細(xì)節(jié)豐富,十分適合用在海報這種需要比較大的字的地方?傊,字體選用十分重要,可以影響到整張海報給人的感覺。依然是大字,之前豎拍版是因為字多,而現(xiàn)在則并非那么必要了。

做完以上調(diào)整我們再來看看此張海報:

是不是順眼多了?

下面我在放上一張,為了同一個活動,和我一起工作的哥們 袁大頭做的海報,也是非常的簡單,可是傳達(dá)的意思,卻是十分有趣味性的。(據(jù)知友提示,這張圖是仿制的日本一海報)

依然:有一個好的想法,合適的圖片,軸對稱構(gòu)圖,合適的字體選用。
誰都知道這花不了多少時間,可優(yōu)秀就是優(yōu)秀。

然后三天過去,預(yù)熱的差不多,怎么報名有什么獎品也該公布,于是就該發(fā)布下面的海報,借用了國王的演講,其余的就是字體的選擇大小和排列之類的東西,上面都有說到,還沒有全部調(diào)整好,大家將就看著

聲明:站內(nèi)網(wǎng)友所發(fā)表的所有內(nèi)容及言論僅代表其本人,并不反映任何網(wǎng)站意見及觀點(diǎn)。

全部評論

暫無相關(guān)推薦