《店鋪運營網(wǎng)上店鋪視覺營銷手冊》以實例和設計理論相結合的方式介紹了店鋪運營中視覺營銷圖像的運用。根據(jù)在店鋪運營中后臺所涉及的各個知識點,精心制作了多個通過Dreamweaver編輯代碼、圖片空間復制鏈接來完成的終視覺效果實例,其中包括全屏首屏廣告、全屏輪播圖、店鋪店招與導航、店鋪公告模板等效果的應用。 《店鋪運營網(wǎng)上店鋪視覺營銷手冊》由一線電子商務教師和網(wǎng)店店主編寫,循序漸進地講解了網(wǎng)店后臺運用美工設計的圖片效果所需要具備的各方面知識。全書共分為6章,依次講解了網(wǎng)店頁面布局對買家的吸引、店鋪配色與商品色彩、圖片的切割與優(yōu)化、網(wǎng)店裝修中Dreamweaver的應用、圖片空間素材中心的使用以及店鋪可裝修區(qū)域的應用。 《店鋪運營網(wǎng)上店鋪視覺營銷手冊》采用案例與理論相結合的編寫方式,兼具技術手冊和應用技巧參考手冊的特點,技術實用,講解清晰,不僅適合想要免費加強自己網(wǎng)店效果的初、中級讀者閱讀,也可以作為大中專院校相關專業(yè)及電子商務方向培訓班的教材。
《店鋪運營網(wǎng)上店鋪視覺營銷手冊》的特點如下:
● 內(nèi)容全面,幾乎涵蓋了網(wǎng)店視覺營銷所涉及的視覺圖像、配色和店鋪整體的各個元素模塊。從圖片切片、網(wǎng)店代碼的編寫等一般流程入手,逐步引導讀者學習網(wǎng)店運營中所涉及的各種技能。
● 語言通俗易懂,講解清晰,前后呼應。以小篇幅、通俗易懂的語言來講解每一項功能和每一個實例,讓讀者學習起來更加輕松、閱讀起來更加容易。
● 實例豐富,技巧全面實用,技術含量高,與實踐緊密結合。本書由具有豐富教學經(jīng)驗的網(wǎng)店設計一線老師編寫,每一個實例都傾注了作者多年的實踐經(jīng)驗,每一個功能都經(jīng)過了技術驗證。
● 注重理論與實踐相結合。在本書中,實例的運用都是以網(wǎng)店設計中某個重要的知識點展開的,使讀者更容易理解和掌握,從而方便知識點的記憶,并能夠舉一反三。
前言隨著網(wǎng)上購物的興起,自己開一家淘寶店創(chuàng)業(yè)已經(jīng)不是什么新鮮事了。但是,開店是一回事,經(jīng)營網(wǎng)店又是另一回事。在網(wǎng)店中運用視覺效果來吸引買家是既經(jīng)濟又實惠的一種選擇。電商視覺營銷方面的圖書非常多,但多數(shù)以理論和點評為主,而本書真正將視覺效果應用到店鋪運營中,通過實例進行了細致的講解。
店鋪運營中應用視覺效果,除了在淘寶后臺中設置以外,還要結合使用Photoshop、Dreamweaver和素材中心,目的就是化地吸引買家,從而加大流量,為店主創(chuàng)收。
本書在初的策劃階段就是本著吸引買家的注意力,并替店主省錢等方面綜合考慮而創(chuàng)作的。店鋪運營中應用的全屏輪播圖、全屏廣告等收費環(huán)節(jié),都可以通過學習本書中的知識,自行制作,真正讓賣家做到即學即用。本書作者有著多年豐富的電商教學經(jīng)驗、店鋪運營以及裝修的實際設計工作經(jīng)驗,把自己總結出的經(jīng)驗和技巧展現(xiàn)給讀者,希望讀者能夠在體會各種軟件強大功能的同時,將設計創(chuàng)意和設計理念通過軟件運用到店鋪運營中來,更希望通過閱讀本書能夠幫助讀者解決店鋪運營時遇到的一些難題。
本書特點
本書內(nèi)容由淺入深,豐富多彩,力爭涵蓋網(wǎng)店視覺及裝修的全部知識點。以實例結合理論的方式對網(wǎng)店運營進行實際應用的講解,使讀者在學習時少走彎路。
本書具有以下幾方面的特點。
● 內(nèi)容全面,幾乎涵蓋了網(wǎng)店視覺營銷所涉及的視覺圖像、配色和店鋪整體的各個元素模塊。從圖片切片、網(wǎng)店代碼的編寫等一般流程入手,逐步引導讀者學習網(wǎng)店運營中所涉及的各種技能。
● 語言通俗易懂,講解清晰,前后呼應。以小的篇幅、通俗易懂的語言來講解每一項功能和每一個實例,讓讀者學習起來更加輕松、閱讀起來更加容易。
● 實例豐富,技巧全面實用,技術含量高,與實踐緊密結合。本書由具有豐富教學經(jīng)驗的網(wǎng)店設計一線老師編寫,每一個實例都傾注了作者多年的實踐經(jīng)驗,每一個功能都經(jīng)過了技術驗證。
● 注重理論與實踐相結合。在本書中,實例的運用都是以網(wǎng)店設計中某個重要的知識點展開的,使讀者更容易理解和掌握,從而方便知識點的記憶,并能夠舉一反三。
本書讀者對象
本書采用案例與理論相結合的編寫方式,兼具技術手冊和應用技巧參考手冊的特點,技術實用,講解清晰,不僅適合想自己運營店鋪的初、中級讀者閱讀,也可以作為大中專院校相關專業(yè)及電子商務方向培訓班的教材。
本書由曹天佑、劉紹婕和時延輝編著,參與編寫的人員還有王紅蕾、陸沁、吳國新、戴時影、劉冬美、陳美榮、尚彤、張叔陽、葛久平、孫倩、殷曉鋒、谷鵬、胡渤、趙頔、張猛、齊新、王海鵬、劉愛華、張杰、張凝、周滎、周莉、金雨、陸鑫、劉智梅、王君赫、潘磊、付強、蔡凌燕、秦怡婷、曹培軍等。
本書提供了案例所需的素材、源文件、視頻文件以及PPT課件,通過掃描下面的二維碼,推送到自己的郵箱后下載獲取。
由于作者水平有限,書中疏漏之處在所難免,敬請讀者批評、指正。
編 者
曹天佑,北京市商業(yè)學校教師、電子商務視覺營銷講師、平面設計師、網(wǎng)頁設計師,從事電子商務與平面設計教學多年。主要作品有《電商運營全攻略:從傳統(tǒng)電商到微商》《網(wǎng)店視覺法寶》《Adobe Photoshop CC從入門到精通》《網(wǎng)店寶貝摳圖與店鋪裝修寶典》。
劉紹婕,北京市商業(yè)學校教師、網(wǎng)頁設計學科帶頭人,從事網(wǎng)頁設計與平面教學多年。主要作品有《淘寶網(wǎng)店美工DIY攻略》《網(wǎng)店視覺法寶》《Photoshop學習掌中寶教程》。
時延輝,北京市商業(yè)學校教師、電子商務講師、Inventor學科帶頭人,從事平面設計與網(wǎng)頁設計教學多年。主要作品有《CorelDRAW X7實戰(zhàn)從入門到精通》《網(wǎng)店視覺法寶》《深度Photoshop CS5數(shù)碼人像攝影后期精修108技》《網(wǎng)店寶貝摳圖與店鋪裝修寶典》
第1章網(wǎng)店頁面布局對買家的吸引
1.1網(wǎng)店欄目和頁面設計策劃 002
1.1.1策劃在制作之前的作用 003
1.1.2網(wǎng)店欄目策劃 003
1.1.3網(wǎng)店的頁面策劃 006
1.2網(wǎng)店布局的基本元素 010
1.2.1店招 010
1.2.2促銷廣告 010
1.2.3寶貝分類 012
1.2.4聯(lián)系方式 012
1.2.5店鋪收藏 013
1.2.6店鋪二維碼 013
1.2.7店鋪公告 014
1.2.8寶貝展示 015
1.2.9寶貝排行 015
1.2.10詳情頁 016
1.3版面布局設計 016
1.3.1版面布局原則 018
1.3.2網(wǎng)店頁面內(nèi)容的排版 019
1.4為網(wǎng)拍商品制作統(tǒng)一邊框 025
1.4.1照片邊緣色彩添加統(tǒng)一邊框 025
1.4.2細致調(diào)整圖像背景邊緣 026
1.4.3統(tǒng)一邊框樣式 027
1.4.4商品圖像邊框的制作 029
1.5統(tǒng)一間距與對齊 030
1.6圖像制作的布局 031
1.6.1圖像的構圖類型 031
1.6.2圖像合成展示 032
1.7認識版式布局設計的內(nèi)容 033
1.8網(wǎng)店版式設計的基本類型 035
1.8.1骨骼型 035
1.8.2滿版型 035
1.8.3上下分割型 035
1.8.4左右分割型 036
1.8.5中軸型 036
1.8.6曲線型 036
1.8.7傾斜型 036
1.8.8對稱型 036
1.8.9重心型 036
1.8.10三角型 036
1.8.11并置型 037
1.8.12自由型 037
1.8.13四角型 037
1.9版式設計的基本流程 037
第2章店鋪配色與商品色彩
2.1色彩對心理的影響 039
2.2認識網(wǎng)店色彩 040
2.3色彩理論 040
2.3.1色彩與視覺原理 041
2.3.2色彩分類 042
2.3.3色彩三要素 044
2.4色彩顏色管理 046
2.4.1識別色域范圍外的顏色 047
2.4.2色彩模式 048
2.4.3色彩模式轉(zhuǎn)換 051
2.4.4調(diào)整顏色建議 052
2.5網(wǎng)頁安全色 052
2.6網(wǎng)店配色 053
2.6.1自定義頁面的主色與輔助色 053
2.6.2網(wǎng)店色調(diào)與配色 055
2.6.3色彩推移 069
2.6.4色彩采集 070
2.7色彩介紹 072
2.7.1色彩對比 072
2.7.2色彩調(diào)和 077
2.8網(wǎng)店頁面色彩分類 078
2.8.1靜態(tài)色彩與動態(tài)色彩 078
2.8.2強調(diào)色彩 078
2.9商品色調(diào)風格調(diào)整 079
2.10圖像配色技巧 079
第3章圖片的切割與優(yōu)化
3.1在Photoshop中創(chuàng)建切片 083
3.1.1通過工具創(chuàng)建切片 083
3.1.2基于參考線創(chuàng)建切片 084
3.1.3基于圖層創(chuàng)建切片 085
3.1.4通過劃分切片創(chuàng)建陳列區(qū)圖像的切片圖像 085
3.1.5店鋪公告圖片切割 089
3.1.6詳情描述模板切割 091
3.2切片圖片的優(yōu)化 093
3.2.1編輯切片 094
3.2.2設置優(yōu)化格式 095
3.2.3應用顏色表 096
3.2.4圖像大小 097
3.2.5網(wǎng)店圖片格式 097
3.3批處理多張圖片 098
3.3.1動作面板 098
3.3.2創(chuàng)建動作 100
3.3.3批處理 101
3.3.4通過批處理對整個文件夾中的文件應用描邊濾鏡 103
3.4制作動態(tài)公告模板 104
第4章網(wǎng)店裝修中Dreamweaver的應用
4.1Dreamweaver 軟件概述 109
4.1.1Dreamweaver簡介 109
4.1.2Dreamweaver工作界面 109
4.1.3Dreamweaver的面板操作 111
4.2創(chuàng)建表格 114
4.2.1表格的制作 114
4.2.2表格的基本編輯 115
4.3插入店鋪圖像切片 121
4.3.1創(chuàng)建圖像以及表格 121
4.3.2插入圖像 127
4.3.3插入鼠標經(jīng)過圖像 128
4.3.4以背景方式插入圖像 132
4.4創(chuàng)建圖片的熱區(qū) 135
4.4.1創(chuàng)建規(guī)則熱區(qū) 135
4.4.2創(chuàng)建不規(guī)則熱區(qū) 137
4.5選擇設計內(nèi)容的代碼 139
第5章圖片空間素材中心的使用
5.1進入圖片空間的素材中心 141
5.2編輯素材中心 143
5.2.1新建文件夾管理圖片 143
5.2.2刪除素材中心中的文件夾 145
5.2.3上傳優(yōu)化好的圖片 146
5.2.4圖片搬家 149
5.2.5恢復刪除的圖片 150
5.2.6全選圖片 152
5.2.7替換 152
5.2.8編輯 153
5.2.9適配手機 154
5.2.10為圖片添加水印 155
5.3復制圖片鏈接 157
5.4將鏈接粘貼到Dreamweaver代碼區(qū) 158
第6章店鋪可裝修區(qū)域的應用
6.1改變店鋪名稱及信息 160
6.2應用或更換店標 162
6.3統(tǒng)一店鋪的配色 164
6.4應用與更換店招 165
6.4.1快速替換店招 165
6.4.2標準通欄全屏店招制作 169
6.4.3通過代碼制作帶導航全屏店招并添加鏈接 171
6.5在淘寶中添加自定義頁面并將鏈接替換到店招中 176
6.6輪播圖的應用 180
6.6.1標準輪播圖應用 180
6.6.2智能全屏輪播圖應用 184
6.6.3代碼全屏輪播圖應用 187
6.7自定義廣告的應用 191
6.7.1標準通欄廣告應用 191
6.7.2智能全屏寬圖廣告應用 194
6.7.3通過代碼添加全屏廣告應用 197
6.7.4750廣告與190廣告應用 199
6.8為淘寶自定義內(nèi)容添加鼠標經(jīng)過效果 203
6.9寶貝分類的使用 209
6.9.1應用寶貝分類 209
6.9.2應用子寶貝分類 212
6.9.3應用懸浮導航 215
6.10店鋪公告模板的使用 216
6.11店鋪收藏的應用 221
6.11.1獲取店鋪收藏的代碼 221
6.11.2店鋪收藏的應用 223
6.12客服的應用 225
6.12.1為制作的圖片創(chuàng)建切片并導出網(wǎng)頁 226
6.12.2在Dreamweaver中生成代碼 227
6.12.3在旺遍天下中獲取代碼 229
6.12.4在Dreamweaver中應用代碼并替換圖片的代碼 229
6.12.5聯(lián)系我們的應用 231
6.13詳情頁廣告的應用 234