內(nèi)容簡(jiǎn)介

本書以實(shí)例和設(shè)計(jì)理論相結(jié)合的方式，介紹網(wǎng)店美工對(duì)網(wǎng)店進(jìn)行視覺效果操作的各個(gè)方面。根據(jù)網(wǎng)店美工在設(shè)計(jì)店鋪效果圖中所涉及的知識(shí)點(diǎn)，精心設(shè)計(jì)了多個(gè)與店鋪視覺相關(guān)的實(shí)例。

本書由一線電子商務(wù)網(wǎng)店美工教師和廣告設(shè)計(jì)老師編寫，循序漸進(jìn)地講解了網(wǎng)店美工在工作時(shí)所需具備的各方面知識(shí)。全書共7章，依次講解網(wǎng)店美工需要掌握的知識(shí)、寶貝的采集、提升寶貝的視覺效果、轉(zhuǎn)化流量的視覺圖、提升轉(zhuǎn)化率的主頁裝修圖的設(shè)計(jì)、店鋪公告模板與寶貝分類的設(shè)計(jì)以及網(wǎng)店詳情頁的設(shè)計(jì)。

本書采用案例教程結(jié)合理論的編寫形式，兼具技術(shù)手冊(cè)和應(yīng)用技巧參考手冊(cè)的特點(diǎn)，技術(shù)實(shí)用，講解清晰，不僅適合欲開網(wǎng)店并想自己裝修店鋪的初、中級(jí)讀者，也可以作為大中專院校相關(guān)專業(yè)及電子商務(wù)方面培訓(xùn)班的教材。

前言

隨著電子商務(wù)的發(fā)展壯大，與之相關(guān)的專業(yè)人才已經(jīng)出現(xiàn)了巨大的缺口，尤其是針對(duì)網(wǎng)店方面的設(shè)計(jì)人才，幾乎每個(gè)電商企業(yè)都面臨著該崗位的人才壓力。電商的多年發(fā)展無形中讓這個(gè)新興的職業(yè)從最初的摸著石頭過河，變遷到現(xiàn)在的輕車熟路，無論是從理論還是從實(shí)踐，都催生了一套屬于自己的工作模式。

開一家網(wǎng)店，首先考慮的就是是否盈利。在價(jià)格、進(jìn)貨渠道、物流都已準(zhǔn)備好的情況下，如何讓自己的店鋪更加吸引瀏覽者的目光，如何將逛網(wǎng)店的人群引導(dǎo)走進(jìn)自己店鋪中，這一點(diǎn)正是開店者應(yīng)該考慮的問題。通過視覺效果吸引買家絕對(duì)是一項(xiàng)既直觀又經(jīng)濟(jì)的可操作選項(xiàng)，隨著網(wǎng)店的發(fā)展，單純地羅列商品已經(jīng)不能在網(wǎng)店行業(yè)中立足，此時(shí)就催生了一個(gè)新的行業(yè)工種，也就是大家所說的網(wǎng)店美工。網(wǎng)店美工負(fù)責(zé)的任務(wù)就是專門使網(wǎng)店在視覺上奪人眼球，吸引買家進(jìn)入店鋪，在店鋪中又再次被里面的商品宣傳吸引，從而對(duì)賣家產(chǎn)生經(jīng)濟(jì)效益。市場(chǎng)上關(guān)于網(wǎng)店美工的書籍主要以理論、案例操作類和教程類為主，本書與它們的不同之處在于，不僅在淘寶網(wǎng)店各個(gè)元素、淘寶首頁的直通車圖片、鉆展圖片上都有精心的實(shí)例，還在圖片來源、配色、修正等方面進(jìn)行理論與實(shí)例相結(jié)合的詳細(xì)講解，真正做到了手把手教初學(xué)者輕松了解網(wǎng)店美工，了解網(wǎng)店裝修的各個(gè)部分。

對(duì)于賣家而言，能夠擁有產(chǎn)生經(jīng)濟(jì)效益的店鋪是他們最大的心愿。在價(jià)格與特點(diǎn)都大體相同的情況下，無論是在產(chǎn)品重點(diǎn)、色彩還是在布局等方面，設(shè)計(jì)出更加吸引買家眼球的圖像，絕對(duì)是提升賣點(diǎn)的一個(gè)保證。

