教你輕松學電商之店鋪裝修設計

第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 自定裁剪區(qū) 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 不規(guī)則形狀摳圖 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 制作靜態(tài)店標 43

4.1.2 制作動態(tài)店標 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 動態(tài)公告欄 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 首頁歡迎區(qū) 112

7.1.1 概述 112

7.1.2 設計分析 112

7.1.3 案例制作 113

7.2 店鋪收藏區(qū) 118

7.2.1 概述 118

7.2.2 設計分析 118

7.2.3 案例制作 118

7.3 客服區(qū) 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 自定義展區(qū)制作 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 優(yōu)惠券 186

11.2.5 活動區(qū) 186

11.2.6 分類區(qū) 186

11.2.7 商品展示區(qū) 187

11.3 手機端詳情設計 187

11.3.1 手機端與PC端的不同 187

11.3.2 設計規(guī)范 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