電商設計之海報設計超全攻略

0 評論 511 瀏覽 0 收藏 12 分鐘

如果你不知道如何提升設計能力,那就先打好基礎,搭建好知識體系,讓你的設計有理可依,有據(jù)可引。體現(xiàn)你的專業(yè),才能讓人信服,讓別人看到你的價值。

作為設計師海報設計大家一定是經(jīng)常搬的磚了。海報設計其實蓋含了很多設計知識,包括配色,排版,光影,創(chuàng)意等。每個有經(jīng)驗的設計師應該都有一套方法去完成海報設計,但也不免會碰到各種各樣的問題,如:沒有創(chuàng)意,溝通不到位反稿,設計不被認可等問題。這篇文章我就針對這些問題,分享一下關于電商海報設計實戰(zhàn)分享。

首先我們先要了解海報是什么?優(yōu)秀海報的標準是什么?海報包含哪些信息?海報設計時有哪些注意事項?電商海報有哪些分類?

一、海報是什么?

我認為海報是通過圖文設計更形象、高效的向消費者傳遞信息的圖片。

二、優(yōu)秀海報的標準是什么?

海報設計很多時候不是視覺上好看就能拿高分。在特定場景下使用,能更好傳播信息才是海報的評分標準。消費者在網(wǎng)站上瀏覽一個畫面通常只會停留幾秒,如何保證消費者瀏覽頁面的這幾秒時間里準確傳達活動信息是海報設計是否成功的關鍵。

三、海報包含哪些信息?

海報中包含的元素有:主題,利益點,產(chǎn)品,時間,尺寸,交互指引。

四、海報設計應注意什么?

換位思考。站在顧客的角度,代入購物場景中去思考什么東西才是顧客想看到的、想要了解的。

文案簡潔。一般人高效接受的文字長度一般是5~9個字符,文字太多會產(chǎn)生閱讀障礙。因此把文案處理在合適字符范圍內,更易顧客在短時間內接收關鍵信息。

文案圖像化。比起文字人們更喜歡看圖,因為圖形更形象具體、高效的傳遞信息,所以我們要盡量做到文字圖形化。

五、電商海報有哪些分類?

1.彈屏海報

彈屏海報:它會在顧客進去店鋪首頁時主動彈出;把店鋪內最吸引人的優(yōu)惠信息展現(xiàn)給顧客,主要展示優(yōu)惠信息和互動預熱。

彈屏海報的特點:

1.具有促銷氛圍,畫面以突出促銷信息為主。

2.較為簡潔,不會使用過多元素。

2.引流海報

引流海報:放置在店部首頁把流量引導至活動產(chǎn)品詳情頁或活動二級頁的海報。針對的是瀏覽店鋪首頁的顧客。

這類顧客關心的主要有兩點:

1.快速找到自己需要的產(chǎn)品。

2.了解店鋪優(yōu)惠信息。

設計師在設計這種海報時應該著重體現(xiàn)這兩點,達到引流的目的。

注意:

1、既要與店鋪首頁風格一致,又要盡可能地吸引顧客。

2、有常規(guī)類和異型類。

常規(guī)類:較為常見的長方形海報樣式,整體布局較為常規(guī)。

異型類:邊緣不規(guī)則,布局較為特殊。

3.詳情頁海報

詳情頁海報:放在產(chǎn)品詳情上方的海報。通常頁面布局是詳情頁海報、活動折線圖、產(chǎn)品推薦、產(chǎn)品詳情。

詳情頁海報不僅要具有吸引力,又要與詳情頁整體風格統(tǒng)一。如果整體上沒有做到視覺統(tǒng)一,即使詳情海報多好看,在整個頁面中也會顯得特別突兀,且降低顧客對品牌的信任度。我們可以對詳情頁的視覺進行延展設計,做到視覺統(tǒng)一,如:延用詳情頁主色調、字體風格等。

4.微淘海報

微淘海報:是一種通過被切割成九宮格的視覺海報,且九張圖中每張圖對應鏈接產(chǎn)品實現(xiàn)頁面跳轉。

注意:

1、不需做9張圖。只需在做好整體效果的海報圖后使用“切片工具”將它切成9張圖。

2、縫隙處的設計。微淘海報發(fā)布后畫面中都會有縫隙的存在,因此在處理畫面時,避免把文案放在縫隙上影響文案閱讀。

3、與產(chǎn)品鏈接的聯(lián)動。微淘上的圖片可以添加鏈接,因此我們需要使畫面與產(chǎn)品鏈接有關聯(lián),不要隨意放置產(chǎn)品以免使顧客感到不適。

4.微信海報

微信海報:多數(shù)電商的微信海報是服務老顧客的,為老顧客專享直播預告和拉新推廣。微信海報多為豎屏,因為豎屏更適合顧客閱讀。

對于這類海報,老顧客已經(jīng)對店鋪建立了基本的信任和了解,處理畫面時要注意海報風格與店鋪風格的一致性,使老顧客在看到海報時就能想到品牌。如:應用統(tǒng)一視覺元素、配色。

