設(shè)計(jì)一個(gè)有品味有逼格的海報(bào)。本文分上下兩文。 本文根據(jù)知乎網(wǎng)友回答整理而成,本文即有理論,也有實(shí)踐,最終告訴你怎么來(lái)
上部為海報(bào)設(shè)計(jì)理論,下部為海報(bào)設(shè)計(jì)實(shí)操。
本文為下部
首先以《五月風(fēng)》海報(bào)設(shè)計(jì)為例
先祭出設(shè)計(jì)四大基本原則:重復(fù),對(duì)比,親密,對(duì)齊。
01/
重復(fù)
重復(fù)指的是,設(shè)計(jì)中的視覺(jué)要素在整個(gè)作品中重復(fù)出現(xiàn)。
可不是說(shuō)放幾個(gè)一樣的小方塊就是重復(fù)了哦,仔細(xì)看上圖,顏色重復(fù)出現(xiàn),高度、寬度重復(fù)出現(xiàn),元素間距重復(fù)出現(xiàn),可以預(yù)見(jiàn)的是,如果我們?cè)谧詈笤偌右粋(gè)小方塊,一定還是同樣的顏色、高度、寬度、間距,如果不是為了突出,我們不會(huì)引入新的元素。
應(yīng)用上來(lái)說(shuō)就是,如果我要加一行字,第一反應(yīng)是,用之前用過(guò)的顏色和字體,如果沒(méi)有確鑿的理由,就堅(jiān)決不出現(xiàn)新的要素。這是設(shè)計(jì)的克制,也是初學(xué)者最最先要學(xué)會(huì)的一件事!
來(lái)我們根據(jù)這個(gè)原則,對(duì)題主的海報(bào)進(jìn)行第一次手術(shù),手術(shù)的奧義是——重復(fù)。
完全按照題主的意圖和內(nèi)容,將文字提了出來(lái),字體全部用微軟雅黑(新手用這個(gè)字體沒(méi)錯(cuò)就是啦),大小和位置也沒(méi)有改,只是扔掉了花花綠綠的視覺(jué)元素(字體樣式、大小、行間距),按照重復(fù)的原則進(jìn)行整頓。
什么,一點(diǎn)都不高大上?都說(shuō)了這是科學(xué)!要一步一步來(lái)!
02/
對(duì)比
對(duì)比指的是,避免頁(yè)面元素的太過(guò)相似,如果元素不相同,那就請(qǐng)深深的不相同。
有重復(fù)就一定有對(duì)比,重復(fù)是基調(diào),對(duì)比就是焦點(diǎn)。重復(fù)一定要精確,對(duì)比一定要大膽。
對(duì)比可以有多種方式產(chǎn)生。大字體與小字體,oldstyle與sanserif,粗線條與細(xì)線條,冷色與暖色,平滑與粗糙,長(zhǎng)寬與高窄,小明與大明(咦?).....等等。
正所謂密不透風(fēng),疏可跑馬,放手去搞不要逃,不強(qiáng)烈的對(duì)比寧可不要。
好吧其實(shí)題主原本的對(duì)比已經(jīng)很明顯了(我指字號(hào)),我稍微調(diào)整一下,再配張小圖,形成圖與文的對(duì)比。(圖是百度來(lái)的,百度圖片現(xiàn)在很好用噠,還有推薦的是昵圖網(wǎng)和站酷網(wǎng),設(shè)計(jì)師標(biāo)配,不過(guò)切記要注意版權(quán)問(wèn)題~)
是不是看著很亂,找來(lái)找去找不到想要的信息累覺(jué)不愛(ài)?不急,下一步。
03/
親密
親密性指的是,物理位置的接近意味著內(nèi)容的關(guān)聯(lián),所以要將相關(guān)的項(xiàng)目組織在一起。
新手的設(shè)計(jì)總是元素四散,雜亂無(wú)章,看似是他們不懂留白的奧義,但實(shí)際上是不懂親密。相關(guān)內(nèi)容得到有效組織,空間自然會(huì)空出來(lái),就像知乎的Club感覺(jué)會(huì)場(chǎng)都是人,但要是讓他們按照大小個(gè)以男左女右前后相隔一臂左右相隔一拳原則立正看齊排排站,我保證還能塞進(jìn)500人(......我在說(shuō)什么)。
標(biāo)題要對(duì)應(yīng)相關(guān)文本,圖片要響應(yīng)對(duì)應(yīng)內(nèi)容,大小層次,尊卑有序,親密,保證了內(nèi)容傳達(dá)的有效性。
稍微有點(diǎn)樣子了吧~?再來(lái)本階段最后一步。稍微有點(diǎn)樣子了吧~?再來(lái)本階段最后一步。
04/
對(duì)齊
對(duì)齊指的是,任何元素都不能在頁(yè)面上隨意安放,每一項(xiàng)都應(yīng)當(dāng)與頁(yè)面上的某個(gè)內(nèi)容存在某種視覺(jué)聯(lián)系。對(duì)齊指的是,任何元素都不能在頁(yè)面上隨意安放,每一項(xiàng)都應(yīng)當(dāng)與頁(yè)面上的某個(gè)內(nèi)容存在某種視覺(jué)聯(lián)系。
對(duì)齊是地心引力,一根參考線立在那里,就要求所以被選中的元素死死的貼在上面,不允許有一像素的叛離。
同一根參考線意味著某種聯(lián)系,將依附于它的元素建立起親密以外的秩序。
由于對(duì)齊原則在以上的示范中其實(shí)無(wú)處不在,我已經(jīng)默默遵循了(不對(duì)其會(huì)死晚期),就不再單獨(dú)示范啦。需要強(qiáng)調(diào)的是,在物理位置相聚太遠(yuǎn)的情況中,要熟練運(yùn)用輔助元素將不同的對(duì)齊聯(lián)系起來(lái)。比如:
右邊利用輔助線,將上半部分的左對(duì)齊與下半部分的右對(duì)齊聯(lián)系起來(lái),使得畫(huà)面穩(wěn)定,內(nèi)容具有連續(xù)性。
到現(xiàn)在為止,我們利用設(shè)計(jì)四項(xiàng)基本原則對(duì)答主的海報(bào)進(jìn)行了初步的處理,使其基本達(dá)到【及格】標(biāo)準(zhǔn)。
學(xué);顒(dòng)《超級(jí)演說(shuō)家》海報(bào)設(shè)計(jì)過(guò)程
這次學(xué)校的活動(dòng),名叫《超級(jí)演說(shuō)家》,前期需要兩類(lèi)海報(bào),一類(lèi)是預(yù)熱的,一類(lèi)是稍微詳細(xì)的介紹的(注意:只是稍微詳細(xì),時(shí)間地點(diǎn)而已)。下面我們分別說(shuō)說(shuō)。
第一類(lèi),預(yù)熱,既然是預(yù)熱,那么就要有傳播性話題性,這樣才熱的起來(lái),而且之后還有稍微詳細(xì)的活動(dòng)介紹海報(bào),所以預(yù)海報(bào)是的發(fā)揮余地非常大。
初步,我們要造一個(gè)大新聞,所以我們用紅色為主色;要有神秘感有形式感,所以信息不要給太多并且放在底部(時(shí)間,和口號(hào)(口號(hào)是:等你發(fā)聲))。但是信息放底部會(huì)不太顯眼,加之整面的紅色會(huì)沒(méi)有重心,所以在底部加一條黑色用于放置文字(字體很重要我們稍后說(shuō))信息和提供重心。不過(guò)即使這樣了,這接近于整面的紅,還會(huì)是讓人在觀感上很不舒服,因此我們?cè)賮?lái)一加個(gè)灰色的框子,這樣還起到了讓海報(bào)整體看上去修長(zhǎng)一些的效果(答主學(xué)校的海報(bào)展板比例比較普通A4紙還要寬不少)。
綜上,我們得到了這樣一張圖:
發(fā)聲,發(fā)聲你想到了什么,我想到了沉默,沉默你想到了什么,我想到魯迅。不在沉默中爆發(fā),就在沉默中滅亡。OK,就這么來(lái),先去網(wǎng)上找素材,我們要的是簡(jiǎn)潔大氣有逼格,所以不要太多顏色,最好就是圖片上已經(jīng)有的顏色,紅色是背景灰色是邊框白色是文字,好了沒(méi)得選,就黑色。黑色,第一想到的便是木刻板畫(huà)風(fēng)格比如這樣:
但是這張圖里的魯迅的身體沒(méi)多少,不是我想要的效果,要大半身照才行,大家可以想想,這么大個(gè)帶肩大頭照放在底部的黑色區(qū)域之上(上部區(qū)域我們要寫(xiě)字)是非常不協(xié)調(diào)的,找了一會(huì)兒,也沒(méi)找到合適的,那自己做吧。先找一張合適的大半身像,PS摳圖后用高斯模糊+閾值,AI用圖像臨。窂讲檎移鱽(lái)?yè)笀D!梢宰龀霭瀹(huà)效果
效果是這樣的:
處理前
處理后:
下面我們來(lái)看看文字“不在沉默中爆發(fā),就在沉默中滅亡”,字如果用作大標(biāo)題,還是多了些,一排字太小,兩排字,字倒是可以大些,但兩排大字則會(huì)讓海報(bào)沒(méi)有透氣感,很擠,所以我們豎著來(lái)放,結(jié)合剛做的木刻風(fēng)效果如下:
到了這一步,其實(shí)要求不高就已經(jīng)可用,但是我們把要求放高一些,你會(huì)不會(huì)覺(jué)得“不在”滅亡“這些字顯得有些平淡(如果不用這樣的字體會(huì)更加明顯),海報(bào)整體內(nèi)容沒(méi)有主次之分,也就是所謂視覺(jué)重點(diǎn)。既然是預(yù)熱,其他信息不重要話題,和深入人心是重點(diǎn),那么我希望海報(bào)的重點(diǎn)將是”不在“滅亡”這幾個(gè)字,所以我調(diào)整了每個(gè)字的字號(hào)不同,使其看起來(lái)錯(cuò)落有致,根據(jù)內(nèi)容的不同,這里把”沉默“”爆發(fā)“做的最大。最后再加上魯老的簡(jiǎn)單介紹(真的是非常非常簡(jiǎn)單),以示尊重,海報(bào)就完成了
演講嘛,或許還容易想起一個(gè)人,馬丁.路德.金,那我們用以上方法再做一張他的如何。然后按以上步驟你做出來(lái)可能是這樣的:
這!特!么!是!什!么!鬼!
問(wèn)題在哪?當(dāng)然在我沒(méi)講好。
首先顏色。光紅色就有紅色有洋紅,大紅,粉紅,中國(guó)紅,美國(guó)紅,泰國(guó)紅巴基斯坦紅等等等等,那么多的紅不是說(shuō)這個(gè)好,那個(gè)不好,而是說(shuō)顏色要用對(duì)地方,既然是演說(shuō),要熱情要勇敢之類(lèi)的特質(zhì),并且我們想抓住眼球,那么我們的選擇就該是大紅或者說(shuō)正紅,當(dāng)然,在明度和飽和度上往回調(diào)那么一點(diǎn),觀感就會(huì)不過(guò)于的刺激而顯得低端。邊框的灰色也是,太深了不但起不到當(dāng)時(shí)所預(yù)想的效果,還把畫(huà)面弄的死氣沉沉。
接下來(lái),是構(gòu)圖,看看第一張,是不是基本軸對(duì)稱(chēng)?對(duì)新手來(lái)說(shuō),軸對(duì)稱(chēng)是最穩(wěn)妥的做法。然后是下面黑色部分的大小,起初我們?cè)O(shè)置這里是因?yàn)椤罢娴募t色會(huì)沒(méi)有重心,所以在底部加一條黑色用于放置文字信息和提供重心!爆F(xiàn)在這樣重心是提供了,但也太特么沉了吧。這條黑色影響到的還有字,字再放大就搶了主要信息的風(fēng)頭,大小正好,可周?chē)漳敲炊,是?zhǔn)備讓大字生小字來(lái)填滿(mǎn)?你要往海報(bào)里放的每一個(gè)部分都是有用的,必不可少的,別老想著往里面加?xùn)|西,同時(shí)每一樣必不可少的東西也還需要良好的各司其職,這樣才能收獲好的效果。
最后是文字部分。首先字體,字體是有氣質(zhì)的,就和不同的顏色會(huì)傳遞不同的心情一樣,比如“等你發(fā)聲”這幾個(gè)字,既不能搶主題的風(fēng)頭(不能太花哨),也要符合整張海報(bào)的氣質(zhì)(復(fù)古的,文化的),所以這里選用了XXX宋體(自己用盜版字體已經(jīng)很可恥,再這里教更多人用盜版更可恥,所以給XXX了,即使這樣依然表示抱歉,也想過(guò)給學(xué)校要資金買(mǎi)字體,但學(xué)?隙ú粫(huì)批。所以,再次抱歉)。上面的幾個(gè)大字,之所以用毛筆字體,是想體現(xiàn)出動(dòng)態(tài)和力量,且我用的那套毛筆字(是一日文字體,用繁體也是這個(gè)原因,制作非常用心,細(xì)節(jié)豐富,國(guó)內(nèi)的毛筆字體也許是我接觸的少,現(xiàn)在還沒(méi)看到那么滿(mǎn)意的)體放大后依然細(xì)節(jié)豐富,十分適合用在海報(bào)這種需要比較大的字的地方?傊煮w選用十分重要,可以影響到整張海報(bào)給人的感覺(jué)。依然是大字,之前豎拍版是因?yàn)樽侄啵F(xiàn)在則并非那么必要了。
做完以上調(diào)整我們?cè)賮?lái)看看此張海報(bào):
是不是順眼多了?
下面我在放上一張,為了同一個(gè)活動(dòng),和我一起工作的哥們 袁大頭做的海報(bào),也是非常的簡(jiǎn)單,可是傳達(dá)的意思,卻是十分有趣味性的。(據(jù)知友提示,這張圖是仿制的日本一海報(bào))
依然:有一個(gè)好的想法,合適的圖片,軸對(duì)稱(chēng)構(gòu)圖,合適的字體選用。
誰(shuí)都知道這花不了多少時(shí)間,可優(yōu)秀就是優(yōu)秀。
然后三天過(guò)去,預(yù)熱的差不多,怎么報(bào)名有什么獎(jiǎng)品也該公布,于是就該發(fā)布下面的海報(bào),借用了國(guó)王的演講,其余的就是字體的選擇大小和排列之類(lèi)的東西,上面都有說(shuō)到,還沒(méi)有全部調(diào)整好,大家將就看著
全部評(píng)論