隨著電商競爭的加劇,電商店鋪的裝修成為提高客流量與轉化率的重要著力點。如何通過圖片與文字的恰當搭配與編排,讓店鋪的商品在眾多競爭對手中脫穎而出,是每個電商店鋪進行裝修時必須考慮的問題。《教你輕鬆學電商之店鋪裝修設計》專門講解電商店鋪裝修製作方法和技巧。
《教你輕鬆學電商之店鋪裝修設計》共分為12章。第1~2章介紹電商店鋪的裝修、包含內容、佈局方法、影像檔格式等基本知識。第3章介紹商品美化的幾種方法,比如裁剪、調色、摳圖和邊框處理等。第4~10章講述的是電商店鋪中的店標、LOGO、活動圖、店招、公告欄、導航條、首頁海報、主圖視圖和詳情頁視頻、首頁、詳情頁等店鋪頁面區域的裝修技巧和方法。第11章則講的是手機端電商店鋪的首頁、詳情頁等頁面的裝修技巧和方法。第12章通過3個大型的服裝店鋪裝修案例,詳細講解店鋪裝修的各種操作技巧。
《教你輕鬆學電商之店鋪裝修設計》不僅適合作為店主、美工自學或提高的教材,也適合想要從事電商方面工作又缺乏美術基礎的人員閱讀。同時也適合作為培訓機構、職業院校相關專業的參考教材。
作者介紹
聶榕,從事平面設計與手機App設計高校教育工作多年。曾在國內外核心雜誌發表論文,曾經指導多名學生獲得國內重大賽事及多個平面設計比賽的獎項。
劉豫軍,擁有豐富的藝術設計專業教學經驗,作品曾多次參加國內外設計比賽並被收藏,指導學生在國內外重大賽事中獲得優秀成績。並有多年博物館展覽策劃和宣傳教育的工作經驗,參與完成西漢南越王博物館多項大型展覽設計工作。
劉豫軍,擁有豐富的藝術設計專業教學經驗,作品曾多次參加國內外設計比賽並被收藏,指導學生在國內外重大賽事中獲得優秀成績。並有多年博物館展覽策劃和宣傳教育的工作經驗,參與完成西漢南越王博物館多項大型展覽設計工作。
目錄
第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
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
網路書店
類別
折扣
價格
-
新書87折$417