目錄

第 1 章  網店美工需要掌握的知識 1

1.1 網店美工概述  2

1.1.1 網店美工的定義  2

1.1.2 網店美工需要了解的知識  3

1.2 寶貝圖片的處理  4

1.2.1 剪裁與傾斜校正  4

1.2.2 修飾寶貝圖像  7

1.2.3 商品寶貝瑕疵的修復  11

1.3 文案在網店美工中的作用  16

1.3.1 做文案的目的  16

1.3.2 文案的寫作方法  17

1.3.3 文案的布局  18

1.3.4 活動文案  21

1.4 店鋪首頁的美工操作  23

1.4.1 店標與店招  23

1.4.2 自定義廣告區  24

1.4.3 寶貝分類  25

1.4.4 焦點圖的設計  26

1.4.5 店鋪收藏與聯繫我們  27

第 2 章  寶貝的采集 29

2.1 通過拍攝采集寶貝  30

2.1.1 相機需具備的基本功能  30

2.1.2 拍攝所需的輔助器材  36

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

2.1.4 基本構圖與商品擺放  43

2.1.5 為寶貝拍攝主圖視頻  46

2.2 視頻的簡單編輯  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 自定裁剪區  61

3.1.3 按尺寸裁剪  62

3.1.4 裁剪傾斜圖片  64

3.1.5 裁剪透視圖片  65

3.2 商品圖的調色處理  67

3.2.1 處理偏暗的圖片  67

3.2.2 處理偏亮的圖片  70

3.2.3 處理色彩暗淡的照片  72

3.2.4 處理偏色的照片  73

3.2.5 增加多種商品顏色  76

3.3 淘寶圖片污點的處理  77

3.3.1 使用“內容識別”填充修復照片中的污點  78

3.3.2 使用“污點修復畫筆工具”修復照片中的污點  79

3.3.3 使用“修復畫筆工具”修復照片中的水印  80

3.3.4 使用“修補工具”清除照片中的日期  82

3.4 網店圖像的多種摳圖技巧  84

3.4.1 規則形狀摳圖  84

3.4.2 簡單背景摳圖  88

3.4.3 復雜圖形摳圖  90

3.4.4 毛發摳圖  97

3.4.5 圖層關繫替換背景  99

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

3.4.7 綜合摳圖方法  106

第 4 章  轉化流量的視覺圖 108

4.1 設計店標  109

4.1.1 店標設計的原則  109

4.1.2 店標的作用  110

4.1.3 店標的制作構思  110

4.1.4 店標的制作過程  111

4.1.5 動態旺鋪的店標設計  113

4.1.6 發布店標  116

4.2 直通車圖片的設計  117

4.2.1 直通車圖片的設計原則  118

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

4.2.3 設計與制作直通車圖片  124

4.3 鑽展圖片的設計  127

4.3.1 鑽展圖片的設計原則  128

4.3.2 鑽展圖片主圖的設計與制作  129

4.3.3 鑽展圖片右側小圖的設計與制作  135

第 5 章  提升轉化率的主頁裝修圖的設計 138

5.1 店招的設計  139

5.1.1 店招設計的原則  139

5.1.2 店招的設計與制作  140

5.2 首屏廣告圖的設計  146

5.2.1 全屏廣告圖的設計與制作  147

5.2.2 標準通欄廣告圖的設計與制作  153

5.3 輪播圖的設計與制作  154

5.3.1 全屏輪播圖圖像的設計與制作  155

5.3.2 標準通欄輪播圖的設計與制作  161

5.4 自定義區域圖像的設計與制作  162

5.4.1 750 像素廣告圖的設計與制作  163

5.4.2 190 像素廣告圖的設計與制作  167

5.4.3 圖像陳列的設計與制作  169

5.4.4 項目區圖像的設計與制作  173

第 6 章  店鋪公告模板與寶貝分類的設計 176

6.1 寶貝分類的設計  177

6.1.1 寶貝分類的設計原則  178

6.1.2 寶貝分類圖片的設計與制作  178

6.1.3 寶貝子分類的設計  182

6.2 店鋪公告模板的設計與制作  184

6.2.1 750 像素店鋪公告模板的設計  184

6.2.2 750 像素店鋪公告動態模板的設計  186

6.2.3 190 像素店鋪公告模板的設計  188

6.3 店鋪收藏的設計與制作  189

6.4 客服圖片的設計與制作  194

第 7 章  網店詳情頁的設計 196

7.1 詳情頁的設計思路以及操作流程  197

7.2 詳情頁的格局構成  198

7.3 詳情頁的設計原則  200

7.4 詳情頁的設計與制作  201

7.4.1 寶貝商品提升質感的方法  202

7.4.2 詳情頁的框架  206

7.4.3 商品照片的摳圖  207

7.4.4 商品廣告區的設計  209

7.4.5 商品細節展示區的設計  216

7.4.6 商品組合展示區的設計  221

7.4.7 商品描述區的設計  226

7.4.8 尺碼區的設計  227

7.4.9 購物須知區的設計  228

7.4.10 合成詳情頁  229

前言

隨著電子商務的發展壯大，與之相關的專業人纔已經出現了巨大的缺口，尤其是針對網店方面的設計人纔，幾乎每個電商企業都面臨著該崗位的人纔壓力。電商的多年發展無形中讓這個新興的職業從初的摸著石頭過河，變遷到現在的輕車熟路，無論是從理論還是從實踐，都催生了一套屬於自己的工作模式。

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

