電商訓練營：網店美工 （簡體書）

《電商訓練營 網店美工》從零基礎出發，通過理論結合實例的形式，全面、系統地介紹了網店美工的知識、技能和工作內容，旨在為網店美工，尤其是淘寶美工的初學者，提供實用的圖片處理及店鋪裝修指導，幫助其快速適應崗位需求，輕鬆搞定各種技術活。
《電商訓練營 網店美工》共有10章，第1章至第9章介紹網店美工的必備知識與操作技巧，包括拍攝並處理商品圖片、設計店鋪裝修元素、製作宣傳推廣圖、製作店鋪首頁、拍攝與製作視頻、製作商品詳情頁、裝修店鋪頁面、設計手機端淘寶店頁面等。第10章通過一個售賣旅行箱的店鋪頁面設計的綜合案例，對前面所學的知識進行鞏固和實踐。
《電商訓練營 網店美工》可作為各類電子商務培訓機構和高等院校電子商務專業的培訓教材，也可作為電商從業人員全面瞭解網店美工工作的參考書。

第 1章 網店美工初養成 001
1.1 如何勝任網店美工崗位 002
1.1.1 網店美工要做什麼 002
1.1.2 網店美工需要哪些技能002
1.1.3 網店美工的注意事項 003
1.2 網店美工必須掌握的設計 要點 003
1.2.1 點、線、面三大基本設計元素 003
1.2.2 怎麼搭配色彩更出色 005
1.2.3 視覺構圖 007
1.3 網店美工必須掌握的文案知識 008
1.3.1 文案在美工中的重要性 008
1.3.2 文案的策劃與編寫 008
1.4 網店美工必須掌握的裝修知識 010
1.4.1 網店裝修的相關準備工作 010
1.4.2 網店裝修的相關術語 011
1.4.3 網店首頁的結構 012
1.4.4 網店詳情頁的結構 012
1.4.5 店鋪裝修應遵循的基本原則 013
1.5 網店美工必須掌握的軟件 014
1.5.1 認識Photoshop圖像處理軟件 014
1.5.2 認識Dreamweaver頁面布局軟件 015
1.6 疑難破解 016
1. 淘寶美工除了掌握必需的技能外，還需要掌握哪些圖像知識？ 016
2. 如何定位網店的裝修風格？ 016
3. 有哪些常見的配色方案？ 016
4. 在網店裝修設計中，字體的使用有哪些技巧呢？ 017
5. 有哪些優秀的網店店面裝修可以借鑒？ 017
1.7 邊學邊練 018
1. 賞析TPIWR天貓旗艦店顏色搭配和字體搭配 018
2. 賞析歌莉婭官方店首頁的佈局 018

