電商設(shè)計(jì)之海報(bào)設(shè)計(jì)超全攻略

0 評(píng)論 1210 瀏覽 4 收藏 12 分鐘

如果你不知道如何提升設(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)意了。

  1. 從需求中我們知道這是詳情頁(yè)海報(bào)。在設(shè)計(jì)網(wǎng)站上搜索秋季海報(bào),我們可以發(fā)現(xiàn)大多會(huì)用:橙色,落葉等元素營(yíng)造秋日氛圍。
  2. 尋找大量護(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)品天然不刺激。
  3. 結(jié)合詳情頁(yè)風(fēng)格。如:詳情頁(yè)里面的元素、字體等做到視覺(jué)延展。
  4. 確定排版。通常這種橫版的海報(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ù)。

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 目前還沒(méi)評(píng)論,等你發(fā)揮!