第1章 淘寶天貓美工是個多面手

1.1淘寶天貓開店離不開美工

1.1.1淘寶天貓美工不是為了設計而設計2

1.1.2淘寶天貓美工的主要任務3

1.2店鋪頁面設計：風格、色彩、布局

1.2.1店鋪風格設計5

1.2.2店鋪色彩設計10

1.2.3店鋪布局設計12

1.3店鋪裝修設計：圖片、版式與廣告

1.3.1圖片美化與處理14

1.3.2主圖設計15

1.3.3版式設計15

1.3.4廣告設計16

1.4傳達視覺營銷：懂點運營知識，會點文案寫作

1.4.1淘寶天貓美工要懂點運營知識16

1.4.2淘寶天貓美工要會點文案寫作22

1.5如何修煉美工的創意能力

第2章圖像處理與海報設計

2.1“小”處理凸顯“大”效果

2.1.1調整圖片大小以符合所需的尺寸27

2.1.2“剪”出來的視覺之美——裁剪出視角的圖片27

2.1.3“撥亂反正”——調整傾斜的圖片28

2.2還原圖片“真身”

2.2.1使用“USM銳化”命令讓模糊圖片的細節更清晰29

2.2.2使用“亮度/對比度”命令調整對比度，讓圖片主題更突出31

2.2.3使用“曲線”命令讓圖片色彩更真實31

2.2.4使用污點修復畫筆工具除去污點讓圖片更潔淨32

2.3使用摳圖利器輕松摳圖

2.3.1使用魔棒工具摳取色彩比較單一的圖像34

2.3.2使用磁性套索工具摳取輪廓與背景顏色對比強烈的圖像35

2.3.3使用鋼筆工具摳取具有折點直線或折點曲線的圖像36

2.3.4使用通道摳取透明體或毛發類圖像38

2.3.5使用蒙版摳取邊緣復雜的圖像39

2.4人像圖片的美化處理

2.4.1使用仿制圖章工具修復斑點41

2.4.2使用修補工具修補瑕疵42

2.4.3巧用濾鏡讓皮膚變光滑43

2.4.4巧用蒙版調整皮膚狀態44

2.4.5使用“曲線”命令讓皮膚變白45

2.4.6巧用濾鏡對人物瘦身46

2.5圖片特殊效果處理

2.5.1更換圖片的背景48

2.5.2添加水印防止他人盜圖51

2.5.3制作倒影讓商品更真實52

2.6制作店鋪海報

2.6.1制作場景海報56

2.6.2制作創意海報59

2.6.3制作活動海報61

第3章網店圖片的規劃與拍攝

3.1淘寶拍攝的特點

3.2淘寶商品拍攝的基本流程

3.2.1制訂商品拍攝方案69

3.2.2準備拍攝商品69

3.2.3拍攝環境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采用合理的構圖讓圖片看上去更動感、更時尚79

3.4.4選擇適當的曝光模式80

3.4.5使用微距模式拍攝商品細節82

3.4.6查看拍攝的圖片的參數83

3.4.7正確的拍攝姿勢84

3.5手機也能拍出好圖片

3.6主圖的規劃與拍攝

3.6.1商品主圖規劃89

3.6.2商品細節特寫圖片的規劃89

3.6.3使用攝影棚讓拍攝更簡單90

3.7商品描述詳情頁圖片的規劃與拍攝

3.7.1買家想知道的商品信息91

3.7.2賣家需要展示的商品信息91

3.7.3規劃商品圖片拍攝91

3.7.4活用小道具讓商品圖片更真實、更搶眼94

3.8室外拍攝的注意事項

3.8.1選擇的拍攝時間95

3.8.2光線的運用95

第4章淘寶視頻的拍攝與制作

4.1淘寶視頻拍攝

4.1.1淘寶視頻的要求98

4.1.2淘寶視頻的拍攝流程99

4.1.3視頻構圖的基本原則100

4.1.4視頻拍攝的景別、方位、角度101

4.2使用愛剪輯制作視頻

4.2.1剪切視頻104

4.2.2為視頻配音107

