內(nèi)容簡介

本書以實(shí)例和設(shè)計理論相結(jié)合的方式介紹店鋪運(yùn)營中視覺營銷圖像的運(yùn)用。根據(jù)在店鋪運(yùn)營中后臺所涉及的各個知識點(diǎn)，精心制作了多個通過Dreamweaver編輯代碼、圖片空間復(fù)制鏈接來完成的最終視覺效果實(shí)例，其中包括全屏首屏廣告、全屏輪播圖、店鋪店招與導(dǎo)航、店鋪公告模板等效果的應(yīng)用。

本書由一線電子商務(wù)教師和網(wǎng)店店主編寫，循序漸進(jìn)地講解了網(wǎng)店后臺運(yùn)用美工設(shè)計的圖片效果所需要具備的各方面知識。全書共分為6章，依次講解吸引買家的店鋪布局、店鋪配色與商品色彩、圖片的切割與優(yōu)化、Dreamweaver在店鋪中的應(yīng)用、圖片空間的使用以及店鋪可裝修區(qū)域的應(yīng)用。

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

前言

隨著網(wǎng)上購物的興起，自己開一家淘寶店進(jìn)行創(chuàng)業(yè)已經(jīng)不是什么新鮮事了。開店是一回事，經(jīng)營網(wǎng)店又是一回事。在網(wǎng)店中運(yùn)用視覺效果來吸引買家是既經(jīng)濟(jì)又實(shí)惠的一項(xiàng)選擇。電商視覺營銷方面相應(yīng)的圖書非常多，但多數(shù)以理論和點(diǎn)評為主，而本書真正將視覺效果應(yīng)用到店鋪中，并以實(shí)例的方式進(jìn)行了精細(xì)的講解。

店鋪運(yùn)營中應(yīng)用視覺效果，除了在淘寶后臺中設(shè)置以外，還要結(jié)合Photoshop、Dreamweaver 和圖片空間，目的就是最大化地吸引買家，從而加大流量為店主創(chuàng)收。

本書在最初的策劃階段就是本著在吸引買家的注意力，并替店主省錢等方面而進(jìn)行的。店鋪運(yùn)營中應(yīng)用的全屏輪播圖、全屏廣告等收費(fèi)環(huán)節(jié)，都可通過學(xué)習(xí)本書中的知識，自行制作，真正讓賣家做到即學(xué)即用。本書作者有著多年豐富的電商教學(xué)經(jīng)驗(yàn)、店鋪運(yùn)營以及裝修的實(shí)際設(shè)計工作經(jīng)驗(yàn)，把自己總結(jié)出的經(jīng)驗(yàn)和技巧展現(xiàn)給讀者，希望讀者能夠在體會各個軟件的強(qiáng)大功能的同時，將設(shè)計創(chuàng)意和設(shè)計理念通過軟件反映到店鋪運(yùn)營中來，更希望通過閱讀本書能夠幫助讀者解決店鋪運(yùn)營時遇到的一些難題。

本書特點(diǎn)

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

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

● 內(nèi)容全面，幾乎涵蓋了網(wǎng)店視覺營銷所涉及的視覺圖像、配色和店鋪整體的各個元素模塊。從圖片切片、網(wǎng)店代碼的編寫等一般流程入手，逐步引導(dǎo)讀者學(xué)習(xí)網(wǎng)店運(yùn)營中所涉及的各種技能。

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

● 實(shí)例豐富，技巧全面實(shí)用，技術(shù)含量高，與實(shí)踐緊密結(jié)合。本書由具有豐富教學(xué)經(jīng)驗(yàn)的網(wǎng)店設(shè)計一線老師編寫，每一個實(shí)例都傾注了作者多年的實(shí)踐經(jīng)驗(yàn)，每一個功能都已經(jīng)過技術(shù)驗(yàn)證。

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

本書章節(jié)安排

本書循序漸進(jìn)地講解了網(wǎng)店視覺營銷時在店面內(nèi)效果所需要的各方面知識。全書共分為6 章，依次講解了吸引買家的店鋪布局、店鋪配色與商品色彩、圖片的切割與優(yōu)化、Dreamweaver 在店鋪中的應(yīng)用、圖片空間的使用和店鋪可裝修區(qū)域的應(yīng)用。

本書讀者對象

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

