內容簡介

本書以通俗易懂的語言、翔實生動的操作案例、精挑細選的實用技巧，指導初學者快速掌握淘寶開店配色、圖片處理與裝修設計等方面的知識。本書主要內容包括網店裝修基礎與配色、圖片素材的規劃與收集、使用Photoshop處理商品圖片、更換商品背景與美化人像、網店視覺效果設計與圖片后期處理、設計個性化店標和店招、淘寶店鋪裝修流程、設計與管理店鋪功能區、設計寶貝詳情頁面、淘寶店促銷活動海報、淘寶店的裝修細節設計、裝修手機淘寶店等方面的知識與技巧。

 

本書適合計劃在網上開店創業的初學者，包括在校學生、全職及兼職人員、自由職業者、小企業管理者、企業白領等閱讀，同時，也適合已經有了網店，但想進一步掌握網店經營的高級技巧、要獲得更大的市場和更多的利潤、把網店生意做大做強的店主選用。

前    言

　　隨著電子商務的不斷發展，網上開店的創業者越來越多，尤其是一些年輕人更是視其為就業的另一條出路。為了在網店這一領域開拓自己的一片天地，很多賣家都希望把網店設計得更加美觀、獨特，以此來吸引更多買家。這對淘寶美工的初學者來說，不是一件容易的工作。為了幫助淘寶美工初學者更好地學習網店裝修，作者編寫了本書。

　　本書根據網店新手美工的學習習慣，采用由淺入深、由易到難的方式講解，全書結構清晰，內容豐富，主要包括以下6個方面的內容。

1. 網上店鋪的基礎知識

　　本書第1章，全面講述了網店裝修基礎與配色方面的知識，包括網店裝修與美工、顏色管理、網店配色和色彩搭配技巧等內容。

2. 照片的拍攝與處理

　　本書第2章～第4章，全面講述了圖片素材的規劃與收集、使用Photoshop處理商品圖片、更換商品背景與美化人像等方面的知識與技巧，包括規劃商品圖片、圖片空間的使用方法、商品照片色彩與瑕疵處理以及商品摳圖更換背景方面的內容。

3. 網店視覺效果設計

　　本書第5章～第6章，全面講述了網店視覺效果設計與圖片后期處理、設計個性化店標和店招等方面的知識和技巧，包括商品邊框設計與制作、商品局部處理、設計與制作店標和店招等內容。

4. 店鋪裝修流程和網店設計

　　本書第7章～第10章，介紹了淘寶店鋪裝修流程和網店頁面設計方面的知識，包括淘寶店鋪裝修流程、設計與管理店鋪功能區、設計寶貝詳情頁面以及淘寶店促銷活動海報等方面的知識和操作技巧。

5. 裝修細節設計

　　本書第11章，全面介紹了淘寶店鋪裝修細節設計方面的知識，包括添加【喜歡】組件、添加店鋪背景音樂、設置店鋪二維碼以及制作直通車廣告圖等方面的知識與操作技巧。

6. 裝修手機淘寶店

　　本書第12章，全面介紹了手機淘寶店裝修方面的知識，包括在手機端發布寶貝、設計手機店鋪首頁和活動頁、設置手機店鋪分類以及裝修手機淘寶店等方面的知識與操作技巧。

　　本書由李軍編著，參與本書編寫的還有肖微微、袁帥、文雪、李巖松、李強、高桂華、藺丹、張艷玲、李統財、安國英、賈亞軍、藺影、李偉、馮臣、宋艷輝等。

　　我們真切希望讀者在閱讀本書之后，可以開拓視野，增長實踐操作技能，從中學習和總結出操作的經驗和規律，并靈活運用。鑒于作者水平有限，書中疏漏和不妥之處在所難免，熱忱歡迎讀者予以批評、指正，以便我們日后能為您編寫出更好的圖書。

　　　

 

編  者 

目　　錄

 

第1章  網店裝修基礎與配色 1

1.1  網店裝修與美工 2

1.1.1　網店美工必備基本技能 2

1.1.2　網店裝修風格與色彩

設計 3

1.1.3　店鋪裝修需要注意的

問題 6

1.2  認識網店色彩 8

1.2.1  無彩色系 9

1.2.2  有彩色系 9

1.2.3  構成色彩的三要素 10

1.3  顏色管理 12

1.3.1　識別色域范圍外的

顏色 12

1.3.2　色彩模式 13

1.3.3　色彩模式轉換 14

1.3.4　調整顏色的建議 16

1.3.5　色彩采集 17

1.3.6　色彩推移 18

1.4  網店配色 19

