內(nèi)容簡介

《視覺引流：網(wǎng)店美工操作實戰(zhàn)》以實例和設(shè)計理論相結(jié)合的方式介紹了美工在網(wǎng)店裝修方面的各個知識點，包括從最初的網(wǎng)店美工應(yīng)該掌握的技能操作到網(wǎng)店中需要引流的模塊制作和理論講解。作者精心設(shè)計了多個與店鋪視覺引流模塊相關(guān)的實例，其中包含網(wǎng)店外部吸引流量的直通車、鉆展圖和店標(biāo)的制作，店鋪內(nèi)部吸引流量的通欄廣告、店招、商品廣告、店鋪收藏、店鋪公告、詳情頁等知識與效果。

《視覺引流：網(wǎng)店美工操作實戰(zhàn)》由一線電子商務(wù)網(wǎng)店美工教師和廣告設(shè)計教師編寫，全書共分8章，依次講解了網(wǎng)店美工須掌握的基礎(chǔ)操作、網(wǎng)店外部區(qū)域引流圖像設(shè)計與制作、網(wǎng)店首屏元素設(shè)計與制作、商品廣告圖像設(shè)計與制作、快速導(dǎo)航區(qū)設(shè)計與制作、店鋪公告模板設(shè)計與制作、店鋪收藏與客服應(yīng)用以及詳情頁設(shè)計與制作。

《視覺引流：網(wǎng)店美工操作實戰(zhàn)》兼具技術(shù)手冊和應(yīng)用技巧參考手冊的特點，技術(shù)實用，講解清晰，不僅適合想自己裝修店鋪的初中級讀者和網(wǎng)店美工，也可以作為大中專院校相關(guān)專業(yè)及電子商務(wù)方面培訓(xùn)班的教材。

前言

擁有好的美工的網(wǎng)店可以不與同行拼進貨渠道、拼物流、拼價格等硬性指標(biāo)，因為瀏覽者有很大一部分都是通過網(wǎng)店中的視覺效果被吸引進來的。這部分的流量完全可以靠美工來實現(xiàn)！

網(wǎng)店的視覺引流可以分為兩個階段：一個是店鋪內(nèi)部的首頁和詳情頁的視覺效果；另一個是未進店時的直通車、鉆展圖等視覺效果。無論是哪個階段，只要網(wǎng)店美工的功底較為深厚，就可以完成這項目標(biāo)。網(wǎng)店美工所負(fù)責(zé)的任務(wù)就是專門使網(wǎng)店在視覺上起到奪人眼球的作用，吸引買家進入店鋪，在店鋪中又再次讓買家被里面的其他商品宣傳所吸引，從而給賣家?guī)�來�?jīng)濟效益。市場上關(guān)于網(wǎng)店美工的書籍主要以理論、案例操作類和教程類為主。本書與其他同類書籍的不同之處在于，不僅在淘寶網(wǎng)店各個元素、店外的直通車圖片、鉆展圖片上都有精心的實例，還在具體的圖片來源、配色、修正等方面進行了理論與實例相結(jié)合的詳細(xì)講解，真正做到了手把手教初學(xué)者輕松了解網(wǎng)店美工各個實操部分，讓用戶花最少的錢，得到最大化的收益。

本書在最初的策劃階段就是本著在吸引買家的注意、在網(wǎng)店各個吸引視覺流量的圖像方面進行的。作者有著多年豐富的電商和廣告教學(xué)經(jīng)驗、網(wǎng)店經(jīng)營以及裝修的實際設(shè)計工作經(jīng)驗，并將自己在網(wǎng)店的視覺效果裝修過程中總結(jié)的經(jīng)驗和技巧展現(xiàn)給讀者，希望讀者能夠在體會裝修過程中應(yīng)用各個軟件強大功能的同時，將設(shè)計創(chuàng)意和設(shè)計理念通過軟件反映到網(wǎng)店中的視覺效果上來。更希望通過本書能夠幫助您解決開店時遇到的設(shè)計難題。

本書特點

本書的內(nèi)容安排由淺入深、循序漸進、豐富多彩，力爭涵蓋網(wǎng)店視覺及裝修的全部知識點。以實例結(jié)合理論的方式對網(wǎng)店裝修進行了實際應(yīng)用的講解，使讀者在學(xué)習(xí)時少走彎路。

本書具有以下特點。

內(nèi)容全面，幾乎涵蓋了網(wǎng)店裝修所涉及的視覺圖像、配色和整體店鋪裝修的各個方面。從商品圖像設(shè)計的一般流程入手，逐步引導(dǎo)讀者學(xué)習(xí)網(wǎng)店中所涉及的各種技能。

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