第 2章 拍攝並處理商品圖片 019
2.1 拍攝商品圖片 020
2.1.1 構建拍攝環境 020
2.1.2 吸光類商品圖片的拍攝 020
2.1.3 反光類商品圖片的拍攝 021
2.1.4 透明類商品圖片的拍攝 022
2.1.5 商品拍攝的基本構圖 023
2.1.6 商品的清潔與擺放 024
2.1.7 實戰――拍攝香水照片 025
2.2 調整商品圖片的大小 026
2.2.1 網店圖片的常見尺寸 026
2.2.2 按尺寸裁剪圖片 028
2.2.3 裁剪傾斜圖片 028
2.2.4 實戰――旋轉、裁剪並設置商品主圖的尺寸 029
2.3 修飾商品圖片 030
2.3.1 使用污點修復畫筆工具組修復圖片 030
2.3.2 使用圖章工具組修飾圖片 034
2.3.3 使用模糊工具組修飾圖片 036
2.3.4 使用減淡工具組修飾圖片 037
2.3.5 使用液化工具修飾身形 038
2.3.6 實戰――處理淘寶模特臉部瑕疵 039
2.3.7 實戰――處理金屬質感的首飾 041
2.4 調整商品圖片的色彩與質感 044
2.4.1 調整圖片的亮度/對比度 044
2.4.2 調整圖片的色階 045
2.4.3 調整圖片的曲線 046
2.4.4 實戰――調整旅行包圖片 047
2.5 摳取商品圖片替換背景 049
2.5.1 快速摳取單色背景的商品圖片 049
2.5.2 摳取輪廓清晰的商品圖片 051
2.5.3 摳取精細的商品圖片 052
2.5.4 摳取半透明的商品圖片 053
2.5.5 摳取人物毛髮 055
2.5.6 實戰――替換玻璃杯背景 056
2.6 使用文字和形狀描述商品圖片 059
2.6.1 文字的選擇方法 059
2.6.2 添加商品說明性文字 060
2.6.3 添加形狀豐富商品圖片062
2.6.4 實戰――美化不銹鋼炒鍋商品圖片 063
2.6.5 實戰――為商品圖片添加文字水印 065
2.7 疑難破解 067
1. 網店商品照片的拍攝有什麼要求？ 067
2. 拍攝過程中常見的布光方式有哪些？ 067
3. 怎樣判斷商品圖片需要調色？ 067
4. 怎樣保證處理商品圖片後照片不失真？ 067
5. 淘寶對商品圖片有什麼要求？ 068
6. 怎樣讓圖片表達的信息更加完整？ 068
7. 什麼樣的文案能快速引起顧客的共鳴？ 068
2.8 邊學邊練 068
1. 美化沐浴露效果 068
2. 調整護膚品圖像效果 068

第3章 設計店鋪裝修元素 069
3.1 設計店鋪Logo 070
3.1.1 Logo的三大表現形式 070
3.1.2 店鋪Logo設計的三大要領 070
3.1.3 實戰――製作燈具店鋪Logo 071
3.2 設計店鋪店標 075
3.2.1 店標設計的四大原則 075
3.2.2 店標設計的三大要領 075
3.2.3 實戰――製作靜態燈具店鋪店標 076
3.2.4 實戰――製作動態燈具店鋪店標 078
3.3 設計優惠券 080
3.3.1 優惠券的設計要點 081
3.3.2 實戰――製作燈具店鋪優惠券 081
3.4 設計快速導航條 083
3.4.1 快速導航條有什麼用 083
3.4.2 實戰――製作燈具店鋪的快速導航條 084
3.5 疑難破解 087
1. 怎樣選擇Logo素材？ 087
2. 在設置動態店標時，是不是動畫越多越好？ 088
3.6 邊學邊練 088
1. 製作丫丫品牌童裝Logo 088
2. 製作夏日炎炎店標 088

第4章 製作宣傳推廣圖 089
4.1 製作高點擊率主圖 090
4.1.1 商品主圖設計的三大要點 090
4.1.2 製作優質商品主圖的技巧 091
4.1.3 實戰――製作燈具主圖 092
4.2 製作具有創意的直通車推廣圖 095
4.2.1 什麼是直通車推廣圖 095
4.2.2 直通車推廣圖投放的策略 096
4.2.3 直通車圖片設計原則 096
4.2.4 實戰――製作燈具直通車推廣圖 097
4.3 製作具有吸引力的智鑽圖 101
4.3.1 智鑽的位置 101
4.3.2 智鑽投放的目的和策略 102
4.3.3 智鑽圖的設計標準 102
4.3.4 智鑽圖的排版方式 103
4.3.5 實戰――製作燈具智鑽圖 104
4.4 疑難破解 112
1. 怎樣通過不同的主圖來 表達產品？ 112
2. 如何在宣傳圖中體現 消費者最在意的問題？ 112
4.5 邊學邊練 112
1. 製作播放器主圖 112
2. 製作手錶首焦智鑽圖 112