1.4.1　網頁安全色 19

1.4.2　自定義頁面的主色與

輔助色 20

1.4.3　網店色調與配色 21

1.5  裝修秘籍——色彩搭配技巧 23

1.5.1  使用單色調的技巧 23

1.5.2  巧妙搭配冷色和暖色

色調 23

1.5.3  應用鄰近色的技巧 25

1.5.4  巧用互補色突出主題 26

1.5.5  配色的黃金比例 27

1.5.6  萬能的調和色 27

1.6  案例解析——選擇店鋪的色系 28

1.6.1  慶典宣傳活動的主打

色系 28

1.6.2  家用電器、玩具類店鋪

的主打色系 29

1.6.3  首飾、化妝品的主打

色系 29

1.6.4  保健品、土特產的主打

色系 30

1.6.5  清潔用品、海產品的

主打色系 30

1.6.6  服裝、奢侈品的主打

色系 31

第2章  圖片素材的規劃與收集 33

2.1  規劃商品圖片 34

2.1.1　商品主圖的布局 34

2.1.2　商品細節特寫圖片的

規劃 34

2.1.3　商品描述頁圖片的設計

與拍攝 35

2.2  收集店鋪裝修素材 36

2.2.1  店鋪圖片素材的獲取

方法 37

2.2.2  通過百度收集圖片素材 37

2.2.3  安裝字體素材 38

2.3  獲得圖片的存儲空間 39

2.3.1　使用免費空間相冊 39

2.3.2　使用博客存儲圖片 40

2.3.3　租用圖片空間 40

2.3.4　租用虛擬主機 40

2.3.5  圖片的引用關系 41

2.3.6  移動分類文件夾 41

2.3.7  批量編輯圖片 42

2.3.8  還原回收站圖片 43

2.4  淘寶圖片空間的使用方法 44

2.4.1  關于淘寶圖片空間 44

2.4.2  打開淘寶圖片空間 45

2.4.3  上傳圖片到圖片空間 45

2.5  裝修秘籍——圖片搜集與配色 47

2.5.1  多顏色商品的拍攝

策劃 47

2.5.2  商品對比圖的制作

技巧 47

2.5.3  購買素材圖庫省心

省力 48

2.5.4  網店裝修能帶來哪些

收益 48

2.5.5  網店審美的通用原則 49

2.6  商品的基本拍攝方法 50

2.6.1  選擇合適的攝影器材 50

2.6.2  布置室內拍攝場景 52

2.6.3  運用不同角度光線效果 54

2.6.4  布置戶外拍攝場景 54

2.6.5  在簡易攝影棚中拍攝

商品 56

2.6.6  真人模特拍攝經驗

技巧 56

 

　　

2.6.7  選擇合適的背景/搭配小

物件 57

2.6.8  網上商品拍攝的要求與

技巧 59

第3章  使用Photoshop處理商品

圖片 61

3.1  Photoshop圖像處理基礎操作 62

3.1.1  認識Photoshop的界面 62

3.1.2  常用工具 63

3.1.3  圖層的基本操作 67

3.1.4  設置圖層樣式 71

3.2  常用的商品圖片處理操作 71

3.2.1  裁剪圖片中指定的

部分 71

3.2.2  固定尺寸裁剪圖片 73

3.2.3  調整商品照片大小 73

3.2.4  調整商品圖片角度 75

3.3  調整圖片的亮度與色彩 75

3.3.1  使用色階調整圖片

亮度 75

3.3.2  使用曲線調整圖片

亮度 76

3.3.3  調整圖片的對比度 77

3.3.4  調整偏色的圖片 78

3.3.5  調整圖片的明暗信息 79

3.3.6  讓圖片色彩表現更豐富 80

3.3.7  讓圖片更加清晰 81

3.4  修復商品照片瑕疵 83

3.4.1  清除照片中的日期 83

3.4.2  修復照片中的污漬 85

3.4.3  去掉圖片中多余的部分 86

3.5  裝修秘籍——快速處理圖片 87

3.5.1  使用圖層鎖定功能編輯

圖層內容 87

3.5.2  使用魔棒的容差值控制

顏色范圍 88

3.5.3  巧用蓋印圖層省去存儲

圖片效果的麻煩 89

3.5.4  巧用液化使圖片變

豐滿 89

3.5.5  應用光影魔術手快速

處理圖片 91

3.6  案例解析——校正商品圖片

外觀 92

3.6.1  縮小圖片以便于上傳 93

3.6.2  校正傾斜圖片 94

3.6.3  校正拍攝時產生的

暈影 95

3.6.4  將多個商品照片裁成