對於賣家而言，能夠擁有產生經濟效益的店鋪是他們的心願。在價格與特點都大體相同的情況下，無論是在產品重點、色彩還是在布局等方面，設計出更加吸引買家眼球的圖像，是提升賣點的一個保證。

本書作者有著多年豐富的電商教學經驗、網店經營以及裝修的工作經驗，將自己總結的經驗和技巧展現給了讀者，希望讀者能夠在體會裝修軟件的強大功能的同時，將設計創意和設計理念通過軟件反映到網店的視覺效果上來，更希望通過本書能夠幫助讀者解決開店時遇到的設計難題。

本書特點

本書內容由淺入深，力爭涵蓋網店視覺及裝修的全部知識點；同時以實例結合理論的方式對網店裝修進行講解，使讀者在學習時少走彎路。

本書具有以下幾方面的特點。

●
內容全面，幾乎涵蓋了網店裝修所涉及的視覺圖像、配色和整體店鋪裝修的各個方面。本書由具有豐富教學經驗的網店設計一線老師編寫，從商品圖像設計的一般流程入手，逐步引導讀者學習網店中所涉及的各種技能。

●
語言通俗易懂，講解清晰，前後呼應，以小的篇幅、易讀懂的語言來講解每一項功能和每一個實例，讓讀者學習起來更加輕松、閱讀更加容易。

●
實例豐富，技巧全面實用，技術含量高，與實踐緊密結合。每一個實例都傾注了作者多年的實踐經驗，每一個功能都已經過技術驗證。

●
注重理論與實踐相結合。在本書中，實例的運用都是以軟件某個重要知識點展開，使讀者更容易理解和掌握，從而方便知識點的記憶，進而能夠舉一反三。

本書的章節安排

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

本書的讀者對像

本書主要面向想開網店的初、中級讀者，是一本非常適合學習網店裝修的教材。對於沒有接觸過網上開店或想自己裝修的讀者可輕松入門，對於已經可以自己進行網店店鋪裝修的讀者，同樣可以從中快速了解寶貝采集、視覺提升、提高店鋪轉化率以素方面的知識點，自如地踏上新的臺階。

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

編
者

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

本章主要為大家介紹對於已經捕獲到的寶貝商品圖片進行美化加工的方法，在視覺效果上達到吸引買家的目的，從而增加店鋪的銷量。在美化圖片中常見的就是將圖片裁剪成淘寶需要的大小、處理拍攝時產生的色調問題、修正圖片的瑕疵以及通過摳圖進行合成圖片，這裡使用的軟件是Photoshop CC。

本章重點

●
淘寶圖片的裁剪

●
商品圖的調色處理

●
淘寶圖片污點的處理

●
網店圖像的多種摳圖技巧

3.1 淘寶圖片的裁剪

網店中的圖片，除了發布的寶貝圖片外，在一些特定的區域圖中都是需要固定大小的，在插入圖片之前一定要先了解該區域圖片的大小，所謂磨刀不誤砍柴工，就是在前期將圖片按照固定大小進行創建或裁剪，在這個基礎之上再進行視覺方面的設計，隻有這樣纔能真正收到事半功倍的效果。

3.1.1 淘寶店鋪的常見尺寸

網店中需要的圖片尺寸直接取決於淘寶網的要求，不同的區域圖片的大小是不同的，下面就詳細說明各個區域的圖像尺寸。

☆
店標：文件格式GIF、JPG、JPEG、PNG，文件大小80KB 以內，建議尺寸為80 像素× 80 像素。

☆
店招：寬度為950 像素，高度建議不超過120 像素。

☆
全屏通欄廣告：寬度為1920 像素，高度盡量根據首屏的高度進行設置，建議500~600 像素。

☆
標準通欄廣告：寬度為950 像素，高度盡量根據首屏的高度進行設置，建議500~600 像素。

☆
輪播圖：不同區域的輪播圖寬度不同，高度必須在100~600 像素，寬度可以是1920像素、950 像素、750 像素和190 像素。

☆
自定義內容區：如果分成左、右兩個部分，寬度為190 像素和750 像素兩種，高度根據廣告內容自行設置。

☆
寶貝圖片：必須是1∶1 的正方形，長寬可以在300~500 像素。

☆
寶貝詳情頁：寬度750 像素，高度可以根據內容自行設置。

提示：
在手機淘寶店鋪中要了解的各個圖片尺寸規格如下。

☆
店招規格: 642 像素×254 像素；類型：JPG，JPEG，PNG。

☆
新客老客規格：建議選擇608 像素×336 像素尺寸的圖片；類型：JPG、PNG。

☆
圖文類中單列圖片模塊：建議選擇608 像素×（200~960）像素尺寸的圖片；類型：JPG、PNG。

☆
圖文類中雙列圖片模塊：建議選擇296 像素×160 像素尺寸的圖片；類型：JPG、PNG。

☆
圖文類中多圖模塊：建議選擇248 像素×146 像素尺寸的圖片；類型：JPG、PNG。

☆
圖文類中焦點圖模塊：建議選擇608 像素×304 像素尺寸的圖片；類型：JPG、PNG。

☆
圖文類中左文右圖模塊：建議選擇608 像素×160 像素尺寸的圖片；類型：JPG、PNG。

☆
活動頭圖片模塊：建議選擇640 像素×304 像素尺寸的圖片；類型：JPG、PNG。