本書由曹天佑、劉紹婕和時延輝編著，參與編寫的人員還有王紅蕾、陸沁、吳國新、戴時影、劉冬美、陳美榮、尚彤、張叔陽、葛久平、孫倩、殷曉鋒、谷鵬、胡渤、張希、趙頔、張猛、齊新、王海鵬、劉愛華、張杰、張凝、周滎、周莉、金雨、陸鑫、劉智梅、王君赫、潘磊、黃友良、蔣立軍、蔣嵐、蔣玉、蘇麗榮、譚明宇、李巖、吳承國、陶衛(wèi)鋒和孟琦等。

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

編 者

 

 

目錄

第 1 章  吸引買家的店鋪布局 1

1.1　網(wǎng)店欄目和頁面設(shè)計策劃 / 2

1.1.1　策劃在制作之前的作用 / 3

1.1.2　網(wǎng)店欄目策劃 / 3

1.1.3　網(wǎng)店的頁面策劃 / 6

1.2　網(wǎng)店布局的基本元素 / 9

1.2.1　店招 / 10

1.2.2　促銷廣告 / 10

1.2.3　寶貝分類 / 11

1.2.4　聯(lián)系方式 / 12

1.2.5　店鋪收藏 / 13

1.2.6　店鋪二維碼 / 14

1.2.7　店鋪公告 / 14

1.2.8　寶貝展示 / 15

1.2.9　寶貝排行 / 15

1.2.10　詳情頁 / 16

1.3　版面布局設(shè)計 / 17

1.3.1　版面布局的原則 / 18

1.3.2　網(wǎng)店頁面內(nèi)容的排版 / 21

1.4　為網(wǎng)拍商品制作統(tǒng)一邊框 / 26

1.4.1　照片邊緣色彩添加統(tǒng)一邊框 / 26

1.4.2　細(xì)致調(diào)整圖像背景邊緣 / 28

1.4.3　統(tǒng)一邊框樣式 / 29

1.4.4　商品圖像邊框的制作 / 31

1.5　統(tǒng)一間距與對齊 / 33

1.6　圖像制作的布局 / 34

1.6.1　圖像的構(gòu)圖類型 / 35

1.6.2　圖像合成展示 / 35

 

第 2 章  店鋪配色與商品色彩 37

2.1　認(rèn)識網(wǎng)店色彩 / 38

2.2　色彩理論 / 39

2.2.1　色彩與視覺原理 / 39

2.2.2　色彩的分類 / 40

2.2.3　色彩三要素 / 43

2.3　色彩顏色管理 / 45

2.3.1　識別色域范圍外的顏色 / 46

2.3.2　色彩模式 / 47

2.3.3　色彩模式轉(zhuǎn)換 / 50

2.3.4　調(diào)整顏色建議 / 51

2.4　網(wǎng)頁安全色 / 51

2.5　網(wǎng)店配色 / 53

2.5.1　自定義頁面的主色與輔助色 / 53

2.5.2　網(wǎng)店色調(diào)與配色 / 54

2.5.3　色彩推移 / 65

2.5.4　色彩采集 / 67

2.6　色彩介紹 / 68

2.6.1　色彩對比 / 68

2.6.2　色彩調(diào)和 / 73

2.7　網(wǎng)店頁面色彩分類 / 74

2.7.1　靜態(tài)與動態(tài)色彩 / 74

2.7.2　強(qiáng)調(diào)色彩 / 75

2.8　商品色調(diào)風(fēng)格調(diào)整 / 75

 

第 3 章  圖片的切割與優(yōu)化 76

3.1　在Photoshop 中創(chuàng)建切片 / 77

3.1.1　通過工具創(chuàng)建切片 / 77

3.1.2　基于參考線創(chuàng)建切片 / 78

3.1.3　基于圖層創(chuàng)建切片 / 79

3.1.4　店鋪公告圖片切割 / 79

3.1.5　描述模板切割 / 81

3.2　切片圖片的優(yōu)化 / 82

3.2.1　編輯切片 / 82

3.2.2　設(shè)置優(yōu)化格式 / 84

3.2.3　應(yīng)用顏色表 / 84

3.2.4　圖像大小 / 85

3.2.5　網(wǎng)店圖片格式 / 86

3.3　批處理多幅圖片 / 87

