店鋪運營：網上店鋪視覺營銷手冊

《店鋪運營——網上店鋪視覺營銷手冊》以實例和設計理論相結合的方式介紹了店鋪運營中視覺營銷圖像的運用。根據在店鋪運營中後台所涉及的各個知識點，精心製作了多個通過Dreamweaver編輯代碼、圖片空間複製鏈接來完成的最終視覺效果實例，其中包括全屏首屏廣告、全屏輪播圖、店鋪店招與導航、店鋪公告模板等效果的應用。《店鋪運營——網上店鋪視覺營銷手冊》由一線電子商務教師和網店店主編寫，循序漸進地講解了網店後台運用美工設計的圖片效果所需要具備的各方面知識。

全書共分為6章，依次講解了網店頁面布局對買家的吸引、店鋪配色與商品色彩、圖片的切割與優化、網店裝修中Dreamweaver的應用、圖片空間素材中心的使用以及店鋪可裝修區域的應用。《店鋪運營——網上店鋪視覺營銷手冊》採用案例與理論相結合的編寫方式，兼具技術手冊和應用技巧參考手冊的特點，技術實用，講解清晰，不僅適合想要免費加強自己網店效果的初、中級讀者閱讀，也可以作為大中專院校相關專業及電子商務方向培訓班的教材。

第1章 網店頁面配置對買家的吸引
1.1 網店欄目和頁面設計策劃  002
1.1.1 策劃在製作之前的作用  003
1.1.2 網店欄目策劃  003
1.1.3 網店的頁面策劃  006
1.2 網店佈局的基本元素  010
1.2.1 店招  010
1.2.2 促銷廣告  010
1.2.3 寶貝分類  012
1.2.4 聯繫方式  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 網店頁面內容的排版  019
1.4 為網拍商品製作統一邊框  025
1.4.1 照片邊緣色彩添加統一邊框  025
1.4.2 細緻調整圖像背景邊緣  026
1.4.3 統一邊框樣式  027
1.4.4 商品圖像邊框的製作  029
1.5 統一間距與對齊  030
1.6 圖像製作的佈局  031
1.6.1 圖像的構圖類型  031
1.6.2 圖像合成展示  032
1.7 認識版式佈局設計的內容  033
1.8 網店版式設計的基本類型  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 認識網店色彩  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 色彩模式轉換  051
2.4.4 調整顏色建議  052
2.5 網頁安全色  052
2.6 網店配色  053
2.6.1 自訂頁面的主色與輔助色  053
2.6.2 網店色調與配色  055
2.6.3 色彩推移  069
2.6.4 色彩採集  070
2.7 色彩介紹  072
2.7.1 色彩對比  072
2.7.2 色彩調和  077
2.8 網店頁面色彩分類  078
2.8.1 靜態色彩與動態色彩  078
2.8.2 強調色彩  078
2.9 商品色調風格調整  079
2.10 圖像配色技巧  079

第3章 圖片的切割與優化
3.1 在Photoshop中創建切片  083
3.1.1 通過工具創建切片  083
3.1.2 基於輔助線創建切片  084
3.1.3 基於圖層創建切片  085
3.1.4 通過劃分切片創建陳列區圖像的切片圖像  085
3.1.5 店鋪公告圖片切割  089
3.1.6 詳情描述範本切割  091
3.2 切片圖片的優化  093
3.2.1 編輯切片  094
3.2.2 設置優化格式  095
3.2.3 應用顏色表  096
3.2.4 圖像大小  097
3.2.5 網店圖片格式  097
3.3 批次處理多張圖片  098
3.3.1 動作面板  098
3.3.2 創建動作  100
3.3.3 批次處理  101
3.3.4 通過批次處理對整個資料夾中的文件應用“描邊”濾鏡  103
3.4 製作動態公告範本  104

第4章 網店裝修中Dreamweaver的應用
4.1 Dreamweaver 軟體概述  109
4.1.1 Dreamweaver簡介  109
4.1.2 Dreamweaver工作介面  109
4.1.3 Dreamweaver的面板操作  111
4.2 創建表格  114
4.2.1 表格的製作  114
4.2.2 表格的基本編輯  115
4.3 插入店鋪圖像切片  121
4.3.1 創建圖像以及表格  121
4.3.2 插入圖像  127
4.3.3 插入滑鼠經過圖像  128
4.3.4 以背景方式插入圖像  132
4.4 創建圖片的熱區  135
4.4.1 創建規則熱區  135
4.4.2 創建不規則熱區  137
4.5 選擇設計內容的代碼  139

第5章 圖片空間素材中心的使用
5.1 進入圖片空間的素材中心  141
5.2 編輯素材中心  143
5.2.1 新建資料夾管理圖片  143
5.2.2 刪除素材中心中的資料夾  145
5.2.3 上傳優化好的圖片  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代碼區  158

第6章 店鋪可裝修區域的應用
6.1 改變店鋪名稱及資訊  160
6.2 應用或更換店標  162
6.3 統一店鋪的配色  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.4 750廣告與190廣告應用  199
6.8 為淘寶自訂內容添加滑鼠經過效果  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 為製作的圖片創建切片並匯出網頁  226
6.12.2 在Dreamweaver中生成代碼  227
6.12.3 在旺遍天下中獲取代碼  229
6.12.4 在Dreamweaver中應用代碼並替換圖片的代碼  229
6.12.5 聯繫我們的應用   231
6.13 詳情頁廣告的應用  234

曹天佑，北京市商業學校教師、電子商務視覺行銷講師、平面設計師、網頁設計師，從事電子商務與平面設計教學多年。主要作品有《電商運營全攻略:從傳統電商到微商》《網店視覺法寶》《Adobe Photoshop CC從入門到精通》《網店寶貝摳圖與店鋪裝修寶典》。
 
劉紹婕，北京市商業學校教師、網頁設計學科帶頭人，從事網頁設計與平面教學多年。主要作品有《淘寶網店美工DIY攻略》《網店視覺法寶》《Photoshop學習掌中寶教程》。
 
時延輝，北京市商業學校教師、電子商務講師、Inventor學科帶頭人，從事平面設計與網頁設計教學多年。主要作品有《CorelDRAW X7實戰從入門到精通》《網店視覺法寶》《深度•Photoshop CS5數碼人像攝影後期精修108技》《網店寶貝摳圖與店鋪裝修寶典》。