如果你不知道如何提升設(shè)計(jì)能力，那就先打好基礎(chǔ)，搭建好知識(shí)體系，讓你的設(shè)計(jì)有理可依，有據(jù)可引。體現(xià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)有哪些分類？

一、海報(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)有哪些分類？

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è)的顧客。

這類顧客關(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ī)類和異型類。

常規(guī)類：較為常見(jiàn)的長(zhǎng)方形海報(bào)樣式，整體布局較為常規(guī)。

異型類：邊緣不規(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ù)老顧客的，為老顧客專享直播預(yù)告和拉新推廣。微信海報(bào)多為豎屏，因?yàn)樨Q屏更適合顧客閱讀。

對(duì)于這類海報(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)突出老顧客專屬性，如：粉絲專享福利等。

制作直播預(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)容。

專欄作家

三原設(shè)計(jì)，人人都是產(chǎn)品經(jīng)理專欄作家。分享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ù)。