3.3.1　動作面板 / 87

3.3.2　創(chuàng)建動作 / 89

3.3.3　批處理 / 90

3.3.4　應(yīng)用批處理對整個文件夾中的文件

　　　 應(yīng)用“拼貼”濾鏡 / 91

 

第 4 章  Dreamweaver 在店鋪中的應(yīng)用 93

4.1　Dreamweaver 軟件概述 / 94

4.1.1　Dreamweaver 簡介 / 94

4.1.2　Dreamweaver 工作界面 / 94

4.1.3　Dreamweaver 的面板操作 / 96

4.2　創(chuàng)建表格 / 99

4.2.1　創(chuàng)建表格 / 100

4.2.2　表格的基本編輯功能 / 101

4.3　插入店鋪圖像切片 / 106

4.3.1　創(chuàng)建圖像以及表格 / 106

4.3.2　插入圖像 / 110

4.3.3　插入鼠標(biāo)經(jīng)過圖像 / 111

4.3.4　以背景方式插入圖像 / 113

4.4　創(chuàng)建圖片的熱區(qū) / 115

4.4.1　創(chuàng)建規(guī)則熱區(qū) / 115

4.4.2　創(chuàng)建不規(guī)則熱區(qū) / 118

4.5　選擇設(shè)計內(nèi)容的代碼 / 119

 

第 5 章  圖片空間的使用 120

5.1　進(jìn)入圖片空間 / 121

5.2　編輯圖片空間 / 123

5.2.1　新建文件夾管理圖片 / 123

5.2.2　刪除圖片空間的文件夾 / 125

5.2.3　上傳優(yōu)化好的圖片 / 126

5.2.4　圖片搬家 / 128

5.2.5　恢復(fù)刪除的圖片 / 130

5.2.6　全選圖片 / 131

5.2.7　替換 / 132

5.2.8　編輯 / 132

5.2.9　適配手機(jī) / 133

5.2.10　為圖片添加水印 / 133

5.3　復(fù)制圖片鏈接 / 135

5.4　將鏈接粘貼到Dreamweaver 代碼區(qū) / 136

 

 

第 6 章  店鋪可裝修區(qū)域的應(yīng)用 137

6.1　改變店鋪名稱 / 138

6.2　應(yīng)用或更換店標(biāo) / 139

6.3　統(tǒng)一店鋪的配色 / 141

6.4　應(yīng)用與更換店招 / 142

6.4.1　快速替換店招 / 142

6.4.2　標(biāo)準(zhǔn)通欄全屏店招制作 / 145

6.4.3　通過切片制作一體店招 / 146

6.5　在淘寶中添加自定義頁面 / 151

6.6　焦點(diǎn)圖的應(yīng)用 / 153

6.6.1　標(biāo)準(zhǔn)焦點(diǎn)圖的應(yīng)用 / 153

6.6.2　全屏焦點(diǎn)圖的應(yīng)用 / 157

6.7　自定義廣告的應(yīng)用 / 161

6.7.1　標(biāo)準(zhǔn)通欄廣告的應(yīng)用 / 161

6.7.2　全屏廣告的應(yīng)用 / 163

6.7.3　750 廣告與190 廣告的應(yīng)用 / 166

6.8　為淘寶自定義內(nèi)容添加鼠標(biāo)經(jīng)過效果 / 171

6.9　寶貝分類的使用 / 176

6.9.1　應(yīng)用寶貝分類 / 177

6.9.2　應(yīng)用子寶貝分類 / 180

6.10　 店鋪公告模板的使用 / 182

6.11　 店鋪收藏的應(yīng)用 / 187

6.11.1　獲取店鋪收藏的代碼 / 187

6.11.2　店鋪收藏的應(yīng)用 / 188

6.12　 聯(lián)系我們的應(yīng)用 / 191

6.12.1　為制作的圖片創(chuàng)建切片并導(dǎo)出網(wǎng)頁 / 191

6.12.2　在Dreamweaver 中生成代碼 / 192

6.12.3　在“旺遍天下”中獲取代碼 / 194

6.12.4　在Dreamweaver 中應(yīng)用代碼并替換圖片的代碼 / 195

6.12.5　聯(lián)系我們的應(yīng)用 / 196

6.13　 詳情頁廣告的應(yīng)用 / 199