實例豐富，技巧全面實用，技術(shù)含量高，與實踐緊密結(jié)合。每一個實例都傾注了作者多年的

實踐經(jīng)驗，每一個功能都已經(jīng)過實操驗證。

注重理論與實踐相結(jié)合。本書中實例的操作都是通過軟件的某個重要知識點展開，使讀者更

容易理解和掌握，從而方便知識點的記憶，進而能夠舉一反三。

本書章節(jié)安排

本書循序漸進地講解了網(wǎng)店美工在工作時所需要的各方面知識。全書共分為8章，依次講解了網(wǎng)店美工須掌握的基礎(chǔ)操作、網(wǎng)店外部區(qū)域引流圖像設(shè)計與制作、網(wǎng)店首屏元素設(shè)計與制作、商品廣告圖像設(shè)計與制作、快速導(dǎo)航區(qū)設(shè)計與制作、店鋪公告模板設(shè)計與制作、店鋪收藏與客服應(yīng)用以及詳情頁設(shè)計與制作。

本書讀者對象

本書主要面向想開網(wǎng)店的初、中級讀者，是一本非常適合網(wǎng)店裝修的美工學(xué)習(xí)教材。全書從簡單的基礎(chǔ)開始，再循序漸進地進行講解。對于以前沒有接觸過網(wǎng)上開店或自己裝修的讀者也可輕松入門，對于已經(jīng)可以自己進行網(wǎng)店店鋪裝修的讀者，同樣可以從中快速了解本書中的網(wǎng)店美工基礎(chǔ)、店外引流提升轉(zhuǎn)化率以及網(wǎng)店各個可裝修元素方面的知識點，自如地踏上新的臺階。

本書由曹天佑、王紅蕾和劉東美編著，其他參與編寫的人員還有陸沁、吳國新、時延輝、戴時影、劉紹婕、尚彤、張叔陽、葛久平、孫倩、殷曉峰、谷鵬、胡渤、張希、趙頔、張猛、齊新、王海鵬、劉愛華、張杰、張凝、王君赫、潘磊、周滎、周莉、金雨、陸鑫、劉智梅、黃友良、蔣立軍、蔣嵐、蔣玉、蘇麗榮、譚明宇、李巖、吳承國、陶衛(wèi)鋒、孟琦、曹培軍、沈桂軍、關(guān)向東、劉丹、王鳳展、卜彥波、祁淑玲、吳忠民、袁震寰、田秀云、李垚、郎琦、謝振勇、霍宏、王威、王建紅、程德東、楊秀娟、劉琳、張文超、郭瑞金、孫名軍等。

由于作者水平有限，書中疏漏和錯誤之處在所難免，敬請讀者批評指正。

本書提供了案例所需的素材、源文件、視頻文件以及PPT課件，同時還贈送大量的Photoshop的基礎(chǔ)內(nèi)容視頻、動作、畫筆、圖案、形狀、樣式，通過掃描二維碼，推送到自己的郵箱后下載獲取。

編　者

目錄

第1章  網(wǎng)店美工須掌握的基礎(chǔ)操作

1.1 網(wǎng)店配色基礎(chǔ) 001

1.1.1 色彩原理 001

1.1.2 網(wǎng)頁安全色 003

1.1.3 網(wǎng)店色彩分類 006

1.1.4 網(wǎng)店色彩采集 008

1.1.5 識別色域以外的顏色 009

1.1.6 網(wǎng)店頁面色彩搭配 010

1.1.7 網(wǎng)店圖像配色 021

1.2 網(wǎng)店圖像的布局 024

1.2.1 圖片基本構(gòu)圖 024

1.2.2 圖像中文本布局規(guī)則 026

1.2.3 圖像參與布局的規(guī)則 029

1.2.4 版面布局設(shè)計 031

1.3 美工修圖基礎(chǔ) 032

1.3.1 寶貝圖片色調(diào)調(diào)整 032

1.3.2 寶貝圖片校正 037

1.3.3 瑕疵圖片處理 038

1.3.4 人物磨皮處理 041

1.3.5 校正模糊圖片 042

1.4 網(wǎng)店中常用的美工摳圖 045

1.4.1 按規(guī)則幾何圖形進行摳圖 045

1.4.2 復(fù)雜圖像快速摳圖 046

1.4.3 復(fù)雜圖像精細(xì)摳圖 046

1.4.4 透明圖像摳圖 049