第5章 製作店鋪首頁 113
5.1 認識店鋪首頁 114
5.1.1 首頁設計的注意事項 114
5.1.2 店鋪首頁佈局的要點 114
5.2 製作店鋪店招 115
5.2.1 店招的設計原則 115
5.2.2 確定店招與眾不同的風格 115
5.2.3 店招的設計要求 116
5.2.4 實戰――製作燈具常規店招 116
5.2.5 實戰――製作燈具通欄店招 118
5.3 製作全屏輪播圖 119
5.3.1 全屏輪播圖的設計要點 120
5.3.2 實戰――製作首張燈具全屏海報圖 120
5.3.3 實戰――製作第二張燈具全屏海報圖 123
5.4 設計分類模塊 125
5.4.1 寶貝分類模塊的設計要點 125
5.4.2 實戰――製作燈具店鋪橫排分類模塊 125
5.4.3 實戰――製作燈具店鋪
縱排分類模塊 128
5.5 設計寶貝促銷展示模塊 130
5.5.1 寶貝促銷展示模塊設計
要點 130
5.5.2 實戰――製作新品促銷
展示模塊 131
5.6 設計首頁頁尾 135
5.6.1 怎樣設計頁尾模塊 136
5.6.2 實戰――製作燈具店鋪
頁尾區域 136
5.7 疑難破解 138
1. 怎樣應用淘寶自帶的模板？
138
2. 設計淘寶首頁有哪些技巧？
138
5.8 邊學邊練――製作婚紗店鋪
首頁 138

第6章 視頻的拍攝
與製作 139
6.1 制作主圖視頻 140
6.1.1 拍攝寶貝視頻的流程 140
6.1.2 認識會聲會影 141
6.1.3 實戰――拍攝護手霜
主圖視頻 141
6.1.4 實戰――製作電飯煲
主圖視頻 143
6.2 製作詳情頁視頻 145
6.2.1 分割視頻素材 145
6.2.2 添加視頻轉場特效 146
6.2.3 添加視頻字幕 147
6.2.4 錄製視頻聲音 147
6.2.5 實戰――分割詳情頁
視頻 147
6.2.6 實戰――為詳情頁視頻
添加轉場與特效 149
6.2.7 實戰――為視頻添加
字幕 151
6.2.8 實戰――為視頻添加
音頻 153
6.3 將視頻上傳到網店中 154
6.3.1 輸出視頻 155
6.3.2 支持視頻功能的商品
類目 155
6.3.3 上傳視頻的要求 155
6.3.4 實戰――上傳主圖視頻
155
6.3.5 實戰――上傳詳情頁
視頻 156
6.4 疑難破解 157
1. 視頻的基本術語有哪些？
157
2. 常用的視頻格式有哪些
特點？ 157
6.5 邊學邊練 158
1. 製作牛排主圖視頻 158
2. 製作刀具詳情頁視頻 158

第7章 製作商品詳情頁 159
7.1 認識商品詳情頁 160
7.1.1 商品詳情頁的設計要點 160
7.1.2 商品詳情頁的設計思路與設計準備 161
7.1.3 商品詳情頁的設計原則 161
7.2 製作焦點圖 162
7.2.1 焦點圖的設計要點 162
7.2.2 實戰――製作燈具焦點圖 163
7.3 製作商品賣點圖 165
7.3.1 商品賣點的特徵 165
7.3.2 商品賣點提煉的原則與方法 165
7.3.3 實戰――製作燈具賣點圖 165
7.4 製作商品信息展示圖 171
7.4.1 商品參數的常用表達方式 171
7.4.2 對比圖的製作 171
7.4.3 商品信息的展示方式 172
7.4.4 實戰――製作燈具信息展示圖 172
7.5 製作商品細節圖 174
7.5.1 商品細節圖的展示方法 174
7.5.2 實戰――製作燈具細節圖 176
7.6 製作商品快遞與售後圖 179
7.6.1 商品快遞與售後圖的設計要點 179
7.6.2 實戰――製作燈具快遞與售後圖 179
7.7 疑難破解 182
1. 商品詳情頁有什麼設計技巧？ 182
2. 如何抓住詳情頁設計的重點？ 182
3. 為什麼顧客瀏覽詳情頁後還是流失了？ 183
7.8 邊學邊練 183
1. 製作女包詳情頁 183
2. 製作旅行包詳情頁 184

