電商海報到底怎么設計才吸引人「電商促銷海報設計技巧」

電商海報是目前網店宣傳的一種方式。在淘寶中，網店可以通過海報將自己的產品信息以一種特定的視覺方式傳遞給顧客，使顧客可以對店鋪產品有一個簡單的了解，進而對產品產生更多的關注，并決定購買。

一張好的電商海報對于電商品牌來說會有諸多影響和好處，它一是能清晰傳達產品信息，二是能增強畫面藝術表現力，三是能增加畫面的趣味。

設計一張海報并不難，但是想要設計一張優秀的海報卻不是那么容易，不僅要明白設計海報的意義，還要掌握設計的相關技巧，下面，數藝君就2大方面，給大家嘮嘮這方面的知識。

1

電商海報的意義

01

傳達產品信息

在電商海報設計中，傳達產品信息是最主要的目的，海報與文字一樣，在電商頁面中起著傳遞信息的作用，如圖所示。

02

增強畫面藝術表現力

電商海報是提升產品信息傳達效率的重要工具，因此圖形的形態結構會直接影響信息傳達的效果。

同時，具有較高視覺美感的電商海報更容易引發顧客心理的共鳴，增強畫面藝術感，輕松地促使瀏覽者接收所傳達的信息，如圖所示。

03

增加畫面趣味

如果一個頁面本身的內容還不夠豐富，那么使用電商海報圖可以起到充實頁面的作用，且讓產品信息能夠得到更多更豐富的表現，使頁面煥發活力，且更加具有趣味，如圖所示。

2

電商海報的設計要點

電商海報的設計要點包含以下4個，即主題突出、風格明確、構圖合理和細節完善。

01

主題突出

簡單地說，這里所謂的“主題突出”就是能讓顧客從海報中一眼就知道你想要表現的是什么，是優惠活動，還是商品特色。一般主題會放在海報的第一視覺中心，而且主題文字要求簡潔干練，如圖所示。

02

風格明確

風格其實就是設計作品給人的某種感覺，是小清新，還是文藝范，是古典風，還是甜美風等。

一般風格既可以根據產品屬性來定，又可以根據季節、節日等其他因素來定。此外，海報的風格要和整個店鋪風格相協調、統一才行，如圖所示。

03

構圖合理

這里所說的構圖其實就是指海報的排版。合理的構圖可以讓海報主題突出，同時讓畫面看著更加明朗清晰，進而讓產品信息表達得更清楚，且讓產品效果也表現得更充分，如圖所示。

04

細節完善

所謂“細節決定成敗”。做設計時我們同樣需要關注細節。在海報設計中我們需要注意的細節其實有很多。例如“購買”入口的引導，為了豐富畫面所添加的一些裝飾元素，這些都是屬于細節優化方面的內容，如圖所示。

最后，給大家安排了一個電商海報設計的實戰，小伙伴們趁熱打鐵，一起來試試吧。

3

案例：簡約海報的制作與安放

案例文件素材：

https://pan.baidu.com/s/1hJOZyBBiJmcMXgxcLOc0Cw

提取碼：6sto

案例視頻教程：

這是一張吸塵器產品海報。畫面中采用了地板元素，給人一種代入感，讓人很容易想象到它在實際應用中的場景；采用左文右圖的版式，這是較簡單也較容易掌握的一種排版方式，顯得簡潔，符合大眾審美，并且出圖快。效果如圖所示。

01 新建文件。執行“文件>新建”命令，在打開的“新建”對話框中設置“名稱”為“簡約海報”，“寬度”為“1920像素”，“高度”為“600像素”，“分辨率”為“72像素/英寸”，如圖所示。

02 調入背景。因為吸塵器是用在室內的，因此為了給顧客營造一種更加貼近生活且更加真實的感覺，所以采用了地板作為背景圖。執行“文件>打開”命令，打開“地板”素材圖片，然后將其調入畫面，并將其沿著畫布底部擺放，如圖所示。

03 新建參考線。執行“視圖>新建參考線”命令，在彈出的對話框中選擇“垂直”選項，分別設置一條“位置”為“485px”的參考線和一條“位置”為“1435px”的參考線，如圖1和圖2所示。之后確認，完成新建操作，如圖3所示。