1.4.5 毛發(fā)摳圖 052

第2章  網(wǎng)店外部區(qū)域引流圖像設(shè)計與制作

2.1 店標(biāo)設(shè)計與制作 055

2.1.1 店標(biāo)設(shè)計原則 055

2.1.2 店標(biāo)的制作構(gòu)思 056

2.1.3 店標(biāo)的制作過程 057

2.2 直通車設(shè)計與制作 060

2.2.1 直通車圖片的設(shè)計原則 061

2.2.2 直通車圖片的制作 064

2.3 鉆展圖設(shè)計與制作 069

2.3.1 鉆展圖片的設(shè)計原則 069

2.3.2 鉆展圖片主圖設(shè)計與制作 069

2.3.3 鉆展圖片右側(cè)小圖設(shè)計與制作 074

第3章  網(wǎng)店首屏元素設(shè)計與制作

3.1 店招設(shè)計與制作 078

3.1.1 店招設(shè)計的原則 078

3.1.2 商品參與店招設(shè)計與制作 079

3.1.3　與導(dǎo)航一同進行設(shè)計與制作 085

3.2 首屏全屏廣告設(shè)計與制作 091

3.2.1 首屏全屏廣告及輪播圖的作用 091

3.2.2 漸變背景廣告設(shè)計與制作 092

3.2.3 大面積配色背景廣告設(shè)計與制作 096

3.2.4 圖像背景廣告設(shè)計與制作 100

第4章  商品廣告圖像設(shè)計與制作

4.1 950像素廣告設(shè)計與制作 105

4.1.1 商品整體參與設(shè)計與制作 105

4.1.2 商品局部參與設(shè)計與制作 111

4.1.3 多視點參與廣告設(shè)計與制作 115

4.1.4 超出背景區(qū)域設(shè)計與制作 119

4.2 750像素廣告設(shè)計與制作 123

4.2.1 暖色系方案設(shè)計與制作 123

4.2.2 冷色系方案設(shè)計與制作 127

4.2.3 中性色方案設(shè)計與制作 131

4.3 190像素廣告設(shè)計與制作 136

4.3.1 凸顯特點方案設(shè)計與制作 136

4.3.2 商品本身參與設(shè)計與制作 139

4.4 陳列區(qū)廣告設(shè)計與制作 141

4.4.1　格局分布方案設(shè)計與制作 142

4.4.2　單色與圖片搭配方案設(shè)計與制作 144

第5章  快速導(dǎo)航區(qū)設(shè)計與制作

5.1 懸浮導(dǎo)航設(shè)計與制作 148

5.1.1　半透明方案設(shè)計與制作 149

5.1.2　單色背景方案設(shè)計與制作 153

5.2 寶貝分類設(shè)計與制作 155

5.2.1 寶貝分類設(shè)計與制作原則 156

5.2.2 按鈕式圖像方案設(shè)計與制作 157

5.2.3　文字效果方案設(shè)計與制作 161

5.2.4 子分類設(shè)計與制作 163

第6章  店鋪公告模板設(shè)計與制作

 6.1 橫幅公告模板設(shè)計與制作 166

6.1.1 950 像素店鋪公告模板的制作 166

6.1.2 750像素店鋪公告模板的制作 170

6.2 直幅公告模板設(shè)計與制作 174

6.3 為制作的模板創(chuàng)建切片 175

第7章  店鋪收藏與客服應(yīng)用

 7.1 店鋪收藏設(shè)計與制作 178

7.1.1 寬幅店鋪收藏的制作 178

7.1.2 窄幅店鋪收藏的制作 183

7.2 客服圖片設(shè)計與制作 184

7.2.1 寬幅客服圖像設(shè)計與制作 185

7.2.2 窄幅客服圖像設(shè)計與制作 188

第8章  詳情頁設(shè)計與制作

8.1 詳情頁的設(shè)計思路以及操作流程 190

8.2 詳情頁的格局構(gòu)成 191

8.3 詳情頁的設(shè)計原則 192

8.4 詳情頁的制作過程 193

8.4.1　詳情頁框架 193

8.4.2 商品廣告區(qū)設(shè)計 193

8.4.3 商品色彩展示區(qū)設(shè)計 197

8.4.4 商品細(xì)節(jié)展示區(qū)設(shè)計 200

8.4.5 隨行搭配區(qū)的設(shè)計 205

8.4.6 尺碼區(qū)的設(shè)計 208

8.4.7 購物須知區(qū)設(shè)計 209

8.4.8 合成詳情頁 210