制作海報(bào)之前,首先要先確認(rèn)三方面素材——文案、產(chǎn)品圖、海報(bào)尺寸。設(shè)計(jì)過(guò)程中,則主要確定以下兩方面內(nèi)容——排版構(gòu)圖和海報(bào)配色。今天,本文將針對(duì)這兩方面進(jìn)行解讀。
一張電商海報(bào)基本由三部分組成,產(chǎn)品、背景、文案。確定好構(gòu)圖版式,設(shè)計(jì)就成功了一半。常見(jiàn)的版式有三種,左文右圖、左圖右文、兩邊圖中間文。
下面通過(guò)6個(gè)案例給大家一一說(shuō)明。
![T2014090315083474736_660195[1]](http://m.uhkt.cn/file/upload/201409/05/14-39-45-28-1.jpg)
這張海報(bào)是左文右圖式。海報(bào)的左邊文案排版非常典型,字體上粗下細(xì),上大下小,上下主次分明,形成對(duì)比。文案四四方方架構(gòu)非常穩(wěn)重,非常平衡。
![T2014090315090353957_660182[1]](http://m.uhkt.cn/file/upload/201409/05/14-40-30-64-1.jpg)
這張海報(bào)屬于左圖右文,也是很典型的,是淘寶官方引導(dǎo)的那種典型排版。字體也是上粗下細(xì),上大下小。下面的價(jià)格打折部分排版很穩(wěn)重、結(jié)實(shí)。
![T2014090315094134913_660152[1]](http://m.uhkt.cn/file/upload/201409/05/14-40-48-65-1.jpg)
這張海報(bào)是兩邊圖中間文字的排版,常見(jiàn)于多模特海報(bào)中,一般是一邊近景另外一邊是遠(yuǎn)景,產(chǎn)生對(duì)比和呼應(yīng)。
![T2014090315100943345_660180[1]](http://m.uhkt.cn/file/upload/201409/05/14-41-29-72-1.jpg)
放這張海報(bào)我想表達(dá)的是,背景是風(fēng)景的情況下,文字直接打上去會(huì)顯得太亂。可以直接畫(huà)一個(gè)半透明的框框,如圖所示。然后在里面排文案。模特也是一邊遠(yuǎn)景,另一邊近景。
![T2014090315103946988_660180[1]](http://m.uhkt.cn/file/upload/201409/05/14-41-44-55-1.jpg)
當(dāng)海報(bào)上要放置過(guò)多的促銷(xiāo)產(chǎn)品時(shí),可以采用這種版式。中間是一個(gè)半透明的框輸入文案。
![T2014090315110889213_660167[1]](http://m.uhkt.cn/file/upload/201409/05/14-42-00-14-1.jpg)
斜切式構(gòu)圖會(huì)讓畫(huà)面顯得時(shí)尚,動(dòng)感活躍,但是畫(huà)面平衡感不是很好控制。一般斜切式的文案傾斜角度最好不要大于30,不然得歪著頭閱讀。另外根據(jù)閱讀習(xí)慣,文字一般是往右上方的傾斜,文字這樣有一種上升感。
總結(jié)
在海報(bào)設(shè)計(jì)過(guò)程中,版式的平衡感極為重要,同時(shí)還要處理好不同物體之間的對(duì)比關(guān)系。比如文案字體的大小對(duì)比、粗細(xì)對(duì)比、模特的遠(yuǎn)近對(duì)比等。這就好比我們畫(huà)素描靜物時(shí),靜物的擺放也是前后層次分明,有主物體,有陪襯的對(duì)比分明。至于文案,則要說(shuō)清這個(gè)寶貝的屬性、給消費(fèi)者帶來(lái)的益處等,這里不多說(shuō)了。
剛開(kāi)始做美工時(shí)遇到的另外一個(gè)難題就是配色了。關(guān)于配色的技巧很多,常見(jiàn)的有對(duì)比色、臨近色、冷暖色調(diào)搭配等多種方式。我這里說(shuō)一個(gè)最簡(jiǎn)單的方法。也是一種最快的方法——直接從產(chǎn)品圖中取色。
例子一:
![T201409031514509470_660156[1]](http://m.uhkt.cn/file/upload/201409/05/14-42-19-62-1.jpg)
如果我們已經(jīng)有了產(chǎn)品圖,就可以根據(jù)模特顏色來(lái)確立背景色和文案顏色。模特都是黃色衣服,推出背景顏色直接用黃色,但是要與產(chǎn)品圖區(qū)別開(kāi)。其次,模特頭發(fā)顏色是深棕色,身上褲子和襯衫還有白色成分,所以主標(biāo)題可以采用棕色,包郵的標(biāo)簽里用白色文字。主體模特、背景和文案三者的顏色相互呼應(yīng),你中有我,我中有你。最后說(shuō)一點(diǎn),白色是萬(wàn)能搭配色。如果沒(méi)有合適的就用白色/灰色吧!
例子二:
![T2014090315164455822_660194[1]](http://m.uhkt.cn/file/upload/201409/05/14-42-46-24-1.jpg)
這個(gè)例子中有3個(gè)模特,其中2個(gè)是屬于灰色系(淺灰和深灰),因此背景采用淺灰色,文案的顏色直接采用模特身上的深灰色,部分文案用粉色作為點(diǎn)綴色。這類(lèi)圖的顏色搭配就是一種相互呼應(yīng)相互對(duì)比的關(guān)系。
這時(shí)候大家會(huì)不會(huì)想到八卦圖?陰中有陽(yáng),陽(yáng)中有陰,白中有黑,黑中有白,相互對(duì)比丶呼應(yīng)丶無(wú)形中有一種平衡感。
至于配色比例,日本設(shè)計(jì)師曾經(jīng)針對(duì)色彩的配色提出70:25:5的配色比例方式 ,其中的底色為大面積使用的底色,而主色與強(qiáng)調(diào)色則是可以利用互補(bǔ)色的特性,來(lái)將主色以及強(qiáng)調(diào)色皆襯托出來(lái)。
![T2014090315191445697_660167[1]](http://m.uhkt.cn/file/upload/201409/05/14-43-07-89-1.jpg)
大家可以看上面2個(gè)例子,模特和背景都是一個(gè)色系,屬于底色。文案的部分屬于主色,剩下的5%的點(diǎn)綴色(強(qiáng)調(diào)色)。我介紹的從圖片素材中取色的方法,有利有弊,利就是簡(jiǎn)單大方,平衡和諧,但弊端就是模特身上的顏色可能非常有限。此外,關(guān)于配色的知識(shí)非常多,這里就不一一贅述,以后有機(jī)會(huì)再與大家分享。沒(méi)有思路時(shí)可以去找一些配色色譜網(wǎng)站,也可以利用一些小工具如kuler 等。
下面實(shí)戰(zhàn)演練——
![T2014090315201862362_660269[1]](http://m.uhkt.cn/file/upload/201409/05/14-43-42-17-1.jpg)

一、海報(bào)的排版構(gòu)圖
一張電商海報(bào)基本由三部分組成,產(chǎn)品、背景、文案。確定好構(gòu)圖版式,設(shè)計(jì)就成功了一半。常見(jiàn)的版式有三種,左文右圖、左圖右文、兩邊圖中間文。
下面通過(guò)6個(gè)案例給大家一一說(shuō)明。
![T2014090315083474736_660195[1]](http://m.uhkt.cn/file/upload/201409/05/14-39-45-28-1.jpg)
這張海報(bào)是左文右圖式。海報(bào)的左邊文案排版非常典型,字體上粗下細(xì),上大下小,上下主次分明,形成對(duì)比。文案四四方方架構(gòu)非常穩(wěn)重,非常平衡。
![T2014090315090353957_660182[1]](http://m.uhkt.cn/file/upload/201409/05/14-40-30-64-1.jpg)
這張海報(bào)屬于左圖右文,也是很典型的,是淘寶官方引導(dǎo)的那種典型排版。字體也是上粗下細(xì),上大下小。下面的價(jià)格打折部分排版很穩(wěn)重、結(jié)實(shí)。
![T2014090315094134913_660152[1]](http://m.uhkt.cn/file/upload/201409/05/14-40-48-65-1.jpg)
這張海報(bào)是兩邊圖中間文字的排版,常見(jiàn)于多模特海報(bào)中,一般是一邊近景另外一邊是遠(yuǎn)景,產(chǎn)生對(duì)比和呼應(yīng)。
![T2014090315100943345_660180[1]](http://m.uhkt.cn/file/upload/201409/05/14-41-29-72-1.jpg)
放這張海報(bào)我想表達(dá)的是,背景是風(fēng)景的情況下,文字直接打上去會(huì)顯得太亂。可以直接畫(huà)一個(gè)半透明的框框,如圖所示。然后在里面排文案。模特也是一邊遠(yuǎn)景,另一邊近景。
![T2014090315103946988_660180[1]](http://m.uhkt.cn/file/upload/201409/05/14-41-44-55-1.jpg)
當(dāng)海報(bào)上要放置過(guò)多的促銷(xiāo)產(chǎn)品時(shí),可以采用這種版式。中間是一個(gè)半透明的框輸入文案。
![T2014090315110889213_660167[1]](http://m.uhkt.cn/file/upload/201409/05/14-42-00-14-1.jpg)
斜切式構(gòu)圖會(huì)讓畫(huà)面顯得時(shí)尚,動(dòng)感活躍,但是畫(huà)面平衡感不是很好控制。一般斜切式的文案傾斜角度最好不要大于30,不然得歪著頭閱讀。另外根據(jù)閱讀習(xí)慣,文字一般是往右上方的傾斜,文字這樣有一種上升感。
總結(jié)
在海報(bào)設(shè)計(jì)過(guò)程中,版式的平衡感極為重要,同時(shí)還要處理好不同物體之間的對(duì)比關(guān)系。比如文案字體的大小對(duì)比、粗細(xì)對(duì)比、模特的遠(yuǎn)近對(duì)比等。這就好比我們畫(huà)素描靜物時(shí),靜物的擺放也是前后層次分明,有主物體,有陪襯的對(duì)比分明。至于文案,則要說(shuō)清這個(gè)寶貝的屬性、給消費(fèi)者帶來(lái)的益處等,這里不多說(shuō)了。
二、配色
剛開(kāi)始做美工時(shí)遇到的另外一個(gè)難題就是配色了。關(guān)于配色的技巧很多,常見(jiàn)的有對(duì)比色、臨近色、冷暖色調(diào)搭配等多種方式。我這里說(shuō)一個(gè)最簡(jiǎn)單的方法。也是一種最快的方法——直接從產(chǎn)品圖中取色。
例子一:
![T201409031514509470_660156[1]](http://m.uhkt.cn/file/upload/201409/05/14-42-19-62-1.jpg)
如果我們已經(jīng)有了產(chǎn)品圖,就可以根據(jù)模特顏色來(lái)確立背景色和文案顏色。模特都是黃色衣服,推出背景顏色直接用黃色,但是要與產(chǎn)品圖區(qū)別開(kāi)。其次,模特頭發(fā)顏色是深棕色,身上褲子和襯衫還有白色成分,所以主標(biāo)題可以采用棕色,包郵的標(biāo)簽里用白色文字。主體模特、背景和文案三者的顏色相互呼應(yīng),你中有我,我中有你。最后說(shuō)一點(diǎn),白色是萬(wàn)能搭配色。如果沒(méi)有合適的就用白色/灰色吧!
例子二:
![T2014090315164455822_660194[1]](http://m.uhkt.cn/file/upload/201409/05/14-42-46-24-1.jpg)
這個(gè)例子中有3個(gè)模特,其中2個(gè)是屬于灰色系(淺灰和深灰),因此背景采用淺灰色,文案的顏色直接采用模特身上的深灰色,部分文案用粉色作為點(diǎn)綴色。這類(lèi)圖的顏色搭配就是一種相互呼應(yīng)相互對(duì)比的關(guān)系。
這時(shí)候大家會(huì)不會(huì)想到八卦圖?陰中有陽(yáng),陽(yáng)中有陰,白中有黑,黑中有白,相互對(duì)比丶呼應(yīng)丶無(wú)形中有一種平衡感。
至于配色比例,日本設(shè)計(jì)師曾經(jīng)針對(duì)色彩的配色提出70:25:5的配色比例方式 ,其中的底色為大面積使用的底色,而主色與強(qiáng)調(diào)色則是可以利用互補(bǔ)色的特性,來(lái)將主色以及強(qiáng)調(diào)色皆襯托出來(lái)。
![T2014090315191445697_660167[1]](http://m.uhkt.cn/file/upload/201409/05/14-43-07-89-1.jpg)
大家可以看上面2個(gè)例子,模特和背景都是一個(gè)色系,屬于底色。文案的部分屬于主色,剩下的5%的點(diǎn)綴色(強(qiáng)調(diào)色)。我介紹的從圖片素材中取色的方法,有利有弊,利就是簡(jiǎn)單大方,平衡和諧,但弊端就是模特身上的顏色可能非常有限。此外,關(guān)于配色的知識(shí)非常多,這里就不一一贅述,以后有機(jī)會(huì)再與大家分享。沒(méi)有思路時(shí)可以去找一些配色色譜網(wǎng)站,也可以利用一些小工具如kuler 等。
下面實(shí)戰(zhàn)演練——
![T2014090315201862362_660269[1]](http://m.uhkt.cn/file/upload/201409/05/14-43-42-17-1.jpg)

樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。
本文內(nèi)容整合網(wǎng)站:百度百科、知乎、淘寶平臺(tái)規(guī)則
本文來(lái)源: 如何快速打造一張?zhí)詫毢?bào)?