本書以實(shí)例和設(shè)計(jì)理論相結(jié)合的方式,介紹網(wǎng)店美工對(duì)網(wǎng)店進(jìn)行視覺(jué)效果操作的各個(gè)方面。根據(jù)網(wǎng)店美工在設(shè)計(jì)店鋪效果圖中所涉及的知識(shí)點(diǎn),精心設(shè)計(jì)了多個(gè)與店鋪視覺(jué)相關(guān)的實(shí)例。
本書由一線電子商務(wù)網(wǎng)店美工教師和廣告設(shè)計(jì)老師編寫,循序漸進(jìn)地講解了網(wǎng)店美工在工作時(shí)所需具備的各方面知識(shí)。全書共7章,依次講解網(wǎng)店美工需要掌握的知識(shí)、寶貝的采集、提升寶貝的視覺(jué)效果、轉(zhuǎn)化流量的視覺(jué)圖、提升轉(zhuǎn)化率的主頁(yè)裝修圖的設(shè)計(jì)、店鋪公告模板與寶貝分類的設(shè)計(jì)以及網(wǎng)店詳情頁(yè)的設(shè)計(jì)。
本書采用案例教程結(jié)合理論的編寫形式,兼具技術(shù)手冊(cè)和應(yīng)用技巧參考手冊(cè)的特點(diǎn),技術(shù)實(shí)用,講解清晰,不僅適合欲開(kāi)網(wǎng)店并想自己裝修店鋪的初、中級(jí)讀者,也可以作為大中專院校相關(guān)專業(yè)及電子商務(wù)方面培訓(xùn)班的教材。
1.以網(wǎng)店美工身份對(duì)網(wǎng)店裝修中涉及的各項(xiàng)知識(shí)進(jìn)行了全面細(xì)致的講解。
2.對(duì)于網(wǎng)店中的圖像處理真正做到了以裝修為目的的美化操作。
3.對(duì)于轉(zhuǎn)換流量的直通車圖片、鉆展圖以及詳情頁(yè)圖片真正做到與開(kāi)店相對(duì)應(yīng)。
4.站在買家的角度,更能吸引買家的目光。
5.有大量的優(yōu)秀案例、設(shè)計(jì)技巧、溫馨提示,所需模塊,一應(yīng)俱全。
6.注重效果顯示,展現(xiàn)更優(yōu)質(zhì)的裝修界面。
7.內(nèi)容全面,幾乎涵蓋了網(wǎng)店裝修涉及的視覺(jué)圖像和整體店鋪裝修的各個(gè)方面。
8.注重理論與實(shí)踐相結(jié)合。
前言
隨著電子商務(wù)的發(fā)展壯大,與之相關(guān)的專業(yè)人才已經(jīng)出現(xiàn)了巨大的缺口,尤其是針對(duì)網(wǎng)店方面的設(shè)計(jì)人才,幾乎每個(gè)電商企業(yè)都面臨著該崗位的人才壓力。電商的多年發(fā)展無(wú)形中讓這個(gè)新興的職業(yè)從最初的摸著石頭過(guò)河,變遷到現(xiàn)在的輕車熟路,無(wú)論是從理論還是從實(shí)踐,都催生了一套屬于自己的工作模式。
開(kāi)一家網(wǎng)店,首先考慮的就是是否盈利。在價(jià)格、進(jìn)貨渠道、物流都已準(zhǔn)備好的情況下,如何讓自己的店鋪更加吸引瀏覽者的目光,如何將逛網(wǎng)店的人群引導(dǎo)走進(jìn)自己店鋪中,這一點(diǎn)正是開(kāi)店者應(yīng)該考慮的問(wèn)題。通過(guò)視覺(jué)效果吸引買家絕對(duì)是一項(xiàng)既直觀又經(jīng)濟(jì)的可操作選項(xiàng),隨著網(wǎng)店的發(fā)展,單純地羅列商品已經(jīng)不能在網(wǎng)店行業(yè)中立足,此時(shí)就催生了一個(gè)新的行業(yè)工種,也就是大家所說(shuō)的網(wǎng)店美工。網(wǎng)店美工負(fù)責(zé)的任務(wù)就是專門使網(wǎng)店在視覺(jué)上奪人眼球,吸引買家進(jìn)入店鋪,在店鋪中又再次被里面的商品宣傳吸引,從而對(duì)賣家產(chǎn)生經(jīng)濟(jì)效益。市場(chǎng)上關(guān)于網(wǎng)店美工的書籍主要以理論、案例操作類和教程類為主,本書與它們的不同之處在于,不僅在淘寶網(wǎng)店各個(gè)元素、淘寶首頁(yè)的直通車圖片、鉆展圖片上都有精心的實(shí)例,還在圖片來(lái)源、配色、修正等方面進(jìn)行理論與實(shí)例相結(jié)合的詳細(xì)講解,真正做到了手把手教初學(xué)者輕松了解網(wǎng)店美工,了解網(wǎng)店裝修的各個(gè)部分。
對(duì)于賣家而言,能夠擁有產(chǎn)生經(jīng)濟(jì)效益的店鋪是他們最大的心愿。在價(jià)格與特點(diǎn)都大體相同的情況下,無(wú)論是在產(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ì)理念通過(guò)軟件反映到網(wǎng)店的視覺(jué)效果上來(lái),更希望通過(guò)本書能夠幫助讀者解決開(kāi)店時(shí)遇到的設(shè)計(jì)難題。
本書特點(diǎn)
本書內(nèi)容由淺入深,力爭(zhēng)涵蓋網(wǎng)店視覺(jué)及裝修的全部知識(shí)點(diǎn);同時(shí)以實(shí)例結(jié)合理論的方式對(duì)網(wǎng)店裝修進(jìn)行講解,使讀者在學(xué)習(xí)時(shí)少走彎路。
本書具有以下幾方面的特點(diǎn)。
● 內(nèi)容全面,幾乎涵蓋了網(wǎng)店裝修所涉及的視覺(jué)圖像、配色和整體店鋪裝修的各個(gè)方面。本書由具有豐富教學(xué)經(jīng)驗(yàn)的網(wǎng)店設(shè)計(jì)一線老師編寫,從商品圖像設(shè)計(jì)的一般流程入手,逐步引導(dǎo)讀者學(xué)習(xí)網(wǎng)店中所涉及的各種技能。
● 語(yǔ)言通俗易懂,講解清晰,前后呼應(yīng),以最小的篇幅、最易讀懂的語(yǔ)言來(lái)講解每一項(xiàng)功能和每一個(gè)實(shí)例,讓讀者學(xué)習(xí)起來(lái)更加輕松、閱讀更加容易。
● 實(shí)例豐富,技巧全面實(shí)用,技術(shù)含量高,與實(shí)踐緊密結(jié)合。每一個(gè)實(shí)例都傾注了作者多年的實(shí)踐經(jīng)驗(yàn),每一個(gè)功能都已經(jīng)過(guò)技術(shù)驗(yàn)證。
● 注重理論與實(shí)踐相結(jié)合。在本書中,實(shí)例的運(yùn)用都是以軟件某個(gè)重要知識(shí)點(diǎn)展開(kāi),使讀者更容易理解和掌握,從而方便知識(shí)點(diǎn)的記憶,進(jìn)而能夠舉一反三。
本書的章節(jié)安排
本書循序漸進(jìn)地講解了網(wǎng)店美工在工作時(shí)所需要的各方面知識(shí)。全書共分為7 章,依次講解了網(wǎng)店美工需要掌握的知識(shí)、寶貝的采集、提升寶貝的視覺(jué)效果、轉(zhuǎn)化流量的視覺(jué)圖、提升轉(zhuǎn)化率的主頁(yè)裝修圖的設(shè)計(jì)、店鋪公告模板與寶貝分類的設(shè)計(jì)以及網(wǎng)店詳情頁(yè)的設(shè)計(jì)。
本書的讀者對(duì)象
本書主要面向想開(kāi)網(wǎng)店的初、中級(jí)讀者,是一本非常適合學(xué)習(xí)網(wǎng)店裝修的教材。對(duì)于沒(méi)有接觸過(guò)網(wǎng)上開(kāi)店或想自己裝修的讀者可輕松入門,對(duì)于已經(jīng)可以自己進(jìn)行網(wǎng)店店鋪裝修的讀者,同樣可以從中快速了解寶貝采集、視覺(jué)提升、提高店鋪轉(zhuǎn)化率以及裝修元素方面的知識(shí)點(diǎn),自如地踏上新的臺(tái)階。
本書主要由曹天佑、王君赫和潘磊編著,參加編寫的成員還有王紅蕾、陸沁、吳國(guó)新、時(shí)延輝、戴時(shí)影、劉冬美、劉紹婕、尚彤、張叔陽(yáng)、葛久平、孫倩、殷曉鋒、谷鵬、胡渤、張希、趙頔、張猛、齊新、王海鵬、劉愛(ài)華、張杰、張凝、周滎、周莉、金雨、陸鑫、劉智梅、黃友良、蔣立軍、蔣嵐、蔣玉、蘇麗榮、譚明宇、李巖、吳承國(guó)、陶衛(wèi)鋒、孟琦等。由于作者水平有限,書中疏漏之處在所難免,敬請(qǐng)讀者批評(píng)指正。
編 者
曹天佑,北京市商業(yè)學(xué)校教師,電子商務(wù)視覺(jué)營(yíng)銷講師,平面設(shè)計(jì)師,網(wǎng)頁(yè)設(shè)計(jì)師,從事電子商務(wù)與平面設(shè)計(jì)教學(xué)多年。主要作品有《電商運(yùn)營(yíng)全攻略:從傳統(tǒng)電商到微商》、《網(wǎng)店視覺(jué)法寶》、《Adobe Photoshop CC從入門到精通》、《網(wǎng)店寶貝摳圖與店鋪裝修寶典》。
王君赫,北京市商業(yè)學(xué)校教師,電子商務(wù)資深講師,從事電子商務(wù)與網(wǎng)頁(yè)設(shè)計(jì)教學(xué)多年。主要作品有《網(wǎng)店視覺(jué)法寶》、《CorelDRAW X7實(shí)戰(zhàn)從入門到精通》。
潘磊,北京市商業(yè)學(xué)校教師,計(jì)算機(jī)網(wǎng)絡(luò)講師,網(wǎng)店裝修愛(ài)好者,從事計(jì)算機(jī)網(wǎng)絡(luò)與網(wǎng)頁(yè)設(shè)計(jì)教學(xué)多年。主要作品有《CorelDRAW X4完全自學(xué)手冊(cè)》、《網(wǎng)店視覺(jué)法寶》、《Photoshop學(xué)習(xí)掌中寶教程》、《網(wǎ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 店鋪首頁(yè)的美工操作 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 通過(guò)拍攝采集寶貝 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 章 提升寶貝的視覺(jué)效果 59
3.1 淘寶圖片的裁剪 60
3.1.1 淘寶店鋪的常見(jiàn)尺寸 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)化流量的視覺(jué)圖 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)的制作過(guò)程 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)化率的主頁(yè)裝修圖的設(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)店詳情頁(yè)的設(shè)計(jì) 196
7.1 詳情頁(yè)的設(shè)計(jì)思路以及操作流程 197
7.2 詳情頁(yè)的格局構(gòu)成 198
7.3 詳情頁(yè)的設(shè)計(jì)原則 200
7.4 詳情頁(yè)的設(shè)計(jì)與制作 201
7.4.1 寶貝商品提升質(zhì)感的方法 202
7.4.2 詳情頁(yè)的框架 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 合成詳情頁(yè) 229