電商訓練營網店美工

《電商訓練營網店美工》是2019年人民郵電出版社出版的圖書，作者是蔡雪梅。

基本介紹

• 書名：電商訓練營網店美工 
• 作者：蔡雪梅
• 出版社：人民郵電出版社
• ISBN：9787115493248

內容簡介

《電商訓練營 網店美工》從零基礎出發，通過理論結合實例的形式，全面、系統地介紹了網店美工的知識、技能和工作內容，旨在為網店美工，尤其是淘寶美工的初學者，提供實用的圖片處理及店鋪裝修指導，幫助其快速適應崗位需求，輕鬆搞定各種技術活。

《電商訓練營 網店美工》共有10章，第1章至第9章介紹網店美工的必備知識與操作技巧，包括拍攝並處理商品圖片、設計店鋪裝修元素、製作宣傳推廣圖、製作店鋪首頁、拍攝與製作視頻、製作商品詳情頁、裝修店鋪頁面、設計手機端淘寶店頁面等。第10章通過一個售賣旅行箱的店鋪頁面設計的綜合案例，對前面所學的知識進行鞏固和實踐。

《電商訓練營 網店美工》可作為各類電子商務培訓機構和高等院校電子商務專業的培訓教材，也可作為電商從業人員全面了解網店美工工作的參考書。

作者簡介

作者從事電商視覺設計工作多年，千圖網特邀設計師、90設計認證服務商家。現為某公司主設計師，主要負責店鋪視覺裝修設計、電商產品拍攝、宣傳形象片拍攝與編輯等工作。

目錄

第 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 設計店鋪Logo070

3．1．1 Logo的三大表現形式070

3．1．2 店鋪Logo設計的三大要領 070

3．1．3 實戰——製作燈具店鋪Logo071

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． 製作丫丫品牌童裝Logo088

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