圖1

圖2

圖3

04 添加商品。執行“文件>打開”命令，打開“商品”素材，將其調入畫面。在這里，我們準備采用左文右圖的排版方式，所以把商品放到了畫布的右側位置，如圖所示。

05 添加陰影。在上一步完成了之后，發現畫面效果有些生硬，因此想要給產品添加一些陰影效果，使其顯得更真實。

在“圖層”面板下方單擊“創建新圖層”按鈕 ，在商品圖層下方新建一個空白圖層，然后選擇“橢圓選框工具” ，在商品下方繪制一個橢圓，并填充為“黑色”，同時將圖層命名為“黑色陰影”，如圖所示。

06 選中“黑色陰影”圖層，在菜單欄中執行“濾鏡>模糊>高斯模糊”命令，然后在打開的“高斯模糊”對話框中設置“半徑”為“23.7像素”，如圖所示。

適當對黑色陰影進行模糊處理，同時適當降低其透明度，使其變得更加柔和和真實，如圖所示。

07 添加主標題。在工具箱中選擇“橫排文字工具”，然后在選項欄中設置“字體”為“思源黑體Bold”，“顏色”為黑色（R:105，G:103，B:103），然后在畫布中單擊并輸入“生活是用來享受的”字樣。之后按照同樣的方法制作“時尚簡約大氣”字樣，并適當調整字體的大小等樣式，如圖所示。

08 添加副標題。繼續選擇“橫排文字工具” ，在選項欄中設置“字體”為“華康宋體W5”，“顏色”為灰色（R:105，G:103，B:103），然后在畫布中單擊并輸入文字，適當調整字體的大小等樣式，如圖所示。

9 添加點綴文案。繼續選擇“橫排文字工具” ，然后在畫布中輸入“家用吸塵器”字樣，設置“字體”為“思源黑體ExtraLight”，“顏色”為淺灰色（R:105，G:103，B:103），如圖所示。

10 選擇“矩形工具” ，然后設置“填充”為灰黑色（R:94，G:92，B:92），如圖所示。在英文字體的下方繪制一個矩形框，然后選擇“橫排文字工具” ，然后輸入“立即購買”字樣，如圖所示。

使用“矩形工具” 繪制一個矩形，然后填充為紅色（R:255，G:1，B:0），并移動到文案中的合適位置。

11 添加裝飾元素。在菜單欄中執行“文件>打開”命令，打開“裝飾素材”素材，然后將其調入畫面，并將其調整到合適大小和位置，操作完成，如圖所示。

12 保存圖片。在菜單欄中執行“文件>存儲為Web所用格式”命令，如圖1所示。在彈出的對話框右側設置“存儲格式”為“JPEG”，“品質”為“80”，設置完成后確認存儲操作，如圖2所示。在彈出的對話框中設置“格式”為“僅限圖像”，即可完成存儲，如圖3所示。

圖1

圖2

圖3

13 登錄淘寶網。進入淘寶首頁，單擊“賣家中心”選項，如圖1所示。輸入賬號和密碼，登錄淘寶網頁，如圖2所示。

圖1

圖2

14 進入圖片空間。在打開的頁面中單擊“店鋪管理”一欄中的“圖片空間”選項，進入“圖片管理”頁面，如圖1所示。單擊下面的“復制鏈接”按鈕 ，將圖片鏈接復制，如圖2所示。

圖1

圖2

15 全屏裝修。在淘寶裝修后臺中，淘寶默認是不讓我們全屏裝修的，所以若要以全屏形式裝修海報的話，需要借助一款軟件，即“傳奇美工助手”來完成。啟動該軟件，選擇軟件中的“通用全屏”功能，然后將復制的鏈接粘貼到圖片地址框中，生成并復制鏈接，如圖所示。

16 當將上一步操作完成之后，進入店鋪裝修頁面，這時候我們從左側欄拖曳一個“自定義內容”模塊到頁面中，如圖所示。

單擊頁面右上角的“編輯”按鈕，在打開的頁面中設置“顯示標題”為“不顯示”，同時勾選“編輯源代碼”復選框，將剛剛生成的代碼粘貼到里面去，如圖1所示。最后確認，完成全屏裝修，如圖2所示。

圖1

圖2