本書以實例和設計理論相結合的方式介紹店鋪運營中視覺營銷圖像的運用。根據在店鋪運營中后臺所涉及的各個知識點，精心制作了多個通過Dreamweaver編輯代碼、圖片空間復制鏈接來完成的終視覺效果實例，其中包括全屏首屏廣告、全屏輪播圖、店鋪店招與導航、店鋪公告模板等效果的應用。 本書由一線電子商務教師和網店店主編寫，循序漸進地講解了網店后臺運用美工設計的圖片效果所需要具備的各方面知識。全書共分為6章，依次講解吸引買家的店鋪布局、店鋪配色與商品色彩、圖片的切割與優化、Dreamweaver在店鋪中的應用、圖片空間的使用以及店鋪可裝修區域的應用。 本書采用案例教程結合理論的編寫形式，兼具技術手冊和應用技巧參考手冊的特點，技術實用，講解清晰，不僅適合想要免費加強自己網店效果的初、中級讀者閱讀，也可以作為大中專院校相關專業及電子商務方面培訓班的教材。
1.站在買家的角度，對店鋪運營時的頁面版式與構圖的設計，進行了細致的講解。2.對于網店中的配色方案、商品色彩，進行細致的講解。3.對運營中涉及的圖片優化以及常用代碼均進行了多方位的講解和運用。4.淘寶后臺與圖片空間相結合。5.注重效果顯示，展現全新寬屏運營界面。
曹天佑，北京市商業學校教師，電子商務視覺營銷講師，平面設計師、網頁設計師，從事電子商務與平面設計教學多年。主要作品有《電商運營全攻略：從傳統電商到微商》、《網店視覺法寶》、《Adobe Photoshop CC從入門到精通》、《網店寶貝摳圖與店鋪裝修寶典》。
劉紹婕，北京市商業學校教師、網頁設計學科帶頭人，從事網頁設計與平面教學多年。主要作品有《《網店視覺法寶》、《Photoshop學習掌中寶教程》。
時延輝，北京市商業學校教師、電子商務講師、Inventor學科帶頭人，從事平面設計與網頁設計教學多年。主要作品有《CorelDRAW X7實戰從入門到精通》、《網店視覺法寶》、《深度•Photoshop CS5數碼人像攝影后期精修108技》、《網店寶貝摳圖與店鋪裝修寶典》。
目錄
第 1 章 吸引買家的店鋪布局 1
1.1 網店欄目和頁面設計策劃 2
1.1.1 策劃在制作之前的作用 3
1.1.2 網店欄目策劃 3
1.1.3 網店的頁面策劃 6
1.2 網店布局的基本元素 9
1.2.1 店招 10
1.2.2 促銷廣告 10
1.2.3 寶貝分類 11
1.2.4 聯系方式 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 版面布局設計 17
1.3.1 版面布局的原則 18
1.3.2 網店頁面內容的排版 21
1.4 為網拍商品制作統一邊框 26
1.4.1 照片邊緣色彩添加統一邊框 26
1.4.2 細致調整圖像背景邊緣 28
1.4.3 統一邊框樣式 29
1.4.4 商品圖像邊框的制作 31
1.5 統一間距與對齊 33
1.6 圖像制作的布局 34
1.6.1 圖像的構圖類型 35
1.6.2 圖像合成展示 35
第 2 章 店鋪配色與商品色彩 37
2.1 認識網店色彩 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 色彩模式轉換 50
2.3.4 調整顏色建議 51
2.4 網頁安全色 51
2.5 網店配色 53
2.5.1 自定義頁面的主色與輔助色 53
2.5.2 網店色調與配色 54
2.5.3 色彩推移 65
2.5.4 色彩采集 67
2.6 色彩介紹 68
2.6.1 色彩對比 68
2.6.2 色彩調和 73
2.7 網店頁面色彩分類 74
2.7.1 靜態與動態色彩 74
2.7.2 強調色彩 75
2.8 商品色調風格調整 75
第 3 章 圖片的切割與優化 76
3.1 在Photoshop 中創建切片 77
3.1.1 通過工具創建切片 77
3.1.2 基于參考線創建切片 78
3.1.3 基于圖層創建切片 79
3.1.4 店鋪公告圖片切割 79
3.1.5 描述模板切割 81
3.2 切片圖片的優化 82
3.2.1 編輯切片 82
3.2.2 設置優化格式 84
3.2.3 應用顏色表 84
3.2.4 圖像大小 85
3.2.5 網店圖片格式 86
3.3 批處理多幅圖片 87
3.3.1 動作面板 87
3.3.2 創建動作 89
3.3.3 批處理 90
3.3.4 應用批處理對整個文件夾中的文件
應用“拼貼”濾鏡 91
第 4 章 Dreamweaver 在店鋪中的應用 93
4.1 Dreamweaver 軟件概述 94
4.1.1 Dreamweaver 簡介 94
4.1.2 Dreamweaver 工作界面 94
4.1.3 Dreamweaver 的面板操作 96
4.2 創建表格 99
4.2.1 創建表格 100
4.2.2 表格的基本編輯功能 101
4.3 插入店鋪圖像切片 106
4.3.1 創建圖像以及表格 106
4.3.2 插入圖像 110
4.3.3 插入鼠標經過圖像 111
4.3.4 以背景方式插入圖像 113
4.4 創建圖片的熱區 115
4.4.1 創建規則熱區 115
4.4.2 創建不規則熱區 118
4.5 選擇設計內容的代碼 119
第 5 章 圖片空間的使用 120
5.1 進入圖片空間 121
5.2 編輯圖片空間 123
5.2.1 新建文件夾管理圖片 123
5.2.2 刪除圖片空間的文件夾 125
5.2.3 上傳優化好的圖片 126
5.2.4 圖片搬家 128
5.2.5 恢復刪除的圖片 130
5.2.6 全選圖片 131
5.2.7 替換 132
5.2.8 編輯 132
5.2.9 適配手機 133
5.2.10 為圖片添加水印 133
5.3 復制圖片鏈接 135
5.4 將鏈接粘貼到Dreamweaver 代碼區 136
第 6 章 店鋪可裝修區域的應用 137
6.1 改變店鋪名稱 138
6.2 應用或更換店標 139
6.3 統一店鋪的配色 141
6.4 應用與更換店招 142
6.4.1 快速替換店招 142
6.4.2 標準通欄全屏店招制作 145
6.4.3 通過切片制作一體店招 146
6.5 在淘寶中添加自定義頁面 151
6.6 焦點圖的應用 153
6.6.1 標準焦點圖的應用 153
6.6.2 全屏焦點圖的應用 157
6.7 自定義廣告的應用 161
6.7.1 標準通欄廣告的應用 161
6.7.2 全屏廣告的應用 163
6.7.3 750 廣告與190 廣告的應用 166
6.8 為淘寶自定義內容添加鼠標經過效果 171
6.9 寶貝分類的使用 176
6.9.1 應用寶貝分類 177
6.9.2 應用子寶貝分類 180
6.10 店鋪公告模板的使用 182
6.11 店鋪收藏的應用 187
6.11.1 獲取店鋪收藏的代碼 187
6.11.2 店鋪收藏的應用 188
6.12 聯系我們的應用 191
6.12.1 為制作的圖片創建切片并導出網頁 191
6.12.2 在Dreamweaver 中生成代碼 192
6.12.3 在“旺遍天下”中獲取代碼 194
6.12.4 在Dreamweaver 中應用代碼并替換圖片的代碼 195
6.12.5 聯系我們的應用 196
6.13 詳情頁廣告的應用 199
第1 章 吸引買家的店鋪布局本章重點● 網店欄目和頁面設計策劃● 網店布局的基本元素● 版面布局設計● 為網拍商品制作統一邊框● 統一間距與對齊● 圖像制作的布局進入網店進行瀏覽時，往往及時印象就是該店鋪的頁面版式，即大家常說的店鋪格局，各個元素在頁面中的擺放位置。本章主要為大家介紹店鋪的整體布局知識以及布局中各個元素之間的細節問題，使讀者了解布局在店鋪運營中的重要性。在將網拍商品圖片上傳到網店之前，需要細致分析整體頁面的布局頁面，設計版式構圖，目的是讓商品在進入網店后更加具有吸引力，使其在同類型產品中獲得買家更多的關注。同樣的商品圖片如果不在布局上進行一些細致的調整，往往會給瀏覽的買家一種都差不多的感覺，從而喪失商機。本章就是為了突出頁面中的產品而專門設置的，無論是頁面的設計策劃、網店布局的基本元素、間距與對齊，還是為網拍商品制作統一邊框，目的都是讓自己的產品與淘寶其他店鋪中同類產品有所區別，在同一類型中能夠較大限度地吸引買家的眼球。圖1-1 和圖1-2 所示的圖像為經過美工設計的商品擺放布局頁面和沒有進行版式設計直接上傳商品的頁面。 圖1-1 網店中的商品注意布局 圖1-2 網店中的商品不注意布局1.1 網店欄目和頁面設計策劃網店是為了賣貨而不是為了滿足店主的審美，不是店主想如何設計就如何設計的，一家網店設計得再漂亮、功能再全，如果不是按照客戶需求設計，那么這家網店的設計就是失敗的。一個好的店鋪裝修首先要了解客戶也就是買家的需求，說白了就是讓瀏覽者以自己最習慣的方式在店鋪中進行暢快的選購，只有這樣才會促成的購買，并將購買者變為自己店鋪的常客，說不定此顧客還會成為其他顧客與自己店鋪的一個橋梁，成為該店鋪一位忠實的宣傳者。1.1.1 策劃在制作之前的作用網店裝修沒有一個全局策劃，較大的副作用就是盲目，也就是不知該從哪里下手，這樣你即使投入再多，付出再大，也不會得到一個理想的結果。了解網店風格是否符合市場需求、頁面是否符合買家使用習慣、整體是否符合運營基礎，是策劃時必須要做的事情。在開店前做一個專業的詳細策劃，可以為店主帶來以下幾個方面的好處。 1 避免日后返工，提高運營效率很多網店店主并非是網頁制作方面的行業人士，總是在不斷地修改網店頁面。因此，為了避免以后不停地返工修改網店頁面，事先對本店的各個環節進行細致的策劃是非常必要的。 2 避免重復燒錢，節約運營成本網店整體效果設計好、上線一段時間后，為何仍然沒有很多買家？為何即使進行大范圍推廣，收效仍然甚微？原因就是策劃時沒有做好商品的定位或用戶習慣調查。因此，如果想節省運營成本，就應該反省網店自身的定位，做好網店的策劃。 3 避免投資浪費，提高成功概率在開店之前就應該做好關于本店的詳細策劃，如市場的考察、買家群體的定位以及盈利模式的研究。只有進行了詳細思考和策劃，才可以使自己的投資不白花，避免浪費。 4. 避免教訓，成功運營在對網店進行策劃時，不但要對網店內的欄目內容進行詳細策劃，更多地還應該對網店的市場定位、運營模式和運營成本等重要環節進行策劃。
作者文筆很好，你值得擁有
不錯的一本實操書
書不錯，學習了。
還行、推薦了
知識新穎，主題鮮明。感覺不錯
技術講解的很到位，對工作幫組很大
好好好，非常不錯
這本書實用性極強，通過閱讀直接上機操作。贊 。
實用，很好。
這本書值得大家閱讀。
書太詳細了，不愧是開店寶典！！！！
特別不錯！真心實用！
這本書推薦使用哦
好書，值得一讀。
看了這本書，很實用，值得推薦！
實戰經驗！
實用神書，可以一看，推薦！
實用好書，看完了幫助很大，希望繼續努力
簡單明了，受益匪淺。
好書非常實用，點贊！
這本書超級實用
很好，值得購買
這本書對我的幫助非常大，我正在開網店。
內容豐富，寫的清楚，挺好
我學的教材 這本書 太好啦
書的裝幀精美，書的內容寫的詳盡，實用，非常值得購買。
該書深入淺出，隨著閱讀進展，上機操作越熟練，是本好書。
跟書學了一半了，語言精練，沒什么生澀難懂地方，結合上機操作，一兩遍就會了。
看完目錄買了兩本，替同事買了一本，同事說和他的課程安排比較相似，可以當參考書。這本書感覺非常不錯，排版非常清晰。點贊
這本書寫的非常棒，對我做網店裝修幫助非常大，感謝作者。
作者寫的不錯，清晰明了。對于開網店的朋友很有幫助。
書的內容豐富，對店鋪運營模式介紹的詳細，借鑒作用很多