制作海報時需要注意老顧客永遠是希望自已有特別的優(yōu)惠,所以畫面應突出老顧客專屬性,如:粉絲專享福利等。

制作直播預告海報時要注意時間和優(yōu)惠力度,突出直播時間、直播內容、觀看直播享受的優(yōu)惠力度。

制作拉新海報時要思考顧客更在意通過微信能得到什么特別信息,如:資訊、知識、優(yōu)惠等,這些信息是在微淘看不到的。

注意:直播預告海報一般需要提前1-2天投放。設計師應該預留出足夠的時間,避免把直播時間當成直播預告時間。

六、電商海報設計實戰(zhàn)分享

下面還是根據(jù)前面文章的電商設計流程:需求、溝通、創(chuàng)意、草稿、初稿、修改、跟進,分享電商海報設計實戰(zhàn)經(jīng)驗。

1.了解需求

 

了解需求:首先我們拿到需求后要仔細了解這個需求提供的內容有什么?是否有遺漏關鍵信息?需求內容是否正確?

可以根據(jù)前面的海報要素:主題,利益點,產(chǎn)品,時間,地點,交互指引,交付時間,風格對應確認需求是否完整。(如需求表二)

從上面表格可以看出需求中并沒要說明海報風格,是否需要交互指引,準確的交付時間,海報用在什么地方,所以我們應該與運營進行溝通,并完善需求。

2.前期溝通

前期溝通:根據(jù)上面表格與運營溝通補充完善缺漏的需求信息。(如需求表三)

注意:設計師都會遇到與運營溝通設計風格時,經(jīng)常會要求高級感,其實這個次非?;\統(tǒng),但是運營卻給不更準確的描述,這時候我們應該怎么辦呢?通常我會先找?guī)讖堃曈X上比較高端,但不同風格的海報讓運營挑選他認為的高級感的畫面風格。這樣能更快,更準確的了解到運營所理解的高級感。

3.創(chuàng)意階段

創(chuàng)意階段:確認需求后我們就可以開始找創(chuàng)意了。

  1. 從需求中我們知道這是詳情頁海報。在設計網(wǎng)站上搜索秋季海報,我們可以發(fā)現(xiàn)大多會用:橙色,落葉等元素營造秋日氛圍。
  2. 尋找大量護膚品相關的天然且干凈海報。我們會發(fā)現(xiàn)這些海報通常是場景簡單且干凈畫面,字體為較細黑體的海報。藍色天空,云朵、氣泡等元素可以體現(xiàn)產(chǎn)品天然不刺激。
  3. 結合詳情頁風格。如:詳情頁里面的元素、字體等做到視覺延展。
  4. 確定排版。通常這種橫版的海報排版有兩種常規(guī)的排版方式,居中排版,左右排版。當然還有一些比較特別的排版方式如:對角線排版,s型排版。我們可以根據(jù)實際去確定排版方式。像這個需要突出產(chǎn)品和利益點的海報,我覺得左右排版比較合適。

4.落地階段

 

落地階段:所有準備工作完成后接下來就是真正展開畫面實現(xiàn)的設計工作了。

通過前面的創(chuàng)意參考,查找所需的創(chuàng)意素材如:氣泡、秋葉、天空。

然后我們就可以根據(jù)想好的畫面,結合創(chuàng)意素材大概的把構圖用草圖的方式畫出來。并運營再次溝通確定方案。

與運營溝通最終確認板式后進行初稿設計階段。

初稿完成后,我們先根據(jù)需求進行查缺補漏,然后發(fā)給運營審核。

5.海報上線

確認終稿并發(fā)與運營在規(guī)定時間內上線。海報上線后我們應該去查看上線效果,并在后續(xù)配合運營根據(jù)銷售情況隨時修改與調整內容。

專欄作家

三原設計,人人都是產(chǎn)品經(jīng)理專欄作家。分享B端設計、品牌設計,原創(chuàng)設計文章、教程。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉載

題圖來自 Unsplash,基于 CC0 協(xié)議

該文觀點僅代表作者本人,人人都是產(chǎn)品經(jīng)理平臺僅提供信息存儲空間服務。

更多精彩內容,請關注人人都是產(chǎn)品經(jīng)理微信公眾號或下載App
評論
評論請登錄
  1. 目前還沒評論,等你發(fā)揮!
专题
12340人已学习12篇文章
广告营销是为了销售产品,既然花了钱当然希望能给产品的销量带来增长。本专题的文章分享了广告营销指南。
专题
12505人已学习14篇文章
大多数产品经理都会经历职场晋升和转正述职的时刻,这个时候,你该怎么做准备?本专题的文章分享了述职报告撰写指南。
专题
16670人已学习12篇文章
供应链管理系统是最早期面向企业的软件解决方案之一,供应商管理又是供应链链条中的上游部分。本专题的文章分享了供应商管理设计指南以及供应链的基础知识。
专题
12007人已学习12篇文章
面对多岗位意见不统一时,如何提升自己的话语权,让自己的建议能够真正被他人纳入范围内?本专题的文章分享了关于提升话语权的一些建议。