統一大小 97

3.6.5  橫幅與直幅之間的

轉換 99

第4章  更換商品背景與美化

人像 101

4.1　簡單摳圖與替換背景 102

4.1.1　規則幾何形狀選區替換

背景 102

4.1.2　不規則選區替換背景 102

4.1.3　使用魔棒工具摳圖 103

4.1.4　使用快速選擇工具

摳圖 105

4.1.5　使用套索工具摳圖 107

4.1.6　使用鋼筆工具摳圖 108

4.2　應用路徑摳圖并替換背景 110

4.2.1　創建路徑 110

4.2.2　將路徑轉換為選區 111

4.2.3　通過路徑為模特摳圖

替換背景 112

4.3　使用通道摳圖并替換背景 114

4.3.1　編輯通道 114

4.3.2　為透明婚紗摳圖替換

背景 115

4.4　應用蒙版摳圖并替換背景 119

4.4.1　使用快速蒙版摳圖并

替換背景 119

4.4.2　使用圖層蒙版摳圖并

替換背景 121

4.5　人像美化處理 123

4.5.1  用仿制圖章工具去除

斑點 124

4.5.2  用修補工具修補膚色 125

4.5.3  用濾鏡讓皮膚變光滑 126

4.5.4  用蒙版調整皮膚狀態 127

4.5.5  用【曲線】命令讓皮膚

變白 129

4.5.6  用濾鏡對人物瘦身 130

4.5.7  對服裝模特面部進行

磨皮美容 131

4.6　裝修秘籍——摳圖與選擇

背景 133

4.6.1  選擇什么樣的拍照

背景 133

4.6.2  摳圖的基本思路 134

4.6.3  合成摳圖后的圖像與

背景 134

4.7　案例解析——為圖片添加版權

標識 135

4.7.1  為商品圖片添加

保護線 136

4.7.2  為商品圖像添加文字

水印 137

4.7.3  為商品圖片添加商標或

圖像水印 139

4.7.4  快速為多張商品圖片

添加文字水印 139

4.7.5  為商品圖像添加情景

對話 142

第5章  網店視覺效果設計與圖片

后期處理 143

5.1　商品排列 144

5.1.1　統一間距 144

5.1.2　商品對齊 144

5.2　邊框的設計與制作 145

5.2.1　調整圖像背景的邊緣 145

5.2.2　添加商品圖片邊框 147

5.2.3　按圖片顏色為其添加

邊框 148

5.3　局部處理 149

5.3.1　為商品添加標簽 149

5.3.2　放大商品的局部特征 152

5.4　增強商品視覺效果 154

5.4.1　添加倒影與陰影 154

5.4.2　圖像的構圖類型 156

5.4.3　將模糊照片調清晰 161

5.5　還原圖片實際效果 163

5.5.1　調整曝光不足的照片 163

5.5.2　調整曝光過度的照片 164

5.5.3　調整有色差的圖片 165

5.5.4　調整模糊的照片讓細節

更明顯 166

5.6  制作動態GIF圖片 168

5.6.1  隱藏用作跳動切換的

圖層 168

5.6.2  使用【時間軸】面板

調整動作步驟 168

5.6.3  將圖片存儲為GIF

格式 169

5.7　裝修秘籍——細節處理 171

5.7.1  商品主圖的特性 171

5.7.2  制作主圖的注意事項 171

5.7.3  自動選擇圖層 172

5.7.4  快速調整不透明度 172

5.7.5  使用光影魔術手為圖片

添加邊框 173

5.8　案例解析——快速批量處理

圖片 175

5.8.1  了解【動作】面板的

作用 175

5.8.2  創建新動作 176

5.8.3  使用動作批量處理

圖片 177

第6章  設計個性化店標和店招 179

6.1  店標的設計與制作 180

6.1.1  店標簡介 180

6.1.2  動態旺鋪店標設計 181

6.1.3  發布店標 181

6.2  設置默認店招和導航 183

6.2.1  設置默認店招 183

6.2.2  添加系統導航 185

6.3  制作自定義店招 186

6.3.1  設計個性化的店招 186

6.3.2  給店招導航添加分類

鏈接 187

6.3.3  發布店招 190

6.4  裝修秘籍——店標和店招

設計 191

6.4.1  店標和店招的區別 191

6.4.2  設計店招的注意事項 191

6.5  案例解析——設計具有視覺

沖擊力的店標 192

6.5.1  店標設計的原則 192

6.5.2  做好淘寶店標圖片 193

6.5.3  設計網店的店標 194

6.5.4  淘寶店標在線制作 195

