內容簡介

隨著電商競爭的加劇，電商店鋪的裝修成為提高客流量與轉化率的重要著力點。如何通過圖片與文字的恰當搭配與編排，讓店鋪的商品在眾多競爭對手中脫穎而出，是每個電商店鋪進行裝修時必須考慮的問題。《教你輕松學電商之店鋪裝修設計》專門講解電商店鋪裝修制作方法和技巧。

《教你輕松學電商之店鋪裝修設計》共分為12章。第1～2章介紹電商店鋪的裝修、包含內容、布局方法、圖像文件格式等基本知識。第3章介紹商品美化的幾種方法，比如裁剪、調色、摳圖和邊框處理等。第4～10章講述的是電商店鋪中的店標、LOGO、活動圖、店招、公告欄、導航條、首頁海報、主圖視圖和詳情頁視頻、首頁、詳情頁等店鋪頁面區域的裝修技巧和方法。第11章則講的是手機端電商店鋪的首頁、詳情頁等頁面的裝修技巧和方法。第12章通過3個大型的服裝店鋪裝修案例，詳細講解店鋪裝修的各種操作技巧。

《教你輕松學電商之店鋪裝修設計》不僅適合作為淘寶店主、淘寶美工自學或提高的教材，也適合想要從事電商方面工作又缺乏美術基礎的人員閱讀。同時也適合作為培訓機構、職業院校相關專業的參考教材。

 

前言

隨著電子商務的快速發展、電商企業的規模不斷擴大，對人才專業化、細分化的需求更為迫切，然而實戰型的電商人才匱乏，已成為電商行業快速發展的瓶頸。網店跟實體店一樣，也需要裝修，電商店鋪裝修是網店營銷的著力點，通過裝修電商店鋪，可以提高店鋪的客流量和轉化率。

一、編寫目的

鑒于電商飛速發展，以及Photoshop強大的功能和深厚的工程應用底蘊，我們力圖編寫一套全方位介紹Photoshop在電商行業實際應用情況的叢書。本書以店鋪裝修設計的理念為出發點，配以專業的圖形處理軟件Photoshop做講解，幫助讀者實實在在地掌握店鋪裝修設計理念和店鋪裝修案例的分析和設計。

二、本書內容安排

本書主要通過理論加案例實戰的組合形式，介紹Photoshop、會聲會影在店鋪裝修設計中各板塊的功能，從商品美化圖、電商店鋪設計、電商首頁設計、小視頻制作、輔助頁面設計、促銷廣告設計、詳情頁裝修設計、手機端設計等，內容覆蓋度極為寬廣全面，可謂同類書中之冠。

而為了讓讀者更好地學習本書的知識，在編寫時特地對本書采取了疏導分流的措施，將近250頁的內容劃分為了12章共計40多個案例，具體編排如下表所示。

章名               內 容 安 排

第1章       主要介紹店鋪裝修的意義、包含內容、搭配布局等基本知識

第2章       主要介紹店鋪裝修的圖像文件格式、裝修常識、圖片空間獲取等基礎知識

第3章       主要介紹商品美化方法，比如裁剪、調色、摳圖、加邊框等

第4章       主要介紹電商店鋪中的店標、LOGO、活動圖等案例設計

第5章       主要介紹電商店鋪中的店招、公告欄、導航條、首頁海報等案例設計

第6章       主要介紹電商店鋪中的主圖視頻、詳情頁視頻案例設計與基礎知識

第7章       主要介紹電商店鋪中的首頁歡迎區、店鋪收藏區、客服區等案例設計

第8章       主要介紹電商店鋪中的促銷廣告的基礎知識與案例設計

第9章       主要介紹電商店鋪中的詳情頁的基礎知識與案例設計

第10章      主要介紹電商店鋪中的寶貝陳列展區、分類引導區、店鋪頁尾等案例設計

第11章      主要介紹手機端電商店鋪中各個頁面的基礎知識與裝修技巧

第12章      主要介紹女性服裝店鋪、男性服裝店鋪以及兒童服裝店鋪的裝修技巧

三、本書寫作特色

為了讓讀者更好地學習與翻閱，本書在具體的寫法上也暗藏玄機，具體總結如下。

零起點快速起步，軟件技術全面掌握