本書作者有著多年豐富的電商教學(xué)經(jīng)驗(yàn)、網(wǎng)店經(jīng)營(yíng)以及裝修的工作經(jīng)驗(yàn)，將自己總結(jié)的經(jīng)驗(yàn)和技巧展現(xiàn)給了讀者，希望讀者能夠在體會(huì)裝修軟件的強(qiáng)大功能的同時(shí)，將設(shè)計(jì)創(chuàng)意和設(shè)計(jì)理念通過軟件反映到網(wǎng)店的視覺效果上來，更希望通過本書能夠幫助讀者解決開店時(shí)遇到的設(shè)計(jì)難題。

本書特點(diǎn)

本書內(nèi)容由淺入深，力爭(zhēng)涵蓋網(wǎng)店視覺及裝修的全部知識(shí)點(diǎn)；同時(shí)以實(shí)例結(jié)合理論的方式對(duì)網(wǎng)店裝修進(jìn)行講解，使讀者在學(xué)習(xí)時(shí)少走彎路。

本書具有以下幾方面的特點(diǎn)。

● 內(nèi)容全面，幾乎涵蓋了網(wǎng)店裝修所涉及的視覺圖像、配色和整體店鋪裝修的各個(gè)方面。本書由具有豐富教學(xué)經(jīng)驗(yàn)的網(wǎng)店設(shè)計(jì)一線老師編寫，從商品圖像設(shè)計(jì)的一般流程入手，逐步引導(dǎo)讀者學(xué)習(xí)網(wǎng)店中所涉及的各種技能。

● 語言通俗易懂，講解清晰，前后呼應(yīng)，以最小的篇幅、最易讀懂的語言來講解每一項(xiàng)功能和每一個(gè)實(shí)例，讓讀者學(xué)習(xí)起來更加輕松、閱讀更加容易。

● 實(shí)例豐富，技巧全面實(shí)用，技術(shù)含量高，與實(shí)踐緊密結(jié)合。每一個(gè)實(shí)例都傾注了作者多年的實(shí)踐經(jīng)驗(yàn)，每一個(gè)功能都已經(jīng)過技術(shù)驗(yàn)證。

● 注重理論與實(shí)踐相結(jié)合。在本書中，實(shí)例的運(yùn)用都是以軟件某個(gè)重要知識(shí)點(diǎn)展開，使讀者更容易理解和掌握，從而方便知識(shí)點(diǎn)的記憶，進(jìn)而能夠舉一反三。

本書的章節(jié)安排

本書循序漸進(jìn)地講解了網(wǎng)店美工在工作時(shí)所需要的各方面知識(shí)。全書共分為7 章，依次講解了網(wǎng)店美工需要掌握的知識(shí)、寶貝的采集、提升寶貝的視覺效果、轉(zhuǎn)化流量的視覺圖、提升轉(zhuǎn)化率的主頁裝修圖的設(shè)計(jì)、店鋪公告模板與寶貝分類的設(shè)計(jì)以及網(wǎng)店詳情頁的設(shè)計(jì)。

本書的讀者對(duì)象

本書主要面向想開網(wǎng)店的初、中級(jí)讀者，是一本非常適合學(xué)習(xí)網(wǎng)店裝修的教材。對(duì)于沒有接觸過網(wǎng)上開店或想自己裝修的讀者可輕松入門，對(duì)于已經(jīng)可以自己進(jìn)行網(wǎng)店店鋪裝修的讀者，同樣可以從中快速了解寶貝采集、視覺提升、提高店鋪轉(zhuǎn)化率以及裝修元素方面的知識(shí)點(diǎn)，自如地踏上新的臺(tái)階。

