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