本書從電商店鋪裝修的基本概念講起，由淺入深，逐漸深入，對電商店鋪裝修的設計思路、原則、方法和技巧進行了全面的闡述。

案例貼身實戰，技巧原理細心解說

本書每個知識點都配有課堂舉例，直觀、生動地演示每個技術核心。在一些重點和要點處，還添加了大量的提示和技巧講解，幫助讀者理解和加深認識，從而真正掌握，以達到舉一反三、靈活運用的目的。

15種行業類型，行業應用全面接觸

本書實例涉及服裝、化妝、箱包、數碼等常見15種行業類型，讀者可以從中積累相關經驗，拓展設計思路，以快速適應靈活多變的電商店鋪裝修制作要求。

40多個制作實例，設計技能快速提升

本書講解的電商店鋪裝修設計案例，全部來源于實際商業項目，包含一流的創意和智慧，為讀者了解一個主題或產品應如何展示提供了較好的“臨摹”藍本。

高清視頻講解，學習效率輕松翻倍

全書40個實例長達13小時，可以通過掃描實例中的二維碼隨時隨地享受專家課堂式的講解，提高學習興趣和效率。另外，書中實例所需素材以及源文件可通過掃描右側的二維碼進行下載。

網絡在線答疑，自學溝通零距離

為了方便自學的讀者，本系列圖書提供了免費在線答疑QQ群，有專業老師在線為各位讀者解答學習中遇到的任何問題，解除讀者的后顧之憂。

四、本書寫作團隊

本書由聶榕、葉振艷、劉豫軍編著，其他參與編寫的還有江凡、張潔、馬梅桂、戴京京、駱天、胡丹、陳運炳、申玉秀、陳云香、陳文香、陳軍云、彭斌全、林小群、劉清平、鐘睦、劉里鋒、朱海濤、廖博、喻文明、易盛、陳晶、張紹華、陳文軼、楊少波、楊芳、劉有良、劉珊、趙祖欣、毛瓊健、江濤、張范、田燕等。

由于編者水平有限，書中疏漏與不妥之處在所難免。在感謝您選擇本書的同時，也希望您能夠把對本書的意見和建議告訴我們。

編 者

目錄

第1章 電商裝修的初步了解

1.1 店鋪裝修介紹         2

1.1.1 裝修概述         2

1.1.2 意義      3

1.2 店鋪裝修包含的內容         4

1.2.1 店招      4

1.2.2 導航      5

1.2.3 詳情頁  5

1.2.4 促銷模板         6

1.3 店鋪的搭配布局     7

1.3.1 裝修版面布局            7

1.3.2 圖片與文字布局        8

1.3.3 配色方案布局          10

第2章 電商裝修的基礎

2.1 店鋪裝修用到的圖像文件           12

2.1.1 PSD圖像格式           12

2.1.2 GIF圖像格式            12

2.1.3 JPEG圖像格式         12

2.1.4 PNG圖像格式          13

2.1.5 BMP圖像格式          13

2.2 店鋪裝修常識       13

2.2.1 確定銷售商品的類型          14

2.2.2 收集可用素材          14

2.2.3 認識店鋪的種類      15

2.3 獲取店鋪圖片的存儲空間           16

2.4 店鋪裝修基礎       18

2.4.1 選擇風格       18

2.4.2 布局管理       19

2.4.3 寶貝分類管理          20

第3章 商品美化圖

3.1 商品的裁剪           22

3.1.1 自定裁剪區   22

3.1.2 按尺寸裁剪   23

3.1.3 裁剪傾斜圖片          25

3.2 商品圖調色處理   27

3.2.1 處理偏暗的圖片      27

3.2.2 處理色彩暗淡的圖片          28

3.2.3 處理偏色的圖片      29

3.3 多種摳圖    30

3.3.1 不規則形狀摳圖      31

3.3.2 簡單背景摳圖          33

3.3.3 復雜圖形摳圖          34

3.4 邊框、水印、批處理       36

3.4.1 添加邊框       36

3.4.2 添加水印       38

3.4.3 批處理提高工作效率          40

第4章 電商店鋪設計

4.1 店標設計    43

4.1.1 制作靜態店標          43

4.1.2 制作動態店標          46

4.1.3 將店標應用到店鋪中          48

4.2 LOGO設計            48