第7章  淘寶店鋪裝修流程 197

7.1  選擇旺鋪 198

7.1.1  旺鋪基礎版和專業版

裝修功能差別 198

7.1.2  旺鋪基礎版和專業版

功能模塊介紹 199

7.1.3  如何訂購旺鋪專業版 200

7.2  上傳圖片的方法 201

7.2.1  設置圖片分類 201

7.2.2  上傳商品的圖片 203

7.2.3  復制圖片鏈接地址 204

7.2.4  替換圖片 205

7.2.5  重命名圖片 206

7.2.6  移動圖片 207

7.3  店鋪裝修基礎 208

7.3.1  設置店鋪樣式 208

7.3.2  設置首頁布局 209

7.3.3  為首頁添加功能模塊 210

7.3.4  設置寶貝默認詳情頁 212

7.3.5  自定義頁面 213

7.4  裝修秘籍——寶貝圖片與淘寶

空間 215

7.4.1  使用淘寶圖片空間的

好處 215

7.4.2  圖片空間新增加的

功能 216

7.5  案例解析——發布寶貝 218

7.5.1  使用淘寶后臺發布

寶貝 218

7.5.2  使用淘寶助理發布

寶貝 221

7.5.3  設置發布寶貝的最佳

時間段 225

7.5.4  用【復制寶貝】快速創建

新寶貝 226

第8章  設計與管理店鋪功能區 227

8.1  店鋪收藏 228

8.1.1  設計店鋪收藏效果圖 228

8.1.2  獲取收藏店鋪鏈接 229

8.1.3  添加自定義模塊 230

8.1.4  編輯和發布店鋪收藏

功能 231

8.2  寶貝分類 233

8.2.1  添加分類模塊 233

8.2.2  寶貝分類設計 234

8.2.3  子寶貝分類設計 236

8.2.4  在分類中添加商品 237

8.3  設計客服中心 238

8.3.1  添加旺旺子賬號 238

8.3.2  添加客服中心模塊 240

8.3.3  設置和發布客服中心 241

8.4  圖片輪播 242

8.4.1  添加圖片輪播功能 242

8.4.2  設置和發布圖片輪播 243

8.5  排行榜 245

8.5.1  添加排行榜模塊 245

8.5.2  設置排行榜 246

8.6  推薦寶貝 247

8.6.1  添加【寶貝推薦】

模塊 247

8.6.2  設置推薦寶貝 247

8.7  友情鏈接 249

8.7.1  添加友情鏈接模塊 249

8.7.2  設置友情鏈接地址 250

8.8  裝修秘籍——功能區設計 252

8.8.1  聯系我們圖片的設計與

制作 252

8.8.2  設置模塊順序 254

8.8.3  尋找適合的友情鏈接

店鋪 254

8.8.4  優化輪播圖片 255

8.8.5  店鋪推薦寶貝與櫥窗

推薦寶貝的區別 256

8.9  案例解析——公告模板的設計

與制作 256

8.9.1  750店鋪公告模板

設計 257

8.9.2  750店鋪公告動態模板

設計 259

8.9.3  發布公告模板 260

第9章  設計寶貝詳情頁面 263

9.1　制作寶貝促銷區 264

9.1.1　制作寶貝促銷區的注意

事項 264

9.1.2　設計寶貝促銷區 265

9.2　自定義促銷區 268

9.2.1　全屏通欄廣告設計 268

9.2.2　淘寶標準通欄廣告

設計 271

9.2.3　750廣告設計 272

9.2.4　190廣告設計 275

9.3  設計寶貝促銷圖 277

9.3.1  給寶貝促銷圖添加商品

鏈接 277

9.3.2  發布寶貝促銷圖到寶貝

描述模板中 280

9.4　制作寶貝詳情頁面 283

9.4.1　寶貝展示順序和特點 283

9.4.2　設計寶貝詳情 284

9.5  使用軟件優化寶貝詳情頁面 287

9.5.1  使用Photoshop 軟件的

切片工具切分圖片 288

9.5.2  使用存儲命令生成

HTML 289

9.5.3  使用Dreamweaver軟件

生成網頁代碼 290

9.6  發布寶貝詳情描述 293

9.6.1  寶貝詳情描述頁的

發布 293

9.6.2  打造優秀的淘寶

詳情頁 295

9.7　裝修秘籍——寶貝詳情頁

設計 296

9.7.1  輸入特殊符號 296

9.7.2  去除復制文字的格式 296

9.7.3  商品尺寸對比 297

9.7.4  描述模板的作用及

類型 297

9.7.5  寶貝模板的設計要求 298

