電商設(shè)計(jì)之海報(bào)設(shè)計(jì)超全攻略
如果你不知道如何提升設(shè)計(jì)能力,那就先打好基礎(chǔ),搭建好知識(shí)體系,讓你的設(shè)計(jì)有理可依,有據(jù)可引。體現(xiàn)你的專(zhuān)業(yè),才能讓人信服,讓別人看到你的價(jià)值。
作為設(shè)計(jì)師海報(bào)設(shè)計(jì)大家一定是經(jīng)常搬的磚了。海報(bào)設(shè)計(jì)其實(shí)蓋含了很多設(shè)計(jì)知識(shí),包括配色,排版,光影,創(chuàng)意等。每個(gè)有經(jīng)驗(yàn)的設(shè)計(jì)師應(yīng)該都有一套方法去完成海報(bào)設(shè)計(jì),但也不免會(huì)碰到各種各樣的問(wèn)題,如:沒(méi)有創(chuàng)意,溝通不到位反稿,設(shè)計(jì)不被認(rèn)可等問(wèn)題。這篇文章我就針對(duì)這些問(wèn)題,分享一下關(guān)于電商海報(bào)設(shè)計(jì)實(shí)戰(zhàn)分享。
首先我們先要了解海報(bào)是什么??jī)?yōu)秀海報(bào)的標(biāo)準(zhǔn)是什么?海報(bào)包含哪些信息?海報(bào)設(shè)計(jì)時(shí)有哪些注意事項(xiàng)?電商海報(bào)有哪些分類(lèi)?
一、海報(bào)是什么?
我認(rèn)為海報(bào)是通過(guò)圖文設(shè)計(jì)更形象、高效的向消費(fèi)者傳遞信息的圖片。
二、優(yōu)秀海報(bào)的標(biāo)準(zhǔn)是什么?
海報(bào)設(shè)計(jì)很多時(shí)候不是視覺(jué)上好看就能拿高分。在特定場(chǎng)景下使用,能更好傳播信息才是海報(bào)的評(píng)分標(biāo)準(zhǔn)。消費(fèi)者在網(wǎng)站上瀏覽一個(gè)畫(huà)面通常只會(huì)停留幾秒,如何保證消費(fèi)者瀏覽頁(yè)面的這幾秒時(shí)間里準(zhǔn)確傳達(dá)活動(dòng)信息是海報(bào)設(shè)計(jì)是否成功的關(guān)鍵。
三、海報(bào)包含哪些信息?
海報(bào)中包含的元素有:主題,利益點(diǎn),產(chǎn)品,時(shí)間,尺寸,交互指引。
四、海報(bào)設(shè)計(jì)應(yīng)注意什么?
換位思考。站在顧客的角度,代入購(gòu)物場(chǎng)景中去思考什么東西才是顧客想看到的、想要了解的。
文案簡(jiǎn)潔。一般人高效接受的文字長(zhǎng)度一般是5~9個(gè)字符,文字太多會(huì)產(chǎn)生閱讀障礙。因此把文案處理在合適字符范圍內(nèi),更易顧客在短時(shí)間內(nèi)接收關(guān)鍵信息。
文案圖像化。比起文字人們更喜歡看圖,因?yàn)閳D形更形象具體、高效的傳遞信息,所以我們要盡量做到文字圖形化。
五、電商海報(bào)有哪些分類(lèi)?
1.彈屏海報(bào)
彈屏海報(bào):它會(huì)在顧客進(jìn)去店鋪首頁(yè)時(shí)主動(dòng)彈出;把店鋪內(nèi)最吸引人的優(yōu)惠信息展現(xiàn)給顧客,主要展示優(yōu)惠信息和互動(dòng)預(yù)熱。
彈屏海報(bào)的特點(diǎn):
1.具有促銷(xiāo)氛圍,畫(huà)面以突出促銷(xiāo)信息為主。
2.較為簡(jiǎn)潔,不會(huì)使用過(guò)多元素。
2.引流海報(bào)
引流海報(bào):放置在店部首頁(yè)把流量引導(dǎo)至活動(dòng)產(chǎn)品詳情頁(yè)或活動(dòng)二級(jí)頁(yè)的海報(bào)。針對(duì)的是瀏覽店鋪首頁(yè)的顧客。
這類(lèi)顧客關(guān)心的主要有兩點(diǎn):
1.快速找到自己需要的產(chǎn)品。
2.了解店鋪優(yōu)惠信息。
設(shè)計(jì)師在設(shè)計(jì)這種海報(bào)時(shí)應(yīng)該著重體現(xiàn)這兩點(diǎn),達(dá)到引流的目的。
注意:
1、既要與店鋪首頁(yè)風(fēng)格一致,又要盡可能地吸引顧客。
2、有常規(guī)類(lèi)和異型類(lèi)。
常規(guī)類(lèi):較為常見(jiàn)的長(zhǎng)方形海報(bào)樣式,整體布局較為常規(guī)。
異型類(lèi):邊緣不規(guī)則,布局較為特殊。
3.詳情頁(yè)海報(bào)
詳情頁(yè)海報(bào):放在產(chǎn)品詳情上方的海報(bào)。通常頁(yè)面布局是詳情頁(yè)海報(bào)、活動(dòng)折線圖、產(chǎn)品推薦、產(chǎn)品詳情。
詳情頁(yè)海報(bào)不僅要具有吸引力,又要與詳情頁(yè)整體風(fēng)格統(tǒng)一。如果整體上沒(méi)有做到視覺(jué)統(tǒng)一,即使詳情海報(bào)多好看,在整個(gè)頁(yè)面中也會(huì)顯得特別突兀,且降低顧客對(duì)品牌的信任度。我們可以對(duì)詳情頁(yè)的視覺(jué)進(jìn)行延展設(shè)計(jì),做到視覺(jué)統(tǒng)一,如:延用詳情頁(yè)主色調(diào)、字體風(fēng)格等。
4.微淘海報(bào)
微淘海報(bào):是一種通過(guò)被切割成九宮格的視覺(jué)海報(bào),且九張圖中每張圖對(duì)應(yīng)鏈接產(chǎn)品實(shí)現(xiàn)頁(yè)面跳轉(zhuǎn)。
注意:
1、不需做9張圖。只需在做好整體效果的海報(bào)圖后使用“切片工具”將它切成9張圖。
2、縫隙處的設(shè)計(jì)。微淘海報(bào)發(fā)布后畫(huà)面中都會(huì)有縫隙的存在,因此在處理畫(huà)面時(shí),避免把文案放在縫隙上影響文案閱讀。
3、與產(chǎn)品鏈接的聯(lián)動(dòng)。微淘上的圖片可以添加鏈接,因此我們需要使畫(huà)面與產(chǎn)品鏈接有關(guān)聯(lián),不要隨意放置產(chǎn)品以免使顧客感到不適。
4.微信海報(bào)
微信海報(bào):多數(shù)電商的微信海報(bào)是服務(wù)老顧客的,為老顧客專(zhuān)享直播預(yù)告和拉新推廣。微信海報(bào)多為豎屏,因?yàn)樨Q屏更適合顧客閱讀。
對(duì)于這類(lèi)海報(bào),老顧客已經(jīng)對(duì)店鋪建立了基本的信任和了解,處理畫(huà)面時(shí)要注意海報(bào)風(fēng)格與店鋪風(fēng)格的一致性,使老顧客在看到海報(bào)時(shí)就能想到品牌。如:應(yīng)用統(tǒng)一視覺(jué)元素、配色。
制作海報(bào)時(shí)需要注意老顧客永遠(yuǎn)是希望自已有特別的優(yōu)惠,所以畫(huà)面應(yīng)突出老顧客專(zhuān)屬性,如:粉絲專(zhuān)享福利等。
制作直播預(yù)告海報(bào)時(shí)要注意時(shí)間和優(yōu)惠力度,突出直播時(shí)間、直播內(nèi)容、觀看直播享受的優(yōu)惠力度。
制作拉新海報(bào)時(shí)要思考顧客更在意通過(guò)微信能得到什么特別信息,如:資訊、知識(shí)、優(yōu)惠等,這些信息是在微淘看不到的。
注意:直播預(yù)告海報(bào)一般需要提前1-2天投放。設(shè)計(jì)師應(yīng)該預(yù)留出足夠的時(shí)間,避免把直播時(shí)間當(dāng)成直播預(yù)告時(shí)間。
六、電商海報(bào)設(shè)計(jì)實(shí)戰(zhàn)分享
下面還是根據(jù)前面文章的電商設(shè)計(jì)流程:需求、溝通、創(chuàng)意、草稿、初稿、修改、跟進(jìn),分享電商海報(bào)設(shè)計(jì)實(shí)戰(zhàn)經(jīng)驗(yàn)。
1.了解需求
了解需求:首先我們拿到需求后要仔細(xì)了解這個(gè)需求提供的內(nèi)容有什么?是否有遺漏關(guān)鍵信息?需求內(nèi)容是否正確?
可以根據(jù)前面的海報(bào)要素:主題,利益點(diǎn),產(chǎn)品,時(shí)間,地點(diǎn),交互指引,交付時(shí)間,風(fēng)格對(duì)應(yīng)確認(rèn)需求是否完整。(如需求表二)
從上面表格可以看出需求中并沒(méi)要說(shuō)明海報(bào)風(fēng)格,是否需要交互指引,準(zhǔn)確的交付時(shí)間,海報(bào)用在什么地方,所以我們應(yīng)該與運(yùn)營(yíng)進(jìn)行溝通,并完善需求。
2.前期溝通
前期溝通:根據(jù)上面表格與運(yùn)營(yíng)溝通補(bǔ)充完善缺漏的需求信息。(如需求表三)
注意:設(shè)計(jì)師都會(huì)遇到與運(yùn)營(yíng)溝通設(shè)計(jì)風(fēng)格時(shí),經(jīng)常會(huì)要求高級(jí)感,其實(shí)這個(gè)次非?;\統(tǒng),但是運(yùn)營(yíng)卻給不更準(zhǔn)確的描述,這時(shí)候我們應(yīng)該怎么辦呢?通常我會(huì)先找?guī)讖堃曈X(jué)上比較高端,但不同風(fēng)格的海報(bào)讓運(yùn)營(yíng)挑選他認(rèn)為的高級(jí)感的畫(huà)面風(fēng)格。這樣能更快,更準(zhǔn)確的了解到運(yùn)營(yíng)所理解的高級(jí)感。
3.創(chuàng)意階段
創(chuàng)意階段:確認(rèn)需求后我們就可以開(kāi)始找創(chuàng)意了。
- 從需求中我們知道這是詳情頁(yè)海報(bào)。在設(shè)計(jì)網(wǎng)站上搜索秋季海報(bào),我們可以發(fā)現(xiàn)大多會(huì)用:橙色,落葉等元素營(yíng)造秋日氛圍。
- 尋找大量護(hù)膚品相關(guān)的天然且干凈海報(bào)。我們會(huì)發(fā)現(xiàn)這些海報(bào)通常是場(chǎng)景簡(jiǎn)單且干凈畫(huà)面,字體為較細(xì)黑體的海報(bào)。藍(lán)色天空,云朵、氣泡等元素可以體現(xiàn)產(chǎn)品天然不刺激。
- 結(jié)合詳情頁(yè)風(fēng)格。如:詳情頁(yè)里面的元素、字體等做到視覺(jué)延展。
- 確定排版。通常這種橫版的海報(bào)排版有兩種常規(guī)的排版方式,居中排版,左右排版。當(dāng)然還有一些比較特別的排版方式如:對(duì)角線排版,s型排版。我們可以根據(jù)實(shí)際去確定排版方式。像這個(gè)需要突出產(chǎn)品和利益點(diǎn)的海報(bào),我覺(jué)得左右排版比較合適。
4.落地階段
落地階段:所有準(zhǔn)備工作完成后接下來(lái)就是真正展開(kāi)畫(huà)面實(shí)現(xiàn)的設(shè)計(jì)工作了。
通過(guò)前面的創(chuàng)意參考,查找所需的創(chuàng)意素材如:氣泡、秋葉、天空。
然后我們就可以根據(jù)想好的畫(huà)面,結(jié)合創(chuàng)意素材大概的把構(gòu)圖用草圖的方式畫(huà)出來(lái)。并運(yùn)營(yíng)再次溝通確定方案。
與運(yùn)營(yíng)溝通最終確認(rèn)板式后進(jìn)行初稿設(shè)計(jì)階段。
初稿完成后,我們先根據(jù)需求進(jìn)行查缺補(bǔ)漏,然后發(fā)給運(yùn)營(yíng)審核。
5.海報(bào)上線
確認(rèn)終稿并發(fā)與運(yùn)營(yíng)在規(guī)定時(shí)間內(nèi)上線。海報(bào)上線后我們應(yīng)該去查看上線效果,并在后續(xù)配合運(yùn)營(yíng)根據(jù)銷(xiāo)售情況隨時(shí)修改與調(diào)整內(nèi)容。
專(zhuān)欄作家
三原設(shè)計(jì),人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。分享B端設(shè)計(jì)、品牌設(shè)計(jì),原創(chuàng)設(shè)計(jì)文章、教程。
本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載
題圖來(lái)自 Unsplash,基于 CC0 協(xié)議
該文觀點(diǎn)僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺(tái)僅提供信息存儲(chǔ)空間服務(wù)。
- 目前還沒(méi)評(píng)論,等你發(fā)揮!