返回列表

作者:巨人電商

如何快速打造一張?zhí)詫毢?bào)?

POST TIME:2020-10-24

    制作海報(bào)之前,首先要先確認(rèn)三方面素材——文案、產(chǎn)品圖、海報(bào)尺寸。設(shè)計(jì)過程中,則主要確定以下兩方面內(nèi)容——排版構(gòu)圖和海報(bào)配色。今天,本文將針對(duì)這兩方面進(jìn)行解讀。

一、海報(bào)的排版構(gòu)圖

  一張電商海報(bào)基本由三部分組成,產(chǎn)品、背景、文案。確定好構(gòu)圖版式,設(shè)計(jì)就成功了一半。常見的版式有三種,左文右圖、左圖右文、兩邊圖中間文。   下面通過6個(gè)案例給大家一一說明。  這張海報(bào)是左文右圖式。海報(bào)的左邊文案排版非常典型,字體上粗下細(xì),上大下小,上下主次分明,形成對(duì)比。文案四四方方架構(gòu)非常穩(wěn)重,非常平衡。   這張海報(bào)屬于左圖右文,也是很典型的,是淘寶官方引導(dǎo)的那種典型排版。字體也是上粗下細(xì),上大下小。下面的價(jià)格打折部分排版很穩(wěn)重、結(jié)實(shí)。  這張海報(bào)是兩邊圖中間文字的排版,常見于多模特海報(bào)中,一般是一邊近景另外一邊是遠(yuǎn)景,產(chǎn)生對(duì)比和呼應(yīng)。  放這張海報(bào)我想表達(dá)的是,背景是風(fēng)景的情況下,文字直接打上去會(huì)顯得太亂??梢灾苯赢嬕粋€(gè)半透明的框框,如圖所示。然后在里面排文案。模特也是一邊遠(yuǎn)景,另一邊近景。   當(dāng)海報(bào)上要放置過多的促銷產(chǎn)品時(shí),可以采用這種版式。中間是一個(gè)半透明的框輸入文案。   斜切式構(gòu)圖會(huì)讓畫面顯得時(shí)尚,動(dòng)感活躍,但是畫面平衡感不是很好控制。一般斜切式的文案傾斜角度最好不要大于30,不然得歪著頭閱讀。另外根據(jù)閱讀習(xí)慣,文字一般是往右上方的傾斜,文字這樣有一種上升感。   總結(jié)   在海報(bào)設(shè)計(jì)過程中,版式的平衡感極為重要,同時(shí)還要處理好不同物體之間的對(duì)比關(guān)系。比如文案字體的大小對(duì)比、粗細(xì)對(duì)比、模特的遠(yuǎn)近對(duì)比等。這就好比我們畫素描靜物時(shí),靜物的擺放也是前后層次分明,有主物體,有陪襯的對(duì)比分明。至于文案,則要說清這個(gè)寶貝的屬性、給消費(fèi)者帶來的益處等,這里不多說了。

二、配色

  剛開始做美工時(shí)遇到的另外一個(gè)難題就是配色了。關(guān)于配色的技巧很多,常見的有對(duì)比色、臨近色、冷暖色調(diào)搭配等多種方式。我這里說一個(gè)最簡單的方法。也是一種最快的方法——直接從產(chǎn)品圖中取色。   例子一:  如果我們已經(jīng)有了產(chǎn)品圖,就可以根據(jù)模特顏色來確立背景色和文案顏色。模特都是黃色衣服,推出背景顏色直接用黃色,但是要與產(chǎn)品圖區(qū)別開。其次,模特頭發(fā)顏色是深棕色,身上褲子和襯衫還有白色成分,所以主標(biāo)題可以采用棕色,包郵的標(biāo)簽里用白色文字。主體模特、背景和文案三者的顏色相互呼應(yīng),你中有我,我中有你。最后說一點(diǎn),白色是萬能搭配色。如果沒有合適的就用白色/灰色吧!   例子二:   這個(gè)例子中有3個(gè)模特,其中2個(gè)是屬于灰色系(淺灰和深灰),因此背景采用淺灰色,文案的顏色直接采用模特身上的深灰色,部分文案用粉色作為點(diǎn)綴色。這類圖的顏色搭配就是一種相互呼應(yīng)相互對(duì)比的關(guān)系。   這時(shí)候大家會(huì)不會(huì)想到八卦圖?陰中有陽,陽中有陰,白中有黑,黑中有白,相互對(duì)比丶呼應(yīng)丶無形中有一種平衡感。   至于配色比例,日本設(shè)計(jì)師曾經(jīng)針對(duì)色彩的配色提出70:25:5的配色比例方式 ,其中的底色為大面積使用的底色,而主色與強(qiáng)調(diào)色則是可以利用互補(bǔ)色的特性,來將主色以及強(qiáng)調(diào)色皆襯托出來。  大家可以看上面2個(gè)例子,模特和背景都是一個(gè)色系,屬于底色。文案的部分屬于主色,剩下的5%的點(diǎn)綴色(強(qiáng)調(diào)色)。我介紹的從圖片素材中取色的方法,有利有弊,利就是簡單大方,平衡和諧,但弊端就是模特身上的顏色可能非常有限。此外,關(guān)于配色的知識(shí)非常多,這里就不一一贅述,以后有機(jī)會(huì)再與大家分享。沒有思路時(shí)可以去找一些配色色譜網(wǎng)站,也可以利用一些小工具如kuler 等。   下面實(shí)戰(zhàn)演練——