電商banner布局實例教學(xué) 電商實戰(zhàn)案例講解海報怎樣做吸引人
那么我們需要注意什么:
1、千萬不要擺成很正的三角形,隨意一些更好
2、三角擺放后你會發(fā)現(xiàn)三角的頂部會出現(xiàn)空的地方,需要用飄起來的商品補充
最后是虛化的,因為擺放的商品都是實的,所以其它弱化。
3、商品不可過多、多則亂。也不可過少、少則松
4、商品顏色盡量少,避免過多把畫面變花了
案列欣賞

我們先看下商品漂浮空中的案列,感受下它們之間的共同點。

通過上圖案列中我們可以發(fā)現(xiàn):
1、商品的都是比較立體的,透視感強(ps:由于某些商品特性會存在只能平視角度的這個可以忽略)
2、商品直接的大小關(guān)系明確,層次明顯。
3、商品顏色與頁面顏色融合,不相沖。

擺放要求:需以商品漂浮上空的頁面
畫面布局:標(biāo)題居中,商品兩邊漂浮布局
尋找商品:在找相關(guān)商品的過程中切勿著急哈,下一個會更好
ps:
1、如需求方有要求放置的商品 ,提前找他提供。
2、根據(jù)頁面的顏色盡量找比較符合頁面的商品,盡量不要選著顏色過黑
的產(chǎn)品,不然會在頁面中顯得比較臟。
設(shè)計過程:我們首先確定標(biāo)題排版。

開始配色
選用藍(lán)、紫三種顏色搭配,藍(lán)色與紫色為近似色。

添加商品
調(diào)整好角度。和商品排放的位置,這個一定要多嘗試,或許放到右邊更合適,又或許是左邊。

開始細(xì)化標(biāo)題區(qū)域
過程我就不在這里細(xì)說了,大致說下
1、主標(biāo)題增加立體,增強主題感。
2、結(jié)合字形稍作變形
3、給整體文案背后增加一個載體,讓其從背景中突出出來。
4、副標(biāo)題增加色塊來增加色設(shè)計感和與背景拉開層次。
5、背后的載體也要有深淺、暗部和亮部層次。
標(biāo)題顏色根據(jù)我之前說的深色配亮色,所以這里背景為深色,選擇黃色來搭配。
副標(biāo)題選用白色就好了。
最后效果如下:

調(diào)整商品的深淺關(guān)系
1、離我們越遠(yuǎn)的商品我們需要通過混合模式正片疊底、透明度來使商品融入背景中。
2、離我們越近的商品我們需要保證它的清晰度,不能模糊??梢酝ㄟ^銳化來提升清晰度。

調(diào)整商品的環(huán)境光色
根據(jù)商品所在的頁面地方顏色增加環(huán)境色,同時也可以通過增強商品的明暗來提升商品的品質(zhì)
1、可以通過混合模式疊加、正片疊底、高光這些模式來處理商品上面的環(huán)境光色。
2、給2-3個商品來一層動態(tài)模糊,增加畫面動感。

添加相關(guān)點綴元素豐富畫面
因為是618的相關(guān)頁面所以這里需延續(xù)主會場的頁面元素貫穿整個活動,保持統(tǒng)一性。
點綴元素也需要有深淺關(guān)系、大小層次。
現(xiàn)在感覺背景亮部還是有些不夠,增加亮部。
最終效果如下:

做到這里就完結(jié)了,我們需要有耐心去不斷調(diào)整顏色、深淺。
相關(guān)文章
如何快速設(shè)計一款好BANNER 如何成為BANNER設(shè)計師指南
設(shè)計出一款好的banner最重要的是什么?絕對不是你的PS水平,軟件使用的好壞不能決定你是不是一個設(shè)計師,重要的是理念與審美,沒有好的設(shè)計理念,再高超熟練的軟件技術(shù)也是2016-08-03- 如今網(wǎng)店店是越來越多,而且是競爭越來越激烈,所以產(chǎn)品展示的圖片原創(chuàng)度和真實性就是競爭力,所以松鼠匯就來教大家網(wǎng)店產(chǎn)品攝影中的基礎(chǔ)知識和技巧2016-07-13
- 這篇教程是向腳本之家的朋友分享電商Banner橫幅的常見設(shè)計技巧方法,教程真的很不錯,很值得大家學(xué)習(xí),推薦過來,喜歡的朋友可以參考本文,來看看吧2016-07-13
- 電商設(shè)計是做什么的?,我意識到大家對電商設(shè)計都不是太了解,包括很多其他設(shè)計行業(yè)、其他領(lǐng)域的人,別人一問:你是做什么的???我說:做電商設(shè)計的,然后他們的反應(yīng):"哦,2016-06-30
- 空間是文字之間、圖文之間的排列關(guān)系,是排版的第一步和基礎(chǔ),一張圖的空間關(guān)系即構(gòu)圖自一開始就影響到整體的走向和最終的成型,下面小編為大家分享電商橫幅設(shè)計的三個實用2016-06-06
- 這篇教程是向腳本之家的朋友分享電商Banner橫幅排版技巧,只需三招即可搞定,下面小編就為大家詳細(xì)介紹一下,來看看吧2016-05-23
- 今天小編為大家分享電商設(shè)計之色彩篇,教程比較實用,推薦到腳本之家,喜歡的朋友可以參考本文,希望能對大家有所幫助2016-05-16
PS電商產(chǎn)品后期修圖之充電寶金屬質(zhì)感的體現(xiàn)教程
今天為大家分享PS電商產(chǎn)品后期修圖之充電寶金屬質(zhì)感的體現(xiàn)教程,教程真的很不錯,很實用,值得大家學(xué)習(xí),推薦過來,大家一起來學(xué)習(xí)吧2016-02-17- 今天為大家分享一篇教程,對于設(shè)計師來說很值得閱讀,主要是向大家介紹2016年電商設(shè)計九大趨勢,大家快快來學(xué)習(xí)吧2016-02-05
從人性的角度做電商BANNER 有人性的banner才是好banner
現(xiàn)在什么都要講究情懷,手機是這樣,設(shè)計也是這樣。什么樣的banner才更吸引你?仔細(xì)想想,并不是炫目耀眼的,而是充滿人性的文案,舒適養(yǎng)眼的配色,才會促使你去點擊,那么2016-08-03

