●章 網店美工初養成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
0章 綜合實例——設計旅行箱店鋪頁面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

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