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

第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