本書主要由曹天佑、王君赫和潘磊編著，參加編寫的成員還有王紅蕾、陸沁、吳國(guó)新、時(shí)延輝、戴時(shí)影、劉冬美、劉紹婕、尚彤、張叔陽、葛久平、孫倩、殷曉鋒、谷鵬、胡渤、張希、趙頔、張猛、齊新、王海鵬、劉愛華、張杰、張凝、周滎、周莉、金雨、陸鑫、劉智梅、黃友良、蔣立軍、蔣嵐、蔣玉、蘇麗榮、譚明宇、李巖、吳承國(guó)、陶衛(wèi)鋒、孟琦等。由于作者水平有限，書中疏漏之處在所難免，敬請(qǐng)讀者批評(píng)指正。

編 者　　

 

目錄

第 1 章  網(wǎng)店美工需要掌握的知識(shí) 1

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

1.1.1 網(wǎng)店美工的定義 / 2

1.1.2 網(wǎng)店美工需要了解的知識(shí) / 3

1.2 寶貝圖片的處理 / 4

1.2.1 剪裁與傾斜校正 / 4

1.2.2 修飾寶貝圖像 / 7

1.2.3 商品寶貝瑕疵的修復(fù) / 11

1.3 文案在網(wǎng)店美工中的作用 / 16

1.3.1 做文案的目的 / 16

1.3.2 文案的寫作方法 / 17

1.3.3 文案的布局 / 18

1.3.4 活動(dòng)文案 / 21

1.4 店鋪首頁的美工操作 / 23

1.4.1 店標(biāo)與店招 / 23

1.4.2 自定義廣告區(qū) / 24

1.4.3 寶貝分類 / 25

1.4.4 焦點(diǎn)圖的設(shè)計(jì) / 26

1.4.5 店鋪收藏與聯(lián)系我們 / 27

 

 

第 2 章  寶貝的采集 29

2.1 通過拍攝采集寶貝 / 30

2.1.1 相機(jī)需具備的基本功能 / 30

2.1.2 拍攝所需的輔助器材 / 36

2.1.3 寶貝拍攝的要求與技巧 / 39

2.1.4 基本構(gòu)圖與商品擺放 / 43

2.1.5 為寶貝拍攝主圖視頻 / 46

2.2 視頻的簡(jiǎn)單編輯 / 46

2.2.1 視頻軟件介紹 / 47

2.2.2 生成視頻 / 52

2.2.3 使用Camtasia Studio 剪輯視頻 / 54

2.3 廠家圖片的下載 / 58

 

第 3 章  提升寶貝的視覺效果 59

3.1 淘寶圖片的裁剪 / 60

3.1.1 淘寶店鋪的常見尺寸 / 60

3.1.2 自定裁剪區(qū) / 61

3.1.3 按尺寸裁剪 / 62

3.1.4 裁剪傾斜圖片 / 64

3.1.5 裁剪透視圖片 / 65

3.2 商品圖的調(diào)色處理 / 67

3.2.1 處理偏暗的圖片 / 67

3.2.2 處理偏亮的圖片 / 70

3.2.3 處理色彩暗淡的照片 / 72

3.2.4 處理偏色的照片 / 73

3.2.5 增加多種商品顏色 / 76

3.3 淘寶圖片污點(diǎn)的處理 / 77

3.3.1 使用“內(nèi)容識(shí)別”填充修復(fù)照片中的污點(diǎn) / 78

3.3.2 使用“污點(diǎn)修復(fù)畫筆工具”修復(fù)照片中的污點(diǎn) / 79

3.3.3 使用“修復(fù)畫筆工具”修復(fù)照片中的水印 / 80

3.3.4 使用“修補(bǔ)工具”清除照片中的日期 / 82

3.4 網(wǎng)店圖像的多種摳圖技巧 / 84

3.4.1 規(guī)則形狀摳圖 / 84

3.4.2 簡(jiǎn)單背景摳圖 / 88

3.4.3 復(fù)雜圖形摳圖 / 90

3.4.4 毛發(fā)摳圖 / 97

3.4.5 圖層關(guān)系替換背景 / 99

3.4.6 半透明寶貝的摳圖方法 / 102

3.4.7 綜合摳圖方法 / 106

 

第 4 章  轉(zhuǎn)化流量的視覺圖 108

4.1 設(shè)計(jì)店標(biāo) / 109

4.1.1 店標(biāo)設(shè)計(jì)的原則 / 109

4.1.2 店標(biāo)的作用 / 110