4.2.1 LOGO的意義           48

4.2.2 制作店鋪LOGO       49

4.2.3 為商品添加LOGO   50

4.3 活動圖制作           51

4.3.1 制作直通車圖          52

4.3.2 制作鉆展圖   58

4.3.3 制作聚劃算圖          62

第5章 電商首頁設計

5.1 店招的制作           70

5.1.1 店招的設計原則和要求      70

5.1.2 店招的類別   70

5.1.3 店招的設計邏輯      70

5.1.4 案例制作：休閑服裝店招設計與詳解          71

5.2 制作精美公告欄   75

5.2.1 文字公告欄   75

5.2.2 圖片公告欄   76

5.2.3 動態公告欄   76

5.2.4 案例制作：店鋪公告欄設計與詳解   76

5.3 精準的定位——導航條   78

5.3.1 導航條介紹   79

5.3.2 導航條的設計要求  79

5.3.3 案例制作：導航條設計與詳解     80

5.4 首頁海報/輪播圖設計      85

5.4.1 海報的視覺要點      85

5.4.2 制作海報圖   86

5.4.3 海報圖裝修   92

5.4.4 輪播圖裝修   93

第6章 小視頻制作

6.1 視頻拍攝    95

6.1.1 淘寶商品拍攝流程  95

6.1.2 視頻構圖的基本原則          96

6.1.3 景別與角度   98

6.2 認識會聲會影       99

6.2.1 會聲會影的工作界面          99

6.2.2 視頻制作流程       100

6.3 視頻制作  100

6.3.1 制作9s主圖視頻     101

6.3.2 制作詳情頁視頻    104

6.3.3 為視頻添加LOGO  107

6.3.4 為視頻添加音樂    108

6.4 上傳視頻  109

第7章 輔助頁面設計

7.1 首頁歡迎區         112

7.1.1 概述  112

7.1.2 設計分析     112

7.1.3 案例制作     113

7.2 店鋪收藏區         118

7.2.1 概述  118

7.2.2 設計分析     118

7.2.3 案例制作     118

7.3 客服區      124

7.3.1 概述  124

7.3.2 設計分析     124

7.3.3 案例制作     124

第8章 促銷廣告設計

8.1 促銷廣告設計的標準     130

8.1.1 主題突出     130

8.1.2 目標明確     131

8.1.3 形式美觀     131

8.2 促銷廣告的實施步驟     133

8.2.1 設計實施步驟        133

8.2.2 設計需求表            133

8.2.3 素材庫管理            134

8.3 案例制作：促銷廣告設計與詳解  134

第9章 詳情頁裝修設計

9.1 詳情頁概述         142

9.2 設計分析  143

9.2.1 構成框架     143

9.2.2 設計原則     145

9.2.3 制作流程     145

9.3 案例制作：女鞋詳情頁面設計 146

第10章 電商頁面其他裝修

10.1 寶貝陳列展示設計       165

10.1.1 寶貝陳列展示的視覺要點         165

10.1.2 寶貝推薦模塊設置         165

10.1.3 自定義展區制作  166

10.2 分類引導設計   172

10.3 店鋪頁尾設計   178

10.3.1 頁尾的視覺要點  178

10.3.2 頁尾的制作         179

第11章 手機端設計

11.1 手機端店鋪的裝修要點            184

11.2 手機端首頁設計            184

11.2.1 首頁裝修技巧     185

11.2.2 店招          185

11.2.3 焦點圖      185

11.2.4 優惠券      186

11.2.5 活動區      186

11.2.6 分類區      186

11.2.7 商品展示區         187

11.3 手機端詳情設計            187

11.3.1 手機端與PC端的不同    187

11.3.2 設計規范  188

11.3.3 產品描述要素     188

11.4 手機端其他設計            189

11.5 案例制作：手機端零食店鋪首頁裝修設計       191

第12章 服裝類店鋪裝修案例集合

12.1 女性服裝店鋪裝修設計案例   208

12.1.1 設計分析  208

12.1.2 制作步驟  208

12.2 男性服裝店鋪裝修設計案例   221

12.2.1 設計分析  221

12.2.2 制作步驟  222

12.3 兒童服裝店鋪裝修設計案例   234

12.3.1 設計分析  235

12.3.2 制作步驟  235