●目錄 第 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
內容簡介
本書以實例和設計理論相結合的方式介紹店鋪運營中視覺營銷圖像的運用。根據在店鋪運營中後臺所涉及的各個知識點，精心制作了多個通過Dreamweaver編輯代碼、圖片空間復制鏈接來完成的很終視覺效果實例，其中包括全屏首屏廣告、全屏輪播圖、店鋪店招與導航、店鋪公告模板等效果的應用。 本書由一線電子商務教師和網店店主編寫，循序漸進地講解了網店後臺運用美工設計的圖片效果所需要具備的各方面知識。全書共分為6章，依次講解吸引買家的店鋪布局、店鋪配色與商品色彩、圖片的切割與優化、Dreamweaver在店鋪中的應用、圖片空間的使用以及店鋪可裝修區域的應用。 本書采用案例教程結合理論的編寫形式，兼具技術手冊和應用技巧參考手冊的特點，技術實用，講解清晰，不僅適合想要免費加強自己網店效果的初、中級讀者閱讀，也可以作為大中專院校相關專業及電子商務方面培訓班的教材。
章 吸引買家的店鋪布局 本章重點 ● 網店欄目和頁面設計策劃 ● 網店布局素 ● 版面布局設計 ● 為網拍商品制作統一邊框 ● 統一間距與對齊 ● 圖像制作的布局 進入網店進行瀏覽時，往往印像就是該店鋪的頁面版式，即大家常說的店鋪格局素在頁面中的擺放位置。本章主要為大家介紹店鋪的整體布局知識以及布局素之間的細節問題，使讀者了解布局在店鋪運營中的重要性。 在將網拍商品圖片上傳到網店之前，需要細致分析整體頁面的布局頁面，設計版式構圖，目的是讓商品在進入網店後更加具有吸引力，使其在同類型產品中獲得買家更多的關注。 同樣的商品圖片如果不在布局上進行一些細致的調整，往往會給瀏覽的買家一種都差不多的感覺，從而喪失商機。本章就是為了突出頁面中的產品而專門設置的，無論是頁面的設計策劃、網店布......
前言 隨著網上購物的興起，自己開一家淘寶店進行創業已經不是什麼新鮮事了。開店是一回事，經營網店又是一回事。在網店中運用視覺效果來吸引買家是既經濟又實惠的一項選擇。電商視覺營銷方面相應的圖書非常多，但多數以理論和點評為主，而本書真正將視覺效果應用到店鋪中，並以實例的方式進行了精細的講解。 店鋪運營中應用視覺效果，除了在淘寶後臺中設置以外，還要結合Photoshop、Dreamweaver 和圖片空間，目的就是優選化地吸引買家，從而加大流量為店主創收。 本書在最初的策劃階段就是本著在吸引買家的注意力，並替店主省錢等方面而進行的。店鋪運營中應用的全屏輪播圖、全屏廣告等收費環節，都可通過學習本書中的知識，自行制作，真正讓賣家做到即學即用。本書作者有著多年豐富的電商教學經驗、店鋪運營以及裝修的實際設計工作經驗，把自己總結出的經驗和技巧展現給讀者，希望讀者能夠在體會各個軟件的強大功能的同時，將設......
"