4.1.3 店標(biāo)的制作構(gòu)思 / 110

4.1.4 店標(biāo)的制作過程 / 111

4.1.5 動(dòng)態(tài)旺鋪的店標(biāo)設(shè)計(jì) / 113

4.1.6 發(fā)布店標(biāo) / 116

4.2 直通車圖片的設(shè)計(jì) / 117

4.2.1 直通車圖片的設(shè)計(jì)原則 / 118

4.2.2 直通車在淘寶中的位置 / 123

4.2.3 設(shè)計(jì)與制作直通車圖片 / 124

4.3 鉆展圖片的設(shè)計(jì) / 127

4.3.1 鉆展圖片的設(shè)計(jì)原則 / 128

4.3.2 鉆展圖片主圖的設(shè)計(jì)與制作 / 129

4.3.3 鉆展圖片右側(cè)小圖的設(shè)計(jì)與制作 / 135

 

第 5 章  提升轉(zhuǎn)化率的主頁裝修圖的設(shè)計(jì) 138

5.1 店招的設(shè)計(jì) / 139

5.1.1 店招設(shè)計(jì)的原則 / 139

5.1.2 店招的設(shè)計(jì)與制作 / 140

5.2 首屏廣告圖的設(shè)計(jì) / 146

5.2.1 全屏廣告圖的設(shè)計(jì)與制作 / 147

5.2.2 標(biāo)準(zhǔn)通欄廣告圖的設(shè)計(jì)與制作 / 153

5.3 輪播圖的設(shè)計(jì)與制作 / 154

5.3.1 全屏輪播圖圖像的設(shè)計(jì)與制作 / 155

5.3.2 標(biāo)準(zhǔn)通欄輪播圖的設(shè)計(jì)與制作 / 161

5.4 自定義區(qū)域圖像的設(shè)計(jì)與制作 / 162

5.4.1 750 像素廣告圖的設(shè)計(jì)與制作 / 163

5.4.2 190 像素廣告圖的設(shè)計(jì)與制作 / 167

5.4.3 圖像陳列的設(shè)計(jì)與制作 / 169

5.4.4 項(xiàng)目區(qū)圖像的設(shè)計(jì)與制作 / 173

 

第 6 章  店鋪公告模板與寶貝分類的設(shè)計(jì) 176

6.1 寶貝分類的設(shè)計(jì) / 177

6.1.1 寶貝分類的設(shè)計(jì)原則 / 178

6.1.2 寶貝分類圖片的設(shè)計(jì)與制作 / 178

6.1.3 寶貝子分類的設(shè)計(jì) / 182

6.2 店鋪公告模板的設(shè)計(jì)與制作 / 184

6.2.1 750 像素店鋪公告模板的設(shè)計(jì) / 184

6.2.2 750 像素店鋪公告動(dòng)態(tài)模板的設(shè)計(jì) / 186

6.2.3 190 像素店鋪公告模板的設(shè)計(jì) / 188

6.3 店鋪收藏的設(shè)計(jì)與制作 / 189

6.4 客服圖片的設(shè)計(jì)與制作 / 194

 

第 7 章  網(wǎng)店詳情頁的設(shè)計(jì) 196

7.1 詳情頁的設(shè)計(jì)思路以及操作流程 / 197

7.2 詳情頁的格局構(gòu)成 / 198

7.3 詳情頁的設(shè)計(jì)原則 / 200

7.4 詳情頁的設(shè)計(jì)與制作 / 201

7.4.1 寶貝商品提升質(zhì)感的方法 / 202

7.4.2 詳情頁的框架 / 206

7.4.3 商品照片的摳圖 / 207

7.4.4 商品廣告區(qū)的設(shè)計(jì) / 209

7.4.5 商品細(xì)節(jié)展示區(qū)的設(shè)計(jì) / 216

7.4.6 商品組合展示區(qū)的設(shè)計(jì) / 221

7.4.7 商品描述區(qū)的設(shè)計(jì) / 226

7.4.8 尺碼區(qū)的設(shè)計(jì) / 227

7.4.9 購(gòu)物須知區(qū)的設(shè)計(jì) / 228

7.4.10 合成詳情頁 / 229