4.2.3為視頻添加字幕109

4.2.4為視頻添加轉場特效112

4.2.5為視頻添加Logo圖片114

4.2.6調整視頻播放速度116

4.2.7設置視頻畫面尺寸並導出視頻117

4.3主圖視頻、詳情視頻的制作與發布

4.3.1制作主圖視頻、詳情視頻117

4.3.2將視頻上傳到淘寶店鋪裝修後臺121

4.3.3發布主圖視頻、詳情視頻124

第5章店鋪裝修後臺基本操作

5.1店鋪管理

5.1.1查看淘寶店鋪128

5.1.2店鋪裝修128

5.1.3手機淘寶店鋪131

5.1.4店鋪基本設置132

5.2寶貝分類管理

5.2.1進入寶貝分類管理135

5.2.2添加、移動、刪除寶貝分類135

5.2.3添加分類背景圖片136

5.2.4未分類寶貝管理137

5.3淘寶圖片空間管理

5.3.1進入圖片空間138

5.3.2創建圖片文件夾138

5.3.3上傳寶貝主圖、詳情圖片139

5.3.4圖片的基本操作140

5.4新品發布

5.4.1選擇寶貝類目143

5.4.2編輯寶貝屬性144

5.4.3添加寶貝主圖144

5.4.4添加描述圖片145

5.4.5設置售後保障服務149

5.4.6出售中的寶貝149

5.4.7倉庫中的寶貝150

第6章店鋪裝修基本流程

6.1選擇合適的旺鋪版本

6.1.1旺鋪基礎版和旺鋪專業版152

6.1.2旺鋪專業版與基礎版裝修功能對比153

6.1.3旺鋪專業版與基礎版功能模塊對比154

6.1.4淘寶旺鋪智能版155

6.2店鋪基礎裝修流程

6.2.1選擇店鋪模板155

6.2.2設置整體配色方案157

6.2.3設置首頁布局158

6.2.4添加自定義模塊159

6.2.5創建自定義二級頁面160

6.2.6寶貝詳情頁裝修161

6.2.7寶貝分類頁裝修166

6.2.8店鋪頁尾裝修168

6.2.9店鋪備份與還原169

6.3店鋪裝修的注意事項

第7章店鋪首頁裝修與視覺設計

7.1店鋪首頁設計要點

7.2店招設計的基礎知識

7.2.1店招的位置與尺寸176

7.2.2店招的設計原則178

7.2.3店招的設計要點178

7.3店標設計與上傳

7.3.1設計店標179

7.3.2上傳店標180

7.4設計店招

7.4.1制作店招181

7.4.2切片保存183

7.5裝修店招

7.5.1上傳圖片185

7.5.2添加店招、頁頭背景187

7.5.3添加繫統導航189

7.5.4發布店招190

7.6全屏輪播海報設計與裝修

7.6.1海報的視覺設計要點191

7.6.2制作全屏海報193

7.6.3全屏海報裝修196

7.6.4全屏輪播圖裝修198

7.7寶貝陳列展示區設計與裝修

7.7.1寶貝陳列展示區的視覺設計要點203

7.7.2寶貝推薦模塊的設置204

7.7.3自定義展示區設計205

7.7.4自定義展示區裝修211

7.8店鋪頁尾設計與裝修

7.8.1店鋪頁尾的視覺設計要點213

7.8.2店鋪頁尾設計214

7.8.3店鋪頁尾裝修217

7.9店鋪背景裝修

7.9.1店鋪背景的視覺設計要點220

7.9.2自定義背景裝修221

7.9.3固定背景裝修223

第8章寶貝主圖與詳情頁視覺設計

8.1寶貝主圖設計

8.1.1寶貝主圖設計要點226

8.1.2寶貝主圖設計實例229

8.2寶貝詳情頁設計

8.2.1寶貝詳情頁的內容234

8.2.2寶貝詳情頁的模塊展示234

8.2.3寶貝詳情頁設計的注意事項238

8.2.4寶貝詳情頁的制作流程239

8.3詳情關聯營銷設計

8.3.1關聯營銷設計要點240