9.8  案例解析——寶貝描述模塊

設計技巧 298

9.8.1  寶貝詳情描述頁的核心

內容 299

9.8.2  寶貝詳情頁的模塊

組成 299

9.8.3  產品規格參數模塊 300

第10章  淘寶店促銷活動海報 301

10.1  店鋪活動策劃 302

 

10.1.1  結合店鋪紀念日

策劃 302

10.1.2  結合節假日策劃 302

10.1.3  配合平臺活動策劃 303

10.1.4  什么是店鋪活動

促銷 303

10.1.5  常見店鋪活動優劣

分析 304

10.2  設計海報的準備工作 305

10.2.1  確定活動的主題 305

10.2.2  如何收集與主題相關的

素材 306

10.2.3  規劃活動海報的創意和

構圖 307

10.3  設計活動海報流程 309

10.3.1  合成活動海報的

背景 309

10.3.2  設計活動主題文字 311

10.3.3  添加與活動相關的

元素 313

10.3.4  制作活動正文內容 314

10.3.5  修飾海報的版面 315

10.3.6  發布活動海報 316

10.4  裝修秘籍——活動海報設計

技巧 318

10.4.1  裁剪全屏海報圖片 318

10.4.2  發布全屏海報 320

10.4.3  高效管理圖層 323

10.4.4  制作夸張的主題

字體 324

10.4.5  活動海報設計遵循的

原則 325

10.5  案例解析——店鋪促銷技巧 325

10.5.1  網店節日促銷如何巧妙

營造氛圍 326

10.5.2  如何選擇合適的促銷

商品 326

10.5.3  贈品促銷的設計規則 327

10.5.4  送什么贈品才能吸引

買家 328

10.5.5  商品捆綁促銷 328

第11章  淘寶店的裝修細節設計 329

11.1　添加【喜歡】組件 330

11.1.1　生成【喜歡】組件

代碼 330

11.1.2　為商品圖片添加【喜歡】

組件代碼 331

11.1.3　發布【喜歡】組件

代碼 332

11.2　添加背景音樂 333

11.2.1　搜索背景音樂 333

11.2.2　訂購店鋪音樂服務 334

11.2.3　設置店鋪背景音樂 335

11.3  設置店鋪二維碼 337

11.3.1  創建店鋪二維碼 337

11.3.2  設置和下載二維碼

圖片 339

11.4  制作直通車廣告圖 341

11.4.1  設計直通車廣告圖片 341

11.4.2  直通車廣告圖的制作

標準 342

11.4.3  使用Photoshop軟件

制作直通車廣告 342

11.5  裝修全球購店鋪 344

11.5.1  全球購店鋪首頁

風格 344

11.5.2  詳情頁的設計要點 345

11.6　裝修秘籍——網店細節設計

技巧 345

11.6.1　巧用圖片空間為圖片

添加水印 346

11.6.2　巧用模板備份和還原

店鋪裝修 347

11.6.3　在描述模板中調用

CSS樣式 348

11.7  案例解析——裝修細節

操作 349

11.7.1　制作分類按鈕圖片 349

11.7.2　設置千牛頭像 349

第12章  裝修手機淘寶店 351

12.1  在手機店鋪發布寶貝 352

12.1.1  調整圖片適配手機 352

12.1.2  發布手機寶貝

詳情頁 353

12.2  設計手機店鋪首頁 354

12.2.1  添加首頁模塊 354

12.2.2  編輯模塊 355

12.2.3  設置模塊順序 355

12.2.4  刪除模塊 356

12.2.5  添加手機店招 356

12.2.6  編輯排行榜 357

12.2.7  發布手機店鋪首頁 357

12.3  設計手機店鋪活動頁 358

12.3.1  創建店鋪活動 358

12.3.2  店鋪活動營銷方式 359

12.4  設計手機店鋪分類 361

12.4.1  添加寶貝分類封面圖 361

12.4.2  修改寶貝分類封面圖 362

12.4.3  刪除寶貝分類封面圖 363

12.4.4  調整寶貝分類順序 363

12.5  裝修秘籍——裝修手機

淘寶店 364

12.5.1  添加與刪除搜索

關鍵詞 364

12.5.2  購買手機店鋪模板 365

12.5.3  手機端首頁排版的

特點 366

12.5.4  手機端寶貝圖片的最佳

尺寸 366

12.6  案例解析——手機店鋪的

推廣 367

12.6.1  手機淘寶營銷的推廣 367

12.6.2  無線直通車 368

12.6.3  微淘 369

12.6.4  手機淘寶首頁推廣圖

要求 369