手把手教你海報設計製作「海報怎麼設計吸引人」

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

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

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

1

電商海報的意義

01

傳達產品信息

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

02

增強畫面藝術表現力

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

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

03

增加畫面趣味

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

2

電商海報的設計要點

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

01

主題突出

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

02

風格明確

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

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

03

構圖合理

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

04

細節完善

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

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

3

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

案例文件素材：

提取碼：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