第1章 淘寶天貓美工是個(gè)多面手 1.1　淘寶天貓開店離不開美工 1.1.1　淘寶天貓美工不是為了設(shè)計(jì)而設(shè)計(jì)　2 1.1.2　淘寶天貓美工的主要任務(wù)　3 1.2　店鋪頁面設(shè)計(jì)：風(fēng)格、色彩、布局 1.2.1　店鋪風(fēng)格設(shè)計(jì)　5 1.2.2　店鋪色彩設(shè)計(jì)　10 1.2.3　店鋪布局設(shè)計(jì)　12 1.3　店鋪裝修設(shè)計(jì)：圖片、版式與廣告 1.3.1　圖片美化與處理　14 1.3.2　主圖設(shè)計(jì)　15 1.3.3　版式設(shè)計(jì)　15 1.3.4　廣告設(shè)計(jì)　16 1.4　傳達(dá)視覺營銷：懂點(diǎn)運(yùn)營知識，會(huì)點(diǎn)文案寫作 1.4.1　淘寶天貓美工要懂點(diǎn)運(yùn)營知識　16 1.4.2　淘寶天貓美工要會(huì)點(diǎn)文案寫作　22 1.5　如何修煉美工的創(chuàng)意能力 第2章　圖像處理與海報(bào)設(shè)計(jì) 2.1　“小”處理凸顯“大”效果 2.1.1　調(diào)整圖片大小以符合所需的尺寸　27 2.1.2　“剪”出來的視覺之美——裁剪出最佳視角的圖片　27 2.1.3　“撥亂反正”——調(diào)整傾斜的圖片　28 2.2　還原圖片“真身” 2.2.1　使用“USM銳化”命令讓模糊圖片的細(xì)節(jié)更清晰　29 2.2.2　使用“亮度/對比度”命令調(diào)整對比度，讓圖片主題更突出　31 2.2.3　使用“曲線”命令讓圖片色彩更真實(shí)　31 2.2.4　使用污點(diǎn)修復(fù)畫筆工具除去污點(diǎn)讓圖片更潔凈　32 2.3　使用摳圖利器輕松摳圖 2.3.1　使用魔棒工具摳取色彩比較單一的圖像　34 2.3.2　使用磁性套索工具摳取輪廓與背景顏色對比強(qiáng)烈的圖像　35 2.3.3　使用鋼筆工具摳取具有折點(diǎn)直線或折點(diǎn)曲線的圖像　36 2.3.4　使用通道摳取透明體或毛發(fā)類圖像　38 2.3.5　使用蒙版摳取邊緣復(fù)雜的圖像　39 2.4　人像圖片的美化處理 2.4.1　使用仿制圖章工具修復(fù)斑點(diǎn)　41 2.4.2　使用修補(bǔ)工具修補(bǔ)瑕疵　42 2.4.3　巧用濾鏡讓皮膚變光滑　43 2.4.4　巧用蒙版調(diào)整皮膚狀態(tài)　44 2.4.5　使用“曲線”命令讓皮膚變白　45 2.4.6　巧用濾鏡對人物瘦身　46 2.5　圖片特殊效果處理 2.5.1　更換圖片的背景　48 2.5.2　添加水印防止他人盜圖　51 2.5.3　制作倒影讓商品更真實(shí)　52 2.6　制作店鋪海報(bào) 2.6.1　制作場景海報(bào)　56 2.6.2　制作創(chuàng)意海報(bào)　59 2.6.3　制作活動(dòng)海報(bào)　61 第3章　網(wǎng)店圖片的規(guī)劃與拍攝 3.1　淘寶拍攝的特點(diǎn) 3.2　淘寶商品拍攝的基本流程 3.2.1　制訂商品拍攝方案　69 3.2.2　準(zhǔn)備拍攝商品　69 3.2.3　拍攝環(huán)境　69 3.2.4　拍攝的道具　70 3.2.5　擺姿勢　70 3.2.6　正式拍攝　70 3.2.7　拍攝后修圖　71 3.3　選擇合適拍攝工具的極簡法則 3.4　拍攝必備基本技能 3.4.1　從直方圖可以看出圖片的曝光情況　73 3.4.2　用好光圈、快門和ISO值讓圖片更精彩　76 3.4.3　采用合理的構(gòu)圖讓圖片看上去更動(dòng)感、更時(shí)尚　79 3.4.4　選擇適當(dāng)?shù)钠毓饽Ｊ健?0 3.4.5　使用微距模式拍攝商品細(xì)節(jié)　82 3.4.6　查看拍攝的圖片的參數(shù)　83 3.4.7　正確的拍攝姿勢　84 3.5　手機(jī)也能拍出好圖片 3.6　主圖的規(guī)劃與拍攝 3.6.1　商品主圖規(guī)劃　89 3.6.2　商品細(xì)節(jié)特寫圖片的規(guī)劃　89 3.6.3　使用攝影棚讓拍攝更簡單　90 3.7　商品描述詳情頁圖片的規(guī)劃與拍攝 3.7.1　買家想知道的商品信息　91 3.7.2　賣家需要展示的商品信息　91 3.7.3　規(guī)劃商品圖片拍攝　91 3.7.4　活用小道具讓商品圖片更真實(shí)、更搶眼　94 3.8　室外拍攝的注意事項(xiàng) 3.8.1　選擇最佳的拍攝時(shí)間　95 3.8.2　光線的運(yùn)用　95 第4章　淘寶視頻的拍攝與制作 4.1　淘寶視頻拍攝 4.1.1　淘寶視頻的要求　98 4.1.2　淘寶視頻的拍攝流程　99 4.1.3　視頻構(gòu)圖的基本原則　100 4.1.4　視頻拍攝的景別、方位、角度　101 4.2　使用愛剪輯制作視頻 4.2.1　剪切視頻　104 4.2.2　為視頻配音　107 4.2.3　為視頻添加字幕　109 4.2.4　為視頻添加轉(zhuǎn)場特效　112 4.2.5　為視頻添加Logo圖片　114 4.2.6　調(diào)整視頻播放速度　116 4.2.7　設(shè)置視頻畫面尺寸并導(dǎo)出視頻　117 4.3　主圖視頻、詳情視頻的制作與發(fā)布 4.3.1　制作主圖視頻、詳情視頻　117 4.3.2　將視頻上傳到淘寶店鋪裝修后臺　121 4.3.3　發(fā)布主圖視頻、詳情視頻　124 第5章　店鋪裝修后臺基本操作 5.1　店鋪管理 5.1.1　查看淘寶店鋪　128 5.1.2　店鋪裝修　128 5.1.3　手機(jī)淘寶店鋪　131 5.1.4　店鋪基本設(shè)置　132 5.2　寶貝分類管理 5.2.1　進(jìn)入寶貝分類管理　135 5.2.2　添加、移動(dòng)、刪除寶貝分類　135 5.2.3　添加分類背景圖片　136 5.2.4　未分類寶貝管理　137 5.3　淘寶圖片空間管理 5.3.1　進(jìn)入圖片空間　138 5.3.2　創(chuàng)建圖片文件夾　138 5.3.3　上傳寶貝主圖、詳情圖片　139 5.3.4　圖片的基本操作　140 5.4　新品發(fā)布 5.4.1　選擇寶貝類目　143 5.4.2　編輯寶貝屬性　144 5.4.3　添加寶貝主圖　144 5.4.4　添加描述圖片　145 5.4.5　設(shè)置售后保障服務(wù)　149 5.4.6　出售中的寶貝　149 5.4.7　倉庫中的寶貝　150 第6章　店鋪裝修基本流程 6.1　選擇合適的旺鋪版本 6.1.1　旺鋪基礎(chǔ)版和旺鋪專業(yè)版　152 6.1.2　旺鋪專業(yè)版與基礎(chǔ)版裝修功能對比　153 6.1.3　旺鋪專業(yè)版與基礎(chǔ)版功能模塊對比　154 6.1.4　淘寶旺鋪智能版　155 6.2　店鋪基礎(chǔ)裝修流程 6.2.1　選擇店鋪模板　155 6.2.2　設(shè)置整體配色方案　157 6.2.3　設(shè)置首頁布局　158 6.2.4　添加自定義模塊　159 6.2.5　創(chuàng)建自定義二級頁面　160 6.2.6　寶貝詳情頁裝修　161 6.2.7　寶貝分類頁裝修　166 6.2.8　店鋪頁尾裝修　168 6.2.9　店鋪備份與還原　169 6.3　店鋪裝修的注意事項(xiàng) 第7章　店鋪首頁裝修與視覺設(shè)計(jì) 7.1　店鋪首頁設(shè)計(jì)要點(diǎn) 7.2　店招設(shè)計(jì)的基礎(chǔ)知識 7.2.1　店招的位置與尺寸　176 7.2.2　店招的設(shè)計(jì)原則　178 7.2.3　店招的設(shè)計(jì)要點(diǎn)　178 7.3　店標(biāo)設(shè)計(jì)與上傳 7.3.1　設(shè)計(jì)店標(biāo)　179 7.3.2　上傳店標(biāo)　180 7.4　設(shè)計(jì)店招 7.4.1　制作店招　181 7.4.2　切片保存　183 7.5　裝修店招 7.5.1　上傳圖片　185 7.5.2　添加店招、頁頭背景　187 7.5.3　添加系統(tǒng)導(dǎo)航　189 7.5.4　發(fā)布店招　190 7.6　全屏輪播海報(bào)設(shè)計(jì)與裝修 7.6.1　海報(bào)的視覺設(shè)計(jì)要點(diǎn)　191 7.6.2　制作全屏海報(bào)　193 7.6.3　全屏海報(bào)裝修　196 7.6.4　全屏輪播圖裝修　198 7.7　寶貝陳列展示區(qū)設(shè)計(jì)與裝修 7.7.1　寶貝陳列展示區(qū)的視覺設(shè)計(jì)要點(diǎn)　203 7.7.2　寶貝推薦模塊的設(shè)置　204 7.7.3　自定義展示區(qū)設(shè)計(jì)　205 7.7.4　自定義展示區(qū)裝修　211 7.8　店鋪頁尾設(shè)計(jì)與裝修 7.8.1　店鋪頁尾的視覺設(shè)計(jì)要點(diǎn)　213 7.8.2　店鋪頁尾設(shè)計(jì)　214 7.8.3　店鋪頁尾裝修　217 7.9　店鋪背景裝修 7.9.1　店鋪背景的視覺設(shè)計(jì)要點(diǎn)　220 7.9.2　自定義背景裝修　221 7.9.3　固定背景裝修　223 第8章　寶貝主圖與詳情頁視覺設(shè)計(jì) 8.1　寶貝主圖設(shè)計(jì) 8.1.1　寶貝主圖設(shè)計(jì)要點(diǎn)　226 8.1.2　寶貝主圖設(shè)計(jì)實(shí)例　229 8.2　寶貝詳情頁設(shè)計(jì) 8.2.1　寶貝詳情頁的內(nèi)容　234 8.2.2　寶貝詳情頁的模塊展示　234 8.2.3　寶貝詳情頁設(shè)計(jì)的注意事項(xiàng)　238 8.2.4　寶貝詳情頁的制作流程　239 8.3　詳情關(guān)聯(lián)營銷設(shè)計(jì) 8.3.1　關(guān)聯(lián)營銷設(shè)計(jì)要點(diǎn)　240 8.3.2　關(guān)聯(lián)營銷圖片設(shè)計(jì)實(shí)例　242 第9章　直通車圖、鉆展圖視覺設(shè)計(jì) 9.1　直通車圖視覺設(shè)計(jì) 9.1.1　認(rèn)識直通車圖　247 9.1.2　直通車圖設(shè)計(jì)要點(diǎn)與差異化分析　248 9.1.3　直通車圖版式設(shè)計(jì)　250 9.1.4　直通車圖的審核標(biāo)準(zhǔn)　252 9.2　鉆展圖視覺設(shè)計(jì) 9.2.1　認(rèn)識鉆展圖　253 9.2.2　鉆展圖設(shè)計(jì)要求　255 9.2.3　鉆展圖版式設(shè)計(jì)　257 9.2.4　鉆展圖的審核標(biāo)準(zhǔn)　268 9.3　鉆展圖設(shè)計(jì)實(shí)例 第10章　手機(jī)淘寶店鋪裝修設(shè)計(jì) 10.1　手機(jī)端店鋪裝修基礎(chǔ) 10.1.1　手機(jī)端店鋪與電腦端裝修的區(qū)別　272 10.1.2　手機(jī)端店鋪裝修要點(diǎn)　272 10.1.3　選擇手機(jī)端店鋪裝修模板　273 10.2　手機(jī)端店鋪店招裝修設(shè)置 10.2.1　手機(jī)端店鋪名稱設(shè)置　276 10.2.2　手機(jī)端店鋪Logo設(shè)置　277 10.2.3　手機(jī)端店招圖片設(shè)計(jì)　278 10.3　手機(jī)端店鋪輪播圖的設(shè)計(jì)與裝修 10.3.1　手機(jī)端店鋪輪播圖設(shè)計(jì)　281 10.3.2　手機(jī)端店鋪輪播圖裝修　283 10.4　手機(jī)淘寶店鋪優(yōu)惠券裝修設(shè)置 10.4.1　自動(dòng)添加優(yōu)惠券　285 10.4.2　手動(dòng)添加優(yōu)惠券　286 10.5　手機(jī)淘寶店鋪商品展示裝修設(shè)計(jì) 10.5.1　自動(dòng)商品展示裝修設(shè)計(jì)　288 10.5.2　自定義商品展示裝修設(shè)計(jì)　290 10.6　手機(jī)淘寶店鋪?zhàn)远�義頁面裝修設(shè)計(jì) 10.6.1　創(chuàng)建手機(jī)端店鋪?zhàn)远�義頁面　292 10.6.2　裝修手機(jī)端店鋪?zhàn)远�義頁面　294 10.7　手機(jī)淘寶店鋪?zhàn)远�義菜單設(shè)計(jì) 10.7.1　創(chuàng)建自定義菜單　294 10.7.2　自定義菜單管理　297 10.8　手機(jī)淘寶店鋪詳情關(guān)聯(lián)裝修設(shè)計(jì) 10.8.1　詳情關(guān)聯(lián)寶貝推薦設(shè)計(jì)　298 10.8.2　詳情優(yōu)惠券設(shè)置　300 10.8.3　詳情活動(dòng)海報(bào)設(shè)置　302 10.9　手機(jī)淘寶店鋪互動(dòng)服務(wù)窗設(shè)計(jì) 10.9.1　標(biāo)配菜單　304 10.9.2　設(shè)置圖文卡片　304 10.9.3　設(shè)置視頻卡片　306 10.9.4　設(shè)置店鋪精選　309 10.10　手機(jī)海報(bào)編輯發(fā)布 10.10.1　選擇手機(jī)海報(bào)模板　310 10.10.2　編輯手機(jī)海報(bào)　312 第　11 章 網(wǎng)店色彩設(shè)計(jì) 11.1　了解色彩的相關(guān)知識 11.1.1　色彩的分類　315 11.1.2　色彩的三要素　315 11.1.3　色彩的冷暖與情感　316 11.2　網(wǎng)店的色彩設(shè)計(jì) 11.2.1　網(wǎng)店的色彩構(gòu)成　318 11.2.2　網(wǎng)店配色的黃金比例　319 11.2.3　網(wǎng)店的配色方法　320 11.3　網(wǎng)店裝修配色方案及應(yīng)用 11.3.1　紅色系的配色方案及應(yīng)用　323 11.3.2　橙色系的配色方案及應(yīng)用　323 11.3.3　黃色系的配色方案及應(yīng)用　324 11.3.4　紫色系的配色方案及應(yīng)用　325 11.3.5　綠色系的配色方案及應(yīng)用　325 11.3.6　藍(lán)色系的配色方案及應(yīng)用　326 11.3.7　無色系的配色方案及應(yīng)用　327 第12章　Dreamweaver軟件基礎(chǔ)與店鋪裝修代碼330 12.1　初識Dreamweaver軟件 12.1.1　認(rèn)識Dreamweaver 軟件操作界面　331 12.1.2　店鋪裝修常用HTML標(biāo)簽　333 12.1.3　Dreamweaver軟件基本參數(shù)設(shè)置　336 12.2　Dreamweaver軟件基本操作 12.2.1　創(chuàng)建表格　337 12.2.2　插入圖片　339 12.2.3　插入文本　340 12.2.4　添加鏈接　341 12.2.5　設(shè)置鏈接的打開方式　343 12.2.6　預(yù)覽頁面效果　344 12.3　店鋪常用裝修代碼 12.3.1　首頁全屏代碼　345 12.3.2　全屏輪播代碼　345 12.3.3　開關(guān)燈效果代碼　346 12.3.4　固定背景多層交替代碼　346 12.3.5　全屏固定背景代碼　346 12.3.6　文字滾動(dòng)代碼　346 12.3.7　添加視頻代碼　348 第13章　Photoshop軟件的高級應(yīng)用 13.1　使用Photoshop軟件制作GIF動(dòng)畫 13.2　Photoshop軟件切片及其操作 13.3　使用Photoshop軟件制作自定義形狀、圖案、筆刷