第8章 裝修店鋪頁面 185
8.1 使用Photoshop切片 186
8.1.1 切片的作用 186
8.1.2 切片技巧 186
8.1.3 實戰――圖片的切片 186
8.1.4 實戰――切片的優化和保存 188
8.2 圖片空間 190
8.2.1 圖片空間的進入方法 190
8.2.2 圖片空間的優勢 191
8.2.3 管理空間圖片 191
8.2.4 查看圖片排列與引用方式 191
8.2.5 實戰――上傳商品圖片到圖片空間 192
8.2.6 實戰――刪除與還原圖片 194
8.2.7 實戰――替換寶貝圖片 194
8.3 使用Dreamweaver生成代碼 195
8.3.1 HTML 標簽介紹 195
8.3.2 店鋪中常見的鏈接代碼 196
8.3.3 實戰――使用Dreamweaver生成和修改代碼 196
8.3.4 實戰――在Dreamweaver中添加熱點與鏈接 198
8.4 完成店鋪裝修 200
8.4.1 選擇合適的店鋪版本 200
8.4.2 應用系統模板 200
8.4.3 搭建框架 201
8.4.4 實戰――使用系統模塊裝修店招 202
8.4.5 實戰――使用源代裝修常規海報 204
8.4.6 實戰――使用外部代碼裝修全屏海報 205
8.5 疑難破解 207
1. 裝修過程中有哪些誤區？該怎麼進行解決？ 207
2. 上傳圖片提示“你不能使用他人圖片空間中的圖片”該怎麼辦？ 207
8.6 邊學邊練 208
1. 切片休閒鞋主圖 208
2. 上傳休閒鞋首頁 208

第9章 手機淘寶店鋪頁面設計 209
9.1 手機淘寶店鋪要怎麼裝修210
9.1.1 手機淘寶店鋪裝修的潮流趨勢 210
9.1.2 手機端店鋪的裝修要點 210
9.1.3 手機端店鋪設計的必要性 210
9.1.4 手機端店鋪與電腦端店鋪大比拼 211
9.1.5 實戰――手機淘寶店鋪裝修入口及後臺操作 212
9.2 手機淘寶店鋪首頁裝修 213
9.2.1 手機淘寶店鋪首頁有哪些模塊 213
9.2.2 手機端淘寶店鋪首頁模塊的裝修要點 214
9.2.3 手機淘寶店鋪首頁的裝修注意事項 214
9.2.4 實戰――製作手機淘寶店鋪店招 214
9.2.5 實戰――製作手機端焦點圖 216
9.2.6 實戰――製作手機端優惠券 218
9.2.7 實戰――設計手機端商品分類導航 221
9.2.8 實戰――設計手機端寶貝列表圖 222
9.3 使用“淘寶神筆”模板製作詳情頁 227
9.3.1 手機端詳情頁的特徵227
9.3.2 手機端詳情頁設計的 要點 228
9.3.3 實戰――使用“淘寶神筆”製作女包詳情頁228
9.4 自定義個性化頁面裝修 231
9.4.1 自定義頁面裝修要點231
9.4.2 實戰――製作自定義菜單 231
9.4.3 實戰――製作自定義活動頁面 232
9.5 疑難破解 234
1. 手機端活動頁的主要類型有哪些？ 234
2. 如何提升手機端淘寶店鋪的流量？ 234
3. 如何快速將電腦端模板轉化應用於手機端？ 234
9.6 邊學邊練――製作棉襪手機端詳情頁 234

第 10章 綜合實例――設計旅行箱店鋪頁面 235
10.1 設計旅行箱店鋪的首頁236
10.1.1 旅行箱店鋪首頁的設計思路 236
10.1.2 旅行箱店鋪首頁有哪些模塊 236
10.1.3 旅行箱店鋪首頁的設計 237
10.2 設計旅行箱店鋪的詳情頁255
10.2.1 旅行箱店鋪詳情頁的設計思路 255
10.2.2 旅行箱店鋪詳情頁有哪些模塊 256
10.2.3 旅行箱店鋪詳情頁的操作步驟 256
10.3 邊學邊練 264
1. 製作女包首頁 264
2. 製作女包詳情頁 264