電商banner布局實(shí)例教學(xué) 電商實(shí)戰(zhàn)案例講解海報(bào)怎樣做吸引人
我們首先確定容器,突然想到老虎機(jī)所以就覺得用它做容器。

首先我們確定文案的排版,重要信息和次要信息的處理。
經(jīng)常在活動(dòng)頁面中字體都是傾斜的,傾斜的好處是與生俱來的動(dòng)感。

開始配色、添加圖案背景
1、炎炎夏日嘛,當(dāng)然選了清涼的藍(lán)色到綠色的漸變(這里隨心就好了,又不用給老板看)兩個(gè)顏色的跨度不要太大,不然就會(huì)不自然了。
2、添加圖案,五角星,抽獎(jiǎng)我會(huì)想到星星。星星似乎挺娛樂、玩樂的感覺。
3、添加紋理素材-這里馬賽克了一張素材,效果還可以。

制作容器
參照老虎機(jī)的一些原型,勾勒輪廓。制作過程不細(xì)說了。在這里提醒2點(diǎn)
1、有的地方可以自己稍作調(diào)整,不需要一模一樣,因?yàn)槲铱倳?huì)碰到別人問我這個(gè)素材你有沒有一樣的,做設(shè)計(jì)師千萬不要死板哦。
2、千萬別直接扣其它頁面的圖,而且質(zhì)量還是超級(jí)差的那種,我見過好多次了。

細(xì)化標(biāo)題
因?yàn)楸尘皩儆诹辽?,所以我們要用暗色區(qū)分出來。
1、增加文字立體面,增加描邊黑色這樣就很好的與背景分離出來。
2、細(xì)化標(biāo)題,增加類似漫畫文字的效果。不要問有沒有快捷方式 、素材之類的,別這么懶。自己畫上去復(fù)制復(fù)制就好了。
3、文字顏色選黃色,黃色有時(shí)候真是白搭的一個(gè)顏色特別作為標(biāo)題。
4、給文字增加投影,讓其更完整。投影顏色選文字下面背景顏色稍深的,比黑色投影更有質(zhì)感。

添加商品
容器里面的商品有擺立的,有散出來的,各有優(yōu)點(diǎn)。這里我希望它能夠跟活波一些。
1、商品由中心散開,所以中間的商品無疑是最大的,其次的相對(duì)比較小一些。
2、需要有一個(gè)商品顏色和標(biāo)題的顏色產(chǎn)生呼應(yīng)、在頁面上產(chǎn)生聯(lián)系。
3、商品的投影別忘記、商品蓋住其它商品的地方要變暗。別忽視了。最后給它們來一個(gè)中性灰修圖增加
商品之的明暗對(duì)比關(guān)系,這樣可以增加商品的品質(zhì)。

裝飾元素
用五角星來裝飾,與背景圖案呼應(yīng)
1、五角星顏色盡量不要出現(xiàn)頁面上面沒有的顏色
2、增加投影

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

