電商訓(xùn)練營(yíng) 網(wǎng)店美工

第 1章 網(wǎng)店美工初養(yǎng)成001
1．1 如何勝任網(wǎng)店美工崗位002
1．1．1 網(wǎng)店美工要做什么002
1．1．2 網(wǎng)店美工需要哪些技能002
1．1．3 網(wǎng)店美工的注意事項(xiàng)003
1．2 網(wǎng)店美工必須掌握的設(shè)計(jì) 要點(diǎn)003
1．2．1 點(diǎn)、線(xiàn)、面三大基本設(shè)計(jì)元素003
1．2．2 怎么搭配色彩更出色005
1．2．3 視覺(jué)構(gòu)圖007
1．3 網(wǎng)店美工必須掌握的文案知識(shí)008
1．3．1 文案在美工中的重要性008
1．3．2 文案的策劃與編寫(xiě)008
1．4 網(wǎng)店美工必須掌握的裝修知識(shí)010
1．4．1 網(wǎng)店裝修的相關(guān)準(zhǔn)備工作010
1．4．2 網(wǎng)店裝修的相關(guān)術(shù)語(yǔ)011
1．4．3 網(wǎng)店首頁(yè)的結(jié)構(gòu)012
1．4．4 網(wǎng)店詳情頁(yè)的結(jié)構(gòu)012
1．4．5 店鋪裝修應(yīng)遵循的基本原則013
1．5 網(wǎng)店美工必須掌握的軟件014
1．5．1 認(rèn)識(shí)Photoshop圖像處理軟件014
1．5．2 認(rèn)識(shí)Dreamweaver頁(yè)面布局軟件015
1．6 疑難破解016
1． 淘寶美工除了掌握必需的技能外，還需要掌握哪些圖像知識(shí)？016
2． 如何定位網(wǎng)店的裝修風(fēng)格？016
3． 有哪些常見(jiàn)的配色方案？016
4． 在網(wǎng)店裝修設(shè)計(jì)中，字體的使用有哪些技巧呢？017
5． 有哪些優(yōu)秀的網(wǎng)店店面裝修可以借鑒？017
1．7 邊學(xué)邊練018
1． 賞析TPIWR天貓旗艦店顏色搭配和字體搭配018
2． 賞析歌莉婭官方店首頁(yè)的布局018
第 2章 拍攝并處理商品圖片019
2．1 拍攝商品圖片020
2．1．1 構(gòu)建拍攝環(huán)境020
2．1．2 吸光類(lèi)商品圖片的拍攝 020
2．1．3 反光類(lèi)商品圖片的拍攝 021
2．1．4 透明類(lèi)商品圖片的拍攝 022
2．1．5 商品拍攝的基本構(gòu)圖023
2．1．6 商品的清潔與擺放024
2．1．7 實(shí)戰(zhàn)——拍攝香水照片 025
2．2 調(diào)整商品圖片的大小026
2．2．1 網(wǎng)店圖片的常見(jiàn)尺寸026
2．2．2 按尺寸裁剪圖片028
2．2．3 裁剪傾斜圖片028
2．2．4 實(shí)戰(zhàn)——旋轉(zhuǎn)、裁剪并設(shè)置商品主圖的尺寸 029
2．3 修飾商品圖片030
2．3．1 使用污點(diǎn)修復(fù)畫(huà)筆工具組修復(fù)圖片030
2．3．2 使用圖章工具組修飾圖片034
2．3．3 使用模糊工具組修飾圖片036
2．3．4 使用減淡工具組修飾圖片037
2．3．5 使用液化工具修飾身形 038
2．3．6 實(shí)戰(zhàn)——處理淘寶模特臉部瑕疵039
2．3．7 實(shí)戰(zhàn)——處理金屬質(zhì)感的首飾 041
2．4 調(diào)整商品圖片的色彩與質(zhì)感044
2．4．1 調(diào)整圖片的亮度 對(duì)比度 044
2．4．2 調(diào)整圖片的色階045
2．4．3 調(diào)整圖片的曲線(xiàn)046
2．4．4 實(shí)戰(zhàn)——調(diào)整旅行包圖片047
2．5 摳取商品圖片替換背景049
2．5．1 快速摳取單色背景的商品圖片049
2．5．2 摳取輪廓清晰的商品圖片051
2．5．3 摳取精細(xì)的商品圖片052
2．5．4 摳取半透明的商品圖片 053
2．5．5 摳取人物毛發(fā)055
2．5．6 實(shí)戰(zhàn)——替換玻璃杯背景 056
2．6 使用文字和形狀描述商品圖片059
2．6．1 文字的選擇方法059
2．6．2 添加商品說(shuō)明性文字060
2．6．3 添加形狀豐富商品圖片062
2．6．4 實(shí)戰(zhàn)——美化不銹鋼炒鍋商品圖片063
2．6．5 實(shí)戰(zhàn)——為商品圖片添加文字水印065
2．7 疑難破解067
1． 網(wǎng)店商品照片的拍攝有什么要求？067
2． 拍攝過(guò)程中常見(jiàn)的布光方式有哪些？067
3． 怎樣判斷商品圖片需要調(diào)色？067
4． 怎樣保證處理商品圖片后照片不失真？067
5． 淘寶對(duì)商品圖片有什么要求？068
6． 怎樣讓圖片表達(dá)的信息更加完整？068
7． 什么樣的文案能快速引起顧客的共鳴？068
2．8 邊學(xué)邊練068
1． 美化沐浴露效果068
2． 調(diào)整護(hù)膚品圖像效果068
第3章 設(shè)計(jì)店鋪裝修元素069
3．1 設(shè)計(jì)店鋪Logo070
3．1．1 Logo的三大表現(xiàn)形式070
3．1．2 店鋪Logo設(shè)計(jì)的三大要領(lǐng) 070
3．1．3 實(shí)戰(zhàn)——制作燈具店鋪Logo071
3．2 設(shè)計(jì)店鋪店標(biāo)075
3．2．1 店標(biāo)設(shè)計(jì)的四大原則075
3．2．2 店標(biāo)設(shè)計(jì)的三大要領(lǐng)075
3．2．3 實(shí)戰(zhàn)——制作靜態(tài)燈具店鋪店標(biāo)076
3．2．4 實(shí)戰(zhàn)——制作動(dòng)態(tài)燈具店鋪店標(biāo)078
3．3 設(shè)計(jì)優(yōu)惠券080
3．3．1 優(yōu)惠券的設(shè)計(jì)要點(diǎn)081
3．3．2 實(shí)戰(zhàn)——制作燈具店鋪優(yōu)惠券081
3．4 設(shè)計(jì)快速導(dǎo)航條083
3．4．1 快速導(dǎo)航條有什么用083
3．4．2 實(shí)戰(zhàn)——制作燈具店鋪的快速導(dǎo)航條084
3．5 疑難破解087
1． 怎樣選擇Logo素材？087
2． 在設(shè)置動(dòng)態(tài)店標(biāo)時(shí)，是不是動(dòng)畫(huà)越多越好？088
3．6 邊學(xué)邊練088
1． 制作丫丫品牌童裝Logo088
2． 制作夏日炎炎店標(biāo)088
第4章 制作宣傳推廣圖089
4．1 制作高點(diǎn)擊率主圖090
4．1．1 商品主圖設(shè)計(jì)的三大要點(diǎn)090
4．1．2 制作優(yōu)質(zhì)商品主圖的技巧 091
4．1．3 實(shí)戰(zhàn)——制作燈具主圖092
4．2 制作具有創(chuàng)意的直通車(chē)推廣圖095
4．2．1 什么是直通車(chē)推廣圖095
4．2．2 直通車(chē)推廣圖投放的策略096
4．2．3 直通車(chē)圖片設(shè)計(jì)原則 096
4．2．4 實(shí)戰(zhàn)——制作燈具直通車(chē)推廣圖097
4．3 制作具有吸引力的智鉆圖101
4．3．1 智鉆的位置101
4．3．2 智鉆投放的目的和策略102
4．3．3 智鉆圖的設(shè)計(jì)標(biāo)準(zhǔn)102
4．3．4 智鉆圖的排版方式103
4．3．5 實(shí)戰(zhàn)——制作燈具智鉆圖104
4．4 疑難破解112
1． 怎樣通過(guò)不同的主圖來(lái) 表達(dá)產(chǎn)品？112
2． 如何在宣傳圖中體現(xiàn) 消費(fèi)者最在意的問(wèn)題？112
4．5 邊學(xué)邊練112
1． 制作播放器主圖112
2． 制作手表首焦智鉆圖112
第5章 制作店鋪首頁(yè)113
5．1 認(rèn)識(shí)店鋪首頁(yè)114
5．1．1 首頁(yè)設(shè)計(jì)的注意事項(xiàng)114
5．1．2 店鋪首頁(yè)布局的要點(diǎn) 114
5．2 制作店鋪店招115
5．2．1 店招的設(shè)計(jì)原則115
5．2．2 確定店招與眾不同的風(fēng)格115
5．2．3 店招的設(shè)計(jì)要求116
5．2．4 實(shí)戰(zhàn)——制作燈具常規(guī)店招116
5．2．5 實(shí)戰(zhàn)——制作燈具通欄店招118
5．3 制作全屏輪播圖119
5．3．1 全屏輪播圖的設(shè)計(jì)要點(diǎn)120
5．3．2 實(shí)戰(zhàn)——制作首張燈具全屏海報(bào)圖 120
5．3．3 實(shí)戰(zhàn)——制作第二張燈具全屏海報(bào)圖123
5．4 設(shè)計(jì)分類(lèi)模塊125
5．4．1 寶貝分類(lèi)模塊的設(shè)計(jì)要點(diǎn)125
5．4．2 實(shí)戰(zhàn)——制作燈具店鋪橫排分類(lèi)模塊125
5．4．3 實(shí)戰(zhàn)——制作燈具店鋪
縱排分類(lèi)模塊128
5．5 設(shè)計(jì)寶貝促銷(xiāo)展示模塊130
5．5．1 寶貝促銷(xiāo)展示模塊設(shè)計(jì)
要點(diǎn)130
5．5．2 實(shí)戰(zhàn)——制作新品促銷(xiāo)
展示模塊131
5．6 設(shè)計(jì)首頁(yè)頁(yè)尾135
5．6．1 怎樣設(shè)計(jì)頁(yè)尾模塊136
5．6．2 實(shí)戰(zhàn)——制作燈具店鋪
頁(yè)尾區(qū)域136
5．7 疑難破解138
1． 怎樣應(yīng)用淘寶自帶的模板？
138
2． 設(shè)計(jì)淘寶首頁(yè)有哪些技巧？
138
5．8 邊學(xué)邊練——制作婚紗店鋪
首頁(yè)138
第6章 視頻的拍攝
與制作139
6．1 制作主圖視頻140
6．1．1 拍攝寶貝視頻的流程140
6．1．2 認(rèn)識(shí)會(huì)聲會(huì)影141
6．1．3 實(shí)戰(zhàn)——拍攝護(hù)手霜
主圖視頻141
6．1．4 實(shí)戰(zhàn)——制作電飯煲
主圖視頻143
6．2 制作詳情頁(yè)視頻145
6．2．1 分割視頻素材145
6．2．2 添加視頻轉(zhuǎn)場(chǎng)特效146
6．2．3 添加視頻字幕147
6．2．4 錄制視頻聲音147
6．2．5 實(shí)戰(zhàn)——分割詳情頁(yè)
視頻147
6．2．6 實(shí)戰(zhàn)——為詳情頁(yè)視頻
添加轉(zhuǎn)場(chǎng)與特效149
6．2．7 實(shí)戰(zhàn)——為視頻添加
字幕151
6．2．8 實(shí)戰(zhàn)——為視頻添加
音頻153
6．3 將視頻上傳到網(wǎng)店中154
6．3．1 輸出視頻155
6．3．2 支持視頻功能的商品
類(lèi)目155
6．3．3 上傳視頻的要求155
6．3．4 實(shí)戰(zhàn)——上傳主圖視頻
155
6．3．5 實(shí)戰(zhàn)——上傳詳情頁(yè)
視頻156
6．4 疑難破解157
1． 視頻的基本術(shù)語(yǔ)有哪些？
157
2． 常用的視頻格式有哪些
特點(diǎn)？157
6．5 邊學(xué)邊練158
1． 制作牛排主圖視頻158
2． 制作刀具詳情頁(yè)視頻158
第7章 制作商品詳情頁(yè)159
7．1 認(rèn)識(shí)商品詳情頁(yè)160
7．1．1 商品詳情頁(yè)的設(shè)計(jì)要點(diǎn)160
7．1．2 商品詳情頁(yè)的設(shè)計(jì)思路與設(shè)計(jì)準(zhǔn)備161
7．1．3 商品詳情頁(yè)的設(shè)計(jì)原則161
7．2 制作焦點(diǎn)圖162
7．2．1 焦點(diǎn)圖的設(shè)計(jì)要點(diǎn)162
7．2．2 實(shí)戰(zhàn)——制作燈具焦點(diǎn)圖163
7．3 制作商品賣(mài)點(diǎn)圖165
7．3．1 商品賣(mài)點(diǎn)的特征165
7．3．2 商品賣(mài)點(diǎn)提煉的原則與方法165
7．3．3 實(shí)戰(zhàn)——制作燈具賣(mài)點(diǎn)圖 165
7．4 制作商品信息展示圖171
7．4．1 商品參數(shù)的常用表達(dá)方式171
7．4．2 對(duì)比圖的制作171
7．4．3 商品信息的展示方式172
7．4．4 實(shí)戰(zhàn)——制作燈具信息展示圖172
7．5 制作商品細(xì)節(jié)圖174
7．5．1 商品細(xì)節(jié)圖的展示方法174
7．5．2 實(shí)戰(zhàn)——制作燈具細(xì)節(jié)圖176
7．6 制作商品快遞與售后圖179
7．6．1 商品快遞與售后圖的設(shè)計(jì)要點(diǎn)179
7．6．2 實(shí)戰(zhàn)——制作燈具快遞與售后圖179
7．7 疑難破解182
1． 商品詳情頁(yè)有什么設(shè)計(jì)技巧？182
2． 如何抓住詳情頁(yè)設(shè)計(jì)的重點(diǎn)？182
3． 為什么顧客瀏覽詳情頁(yè)后還是流失了？183
7．8 邊學(xué)邊練183
1． 制作女包詳情頁(yè)183
2． 制作旅行包詳情頁(yè)184
第8章 裝修店鋪?lái)?yè)面185
8．1 使用Photoshop切片186
8．1．1 切片的作用186
8．1．2 切片技巧186
8．1．3 實(shí)戰(zhàn)——圖片的切片186
8．1．4 實(shí)戰(zhàn)——切片的優(yōu)化和保存188
8．2 圖片空間190
8．2．1 圖片空間的進(jìn)入方法190
8．2．2 圖片空間的優(yōu)勢(shì)191
8．2．3 管理空間圖片191
8．2．4 查看圖片排列與引用方式191
8．2．5 實(shí)戰(zhàn)——上傳商品圖片到圖片空間192
8．2．6 實(shí)戰(zhàn)——?jiǎng)h除與還原圖片194
8．2．7 實(shí)戰(zhàn)——替換寶貝圖片 194
8．3 使用Dreamweaver生成代碼195
8．3．1 HTML 標(biāo)簽介紹195
8．3．2 店鋪中常見(jiàn)的鏈接代碼196
8．3．3 實(shí)戰(zhàn)——使用Dreamweaver生成和修改代碼196
8．3．4 實(shí)戰(zhàn)——在Dreamweaver中添加熱點(diǎn)與鏈接198
8．4 完成店鋪裝修200
8．4．1 選擇合適的店鋪版本200
8．4．2 應(yīng)用系統(tǒng)模板200
8．4．3 搭建框架201
8．4．4 實(shí)戰(zhàn)——使用系統(tǒng)模塊裝修店招202
8．4．5 實(shí)戰(zhàn)——使用源代裝修常規(guī)海報(bào)204
8．4．6 實(shí)戰(zhàn)——使用外部代碼裝修全屏海報(bào)205
8．5 疑難破解207
1． 裝修過(guò)程中有哪些誤區(qū)？該怎么進(jìn)行解決？207
2． 上傳圖片提示“你不能使用他人圖片空間中的圖片”該怎么辦？207
8．6 邊學(xué)邊練208
1． 切片休閑鞋主圖208
2． 上傳休閑鞋首頁(yè)208
第9章 手機(jī)淘寶店鋪?lái)?yè)面設(shè)計(jì)209
9．1 手機(jī)淘寶店鋪要怎么裝修210
9．1．1 手機(jī)淘寶店鋪裝修的潮流趨勢(shì)210
9．1．2 手機(jī)端店鋪的裝修要點(diǎn) 210
9．1．3 手機(jī)端店鋪設(shè)計(jì)的必要性210
9．1．4 手機(jī)端店鋪與電腦端店鋪大比拼211
9．1．5 實(shí)戰(zhàn)——手機(jī)淘寶店鋪裝修入口及后臺(tái)操作212
9．2 手機(jī)淘寶店鋪首頁(yè)裝修213
9．2．1 手機(jī)淘寶店鋪首頁(yè)有哪些模塊213
9．2．2 手機(jī)端淘寶店鋪首頁(yè)模塊的裝修要點(diǎn)214
9．2．3 手機(jī)淘寶店鋪首頁(yè)的裝修注意事項(xiàng)214
9．2．4 實(shí)戰(zhàn)——制作手機(jī)淘寶店鋪店招214
9．2．5 實(shí)戰(zhàn)——制作手機(jī)端焦點(diǎn)圖216
9．2．6 實(shí)戰(zhàn)——制作手機(jī)端優(yōu)惠券218
9．2．7 實(shí)戰(zhàn)——設(shè)計(jì)手機(jī)端商品分類(lèi)導(dǎo)航221
9．2．8 實(shí)戰(zhàn)——設(shè)計(jì)手機(jī)端寶貝列表圖222
9．3 使用“淘寶神筆”模板制作詳情頁(yè)227
9．3．1 手機(jī)端詳情頁(yè)的特征227
9．3．2 手機(jī)端詳情頁(yè)設(shè)計(jì)的 要點(diǎn)228
9．3．3 實(shí)戰(zhàn)——使用“淘寶神筆”制作女包詳情頁(yè)228
9．4 自定義個(gè)性化頁(yè)面裝修231
9．4．1 自定義頁(yè)面裝修要點(diǎn)231
9．4．2 實(shí)戰(zhàn)——制作自定義菜單231
9．4．3 實(shí)戰(zhàn)——制作自定義活動(dòng)頁(yè)面232
9．5 疑難破解234
1． 手機(jī)端活動(dòng)頁(yè)的主要類(lèi)型有哪些？234
2． 如何提升手機(jī)端淘寶店鋪的流量？234
3． 如何快速將電腦端模板轉(zhuǎn)化應(yīng)用于手機(jī)端？234
9．6 邊學(xué)邊練——制作棉襪手機(jī)端詳情頁(yè)234
第 10章 綜合實(shí)例——設(shè)計(jì)旅行箱店鋪?lái)?yè)面235
10．1 設(shè)計(jì)旅行箱店鋪的首頁(yè)236
10．1．1 旅行箱店鋪首頁(yè)的設(shè)計(jì)思路236
10．1．2 旅行箱店鋪首頁(yè)有哪些模塊236
10．1．3 旅行箱店鋪首頁(yè)的設(shè)計(jì)237
10．2 設(shè)計(jì)旅行箱店鋪的詳情頁(yè)255
10．2．1 旅行箱店鋪詳情頁(yè)的設(shè)計(jì)思路255
10．2．2 旅行箱店鋪詳情頁(yè)有哪些模塊256
10．2．3 旅行箱店鋪詳情頁(yè)的操作步驟256
10．3 邊學(xué)邊練264
1． 制作女包首頁(yè)264
2． 制作女包詳情頁(yè)264