第　1 篇 網(wǎng)店美工基礎



第　1 章 網(wǎng)店美工基礎知識　001

1.1　網(wǎng)店美工概述　002

1.1.1　網(wǎng)店美工的工作范疇　002

1.1.2　網(wǎng)店美工的技能要求　003

1.2　網(wǎng)店美工必備的視覺營銷知識　004

1.2.1　色彩搭配　004

1.2.2　圖形元素的應用　006

1.2.3　文字的應用　007

1.3　Photoshop CS6 的基本操作　010

1.3.1　設置前景色與背景色　010

1.3.2　圖層的基本操作　011

1.3.3　裁剪并更改圖片尺寸　012

1.3.4　批處理圖片　013

1.4　利用Photoshop CS6 摳圖　014

1.4.1　規(guī)則圖形摳圖　014

1.4.2　簡單背景摳圖　016

1.4.3　復雜圖像摳圖　018

1.4.4　毛發(fā)摳圖　020

1.4.5　半透明物體摳圖　022

1.5　實戰(zhàn)演練　025

1.5.1　為沙發(fā)更換背景　026

1.5.2　為原汁機更換背景　027

課后練習　030



第　2 篇 網(wǎng)店圖片處理



第　2章 圖片調(diào)色　031

2.1　了解圖片調(diào)色　032

2.1.1　圖片調(diào)色的原則　032

2.1.2　使用調(diào)整圖層調(diào)色　033

2.2　處理曝光不足或曝光過度的圖片　034

2.2.1　提高亮度與對比度　035

2.2.2　調(diào)整高光、陰影與中間調(diào)　035

2.3　圖片調(diào)色　040

2.3.1　圖片偏色矯正　040

2.3.2　圖片特殊顏色調(diào)整　043

2.4　實戰(zhàn)演練　045

2.4.1　童裝調(diào)色　045

2.4.2　打造街拍圖片風格　049

課后練習　050



第3　章 圖片修飾　052

3.1　修飾商品圖片　053

3.1.1　清除商品上的污跡　053

3.1.2　去除背景中多余的物品　054

3.1.3　美化模特　056

3.1.4　光滑材質表面　058

3.1.5　加強亮部與暗部的對比　058

3.1.6　增加金屬質感　060

3.1.7　提高圖片清晰度　062

3.2　豐富商品圖片內(nèi)容　063

3.2.1　添加與美化圖片文本　063

3.2.2　添加形狀與圖案　066

3.3　添加圖片特效　067

3.3.1　虛化背景　067

3.3.2　添加發(fā)光效果　068

3.3.3　添加高光與陰影效果　070

3.4　實戰(zhàn)演練　072

3.4.1　修飾空氣加濕器　072

3.4.2　修飾羽絨服　075

課后練習　077



第３篇　店鋪裝修



第4章　店鋪首頁核心模塊設計　079

4.1　店招設計　080

4.1.1　店招制作規(guī)范　080

4.1.2　制作常規(guī)店招　080

4.1.3　制作通欄店招　083

4.1.4　制作動態(tài)店招　084

4.2　分類導航設計　085

4.2.1　分類導航制作規(guī)范　085

4.2.2　設計分類導航按鈕　086

4.3　海報設計　087

4.3.1　制作全屏海報　087

4.3.2　制作常規(guī)海報　089

4.4　優(yōu)惠券設計　090

4.4.1　優(yōu)惠券的設計原則　090

4.4.2　制作優(yōu)惠券　091

4.5　實戰(zhàn)演練　092

4.5.1　制作女裝店鋪店招　093

4.5.2　制作女裝店鋪海報　095

課后練習　097



第5　章 詳情頁視覺設計　099

5.1　詳情頁設計要點　100

5.1.1　商品詳情頁制作規(guī)范　100

5.1.2　商品詳情頁的內(nèi)容分析與策劃要點　100

5.2　寶貝描述核心模塊設計　101

5.2.1　寶貝焦點圖設計　101

5.2.2　功能描述圖設計　103

5.2.3　信息展示圖設計　105

5.2.4　賣點說明圖設計　106

5.3　實戰(zhàn)演練　109

5.3.1　制作四件套焦點圖　109

5.3.2　制作四件套描述圖　112

課后練習　115



第6　章 店鋪裝修　116

6.1　使用圖片空間　117

6.1.1　切片技巧　117

6.1.2　圖片切片與保存　117

6.1.3　上傳圖片到圖片空間　119

6.1.4　移動空間圖片　121

6.1.5　刪除與替換空間圖片　121

6.2　使用模塊裝修店鋪　122

6.2.1　認識裝修模塊　122

6.2.2　裝修頁頭　123

6.2.3　熱點+源代碼裝修　125

6.2.4　其他模塊裝修　127

6.3　實戰(zhàn)演練　128

6.3.1　裝修寶貝描述頁　128

6.3.2　裝修分類導航按鈕　131

課后練習　132



第7章　視覺營銷推廣圖的制作　134

7.1　制作高點擊率的主圖　135

7.1.1　寶貝主圖規(guī)范　135

7.1.2　制作優(yōu)質商品主圖的技巧　135

7.1.3　數(shù)據(jù)線主圖設計　136

7.2　智鉆圖設計　138

7.2.1　智鉆圖的設計要點　138

7.2.2　智鉆圖的構圖方式　139

7.2.3　制作淘寶首焦智鉆圖　140

7.3　直通車推廣圖設計　142

7.3.1　直通車展現(xiàn)方式　142

7.3.2　直通車圖的設計要點　143

7.3.3　直通車圖引流的關鍵　143

7.3.4　設計扳手直通車圖　145

7.4　實戰(zhàn)演練　147

7.4.1　設計唇彩直通車圖　147

7.4.2　設計家紡智鉆圖　149

課后練習　152



第4　篇 無線終端應用



第8　章 無線終端首頁的視覺設計與裝修　153

8.1　無線終端首頁設計基礎　154

8.1.1　無線終端與計算機端的不同　154

8.1.2　無線終端首頁模塊的組成　154

8.1.3　首頁裝修注意事項　156

8.2　無線終端首頁關鍵模塊的視覺設計　156

8.2.1　店招設計　156

8.2.2　輪播圖設計　157

8.2.3　優(yōu)惠券設計　158

8.2.4　分類設計　160

8.2.5　寶貝展示圖設計　161

8.3　無線終端店鋪裝修　163

8.3.1　模塊裝修　163

8.3.2　模板裝修　164

8.4　實戰(zhàn)演練　165

8.4.1　制作沙發(fā)無線終端首焦海報與優(yōu)惠券　165

8.4.2　制作沙發(fā)無線終端商品展示圖　168

課后練習　170



第9　章 無線終端詳情頁的視覺設計與裝修　172

9.1　無線終端詳情頁設計基礎　173

9.1.1　無線終端詳情頁的特征　173

9.1.2　無線終端詳情頁設計的要點　173

9.2　無線終端詳情頁的設計與裝修　174

9.2.1　無線終端詳情頁設計　174

9.2.2　無線終端詳情頁裝修　177

9.2.3　無線終端模板裝修　179

9.3　無線終端自定義頁面裝修　180

9.3.1　自定義頁面裝修要點　180

9.3.2　自定義菜單　181

9.3.3　自定義頁面裝修　182

9.4　實戰(zhàn)演練　183

9.4.1　制作沙發(fā)凳無線終端詳情頁　184

9.4.2　制作返場活動頁　187

課后練習　191