8.3.2關聯營銷圖片設計實例242

第9章直通車圖、鑽展圖視覺設計

9.1直通車圖視覺設計

9.1.1認識直通車圖247

9.1.2直通車圖設計要點與差異化分析248

9.1.3直通車圖版式設計250

9.1.4直通車圖的審核標準252

9.2鑽展圖視覺設計

9.2.1認識鑽展圖253

9.2.2鑽展圖設計要求255

9.2.3鑽展圖版式設計257

9.2.4鑽展圖的審核標準268

9.3鑽展圖設計實例

第10章手機淘寶店鋪裝修設計

10.1手機端店鋪裝修基礎

10.1.1手機端店鋪與電腦端裝修的區別272

10.1.2手機端店鋪裝修要點272

10.1.3選擇手機端店鋪裝修模板273

10.2手機端店鋪店招裝修設置

10.2.1手機端店鋪名稱設置276

10.2.2手機端店鋪Logo設置277

10.2.3手機端店招圖片設計278

10.3手機端店鋪輪播圖的設計與裝修

10.3.1手機端店鋪輪播圖設計281

10.3.2手機端店鋪輪播圖裝修283

10.4手機淘寶店鋪優惠券裝修設置

10.4.1自動添加優惠券285

10.4.2手動添加優惠券286

10.5手機淘寶店鋪商品展示裝修設計

10.5.1自動商品展示裝修設計288

10.5.2自定義商品展示裝修設計290

10.6手機淘寶店鋪自定義頁面裝修設計

10.6.1創建手機端店鋪自定義頁面292

10.6.2裝修手機端店鋪自定義頁面294

10.7手機淘寶店鋪自定義菜單設計

10.7.1創建自定義菜單294

10.7.2自定義菜單管理297

10.8手機淘寶店鋪詳情關聯裝修設計

10.8.1詳情關聯寶貝推薦設計298

10.8.2詳情優惠券設置300

10.8.3詳情活動海報設置302

10.9手機淘寶店鋪互動服務窗設計

10.9.1標配菜單304

10.9.2設置圖文卡片304

10.9.3設置視頻卡片306

10.9.4設置店鋪精選309

10.10手機海報編輯發布

10.10.1選擇手機海報模板310

10.10.2編輯手機海報312

第11 章 網店色彩設計

11.1了解色彩的相關知識

11.1.1色彩的分類315

11.1.2色彩的三要素315

11.1.3色彩的冷暖與情感316

11.2網店的色彩設計

11.2.1網店的色彩構成318

11.2.2網店配色的黃金比例319

11.2.3網店的配色方法320

11.3網店裝修配色方案及應用

11.3.1紅色繫的配色方案及應用323

11.3.2橙色繫的配色方案及應用323

11.3.3黃色繫的配色方案及應用324

11.3.4紫色繫的配色方案及應用325

11.3.5綠色繫的配色方案及應用325

11.3.6藍色繫的配色方案及應用326

11.3.7無色繫的配色方案及應用327

第12章Dreamweaver軟件基礎與店鋪裝修代碼330

12.1初識Dreamweaver軟件

12.1.1認識Dreamweaver 軟件操作界面331

12.1.2店鋪裝修常用HTML標簽333

12.1.3Dreamweaver軟件基本參數設置336

12.2Dreamweaver軟件基本操作

12.2.1創建表格337

12.2.2插入圖片339

12.2.3插入文本340

12.2.4添加鏈接341

12.2.5設置鏈接的打開方式343

12.2.6預覽頁面效果344

12.3店鋪常用裝修代碼

12.3.1首頁全屏代碼345

12.3.2全屏輪播代碼345

12.3.3開關燈效果代碼346

12.3.4固定背景多層交替代碼346

12.3.5全屏固定背景代碼346

12.3.6文字滾動代碼346

12.3.7添加視頻代碼348

第13章Photoshop軟件的高級應用

13.1使用Photoshop軟件制作GIF動畫

13.2Photoshop軟件切片及其操作

13.3使用Photoshop軟件制作自定義形狀、圖案、筆刷