本繫列叢書由淘寶網組織一流專家團隊編寫，將淘寶網的網店運營專纔 教程化整為零，得出網店運營細分門類：美工、客服、推廣、數據化營銷、 流程化管理等，以滿足日新月異的電子商務人纔發展需求，也適合各培訓機 構、職業院校作為教材使用，同時滿足部分學員自學的需求。 淘寶大學編著的《網店視覺營銷》主要講解網店視覺化營銷的基礎知識 ，其間穿插實用的案例。希望讀者經過專業繫統的學習，能夠迅速掌握網店 視覺營銷的職業技能。《網店視覺營銷》適合網店美工人員、營銷人員和電 子商務專業的學生學習參考。

第1章 網店視覺營銷 .1
1.1 網店視覺營銷 .3
1.1.1 視覺營銷概述 .3
1.1.2 實體店與網店的視覺營銷 .4
1.1.3 網店視覺營銷的意義 .6
1.2 視覺設計元素 .10
1.2.1 視覺中的點 .12
1.2.2 視覺中的線 .14
1.2.3 視覺中的面 .16
1.2.4 視覺中的圖案 .17
1.3 視覺色彩 .18
1.3.1 色彩基本屬性 .19
1.3.2 配色與信息傳達的關繫 .23
1.4 視覺設計中字體的應用 .26
1.4.1 字體的選擇與設計 .27
1.4.2 字體的搭配與布局 .29
1.5 視覺構圖 .33
1.6 電子商務形像識別繫統 .37
1.6.1 基本原則 .37
1.6.2 設計階段 .40
1.6.3 設計規範 .41
1.6.4 基本要素 .42
1.6.5 總結 .43
第2章 網店布局 .45
2.1 用戶體驗 .46
2.1.1 客戶分析 .47
2.1.2 瀏覽路徑 .59
2.2 視覺定位 .62
2.2.1 視覺信息傳遞 .64
2.2.2 品牌型和營銷型視覺 .66
2.3 店鋪結構 .72
2.3.1 首頁布局 .73
2.3.2 描述頁布局 .99
2.3.3 搜索列表頁 .116
2.3.4 自定義頁 .117
2.4 商品陳列 .120
2.4.1 品類排序 .126
2.4.2 商品搭配 .130
2.4.3 繫列組合 .133
第3章 文案**視覺化 137
3.1 文案視覺化的重要性 .138
3.2 如何做好文案視覺化 .138
3.2.1 商品營銷 .138
3.2.2 商品營銷經典FABE法則 .139
3.2.3 FABE法則的視覺化表現 .142
3.3 如何提煉出**的視覺創意 .144
3.3.1 產品視覺創意 .144
3.3.2 活動視覺創意 .151
第4章 流量引導 159
4.1 流量構成 .160
4.2 商品主圖 .165
4.2.1 主圖的規範 .166
4.2.2 主圖的素材選擇 .167
4.2.3 主圖的構圖 .168
4.2.4 主圖的信息分層 .172
4.2.5 主圖的質感 .173
4.2.6 主圖的場景化 .175
4.2.7 主圖的品牌宣傳 .176
4.3 直通車推廣圖片設計 .177
4.3.1 單品推廣設計 .177
4.3.2 店鋪推廣設計 .182
4.3.3 明星店鋪設計 .184
4.3.4 活動推廣設計 .184
4.3.5 直通車圖片的優劣分析運用 .185
4.4 鑽展廣告設計 .186
4.4.1 鑽展廣告設計的標準 .186
4.4.2 主題突出 .190
4.4.3 目標明確 .192
4.4.4 形式美觀 .194
4.4.5 設計實施步驟 .203
4.4.6 素材庫管理 .204
第5章 提升轉化率設計 .205
5.1 首頁 .206
5.1.1 店招 206
5.1.2 首焦 .209
5.1.3 首屏 215
5.1.4 分類 .217
5.1.5 促銷活動區 222
5.1.6 頁尾 .227
5.2 內頁 .228
5.2.1 方案視覺化 .228
5.2.2 賣點視覺化 .232
5.2.3 情感視覺化 .244
第6章 視覺營銷數據化 .205
6.1 什麼是視覺營銷數據化流程 .252
6.2 視覺營銷數據化前期收集與定位 .253
6.2.1 店鋪整體視覺定位 .253
6.2.2 描述頁面產品展示的邏輯結構定位 .259
6.3 視覺營銷數據化中期應用與設計 .259
6.4 視覺營銷數據化後期分析與修正 .262
6.5 視覺營銷數據流程化的總結 .266

從2003 年至2012 年，電子商務的發展已經經歷了兩個5年，顧客群體對於網絡購物的用戶體驗要求越來越高，可以選擇的餘地也越來越大，再加上傳統企業的批量進駐網絡購物平臺，擁有了強大資本和雄厚實力的集團軍，爭先搶占顧客資源和市場份額。因此競爭越來越激烈。而其中對於所有轉化率，吸引流量，轉化流量，前端*重要的就是用視覺手段去展示商品，吸引顧客，為顧客展示說明，以及達成品牌的傳達。因此，視覺的重要性不言而喻。
在這個飛速發展的時代中，我們發現，在目前的人纔體繫中，美工設計的空缺和落後 遠遠高於客服和推廣崗位。雖然大家都很重視美工人纔，都深刻了解視覺的重要性，但美工難招，招來難用好，是普遍現像。而且我們還發現，美工的來源分為兩個層面，**類來源於高校，科班出身，受過良好的美術基礎訓練。但這類美工上崗後水土不服，做不出商業化的東西，而且出活慢，對網頁語言不了解。第二類來源於草根，也就是通過開店的需要而自學Photoshop，這類美工的技能強，能夠很快出活，但是他們的缺點是沒有繫統的美術基礎知識，缺少對於審美、色彩搭配、頁面表達等一繫列的把握，所以出來的效果隻能說能用，但不出彩，而且大多難以避免流於俗氣，沒有檔次。我們認為，好的美工，一定是具備技能，又具有理論知識的。
而一個好的視覺的產生，不僅僅隻是需要以上兩點，我們對設計師，設計總監又有了*高的要求。不僅要求具備美工技能，*要具有運營思維，策劃能力，文案組織能力，以及好的創意。除此之外，還要能夠帶領美工團隊集體完成所有的任務。這樣的**人纔，往往可遇不可求。
那麼對於我們目前電子商務團隊的格局和架構，我們的視覺部門也並不是獨立工作的，還需要配合公司的運營部門和策劃人員，這樣纔能將策劃的整體思路用圖文表達傳遞，纔能將運營的意圖完整呈現。纔能夠取得**好的效果。
既然美工不能招聘進來馬上合格使用，招到一個**人纔又很難，那麼要打造自己的美工團隊，培養人纔就是一件重要，緊急，而且需要持續做的事情。
因此，我們希望能夠幫助解決美工人纔的三個問題：一、解決美工的基本技能問題；二、解決美工的繫統知識欠缺；三、讓美工能夠對運營和策劃有所了解，讓他們在工作中能夠與前端部門配合，全面提升工作效率和工作效果。
所以，我們將電商精英繫列教程的《網店美工》拆分成厚厚的兩本。一本介紹淘寶平臺美工編輯相關後臺和入口及各頁面的具體操作，適合需要補充技能基礎的工作者。一本介紹頁面的布局框架，美工的基本色彩知識，文案創意轉化，及數據分析，提升美工的質量，也幫助團隊能夠*好的和美工之間達成協作和溝通。
在本書的編寫過程中，我們也遇到了很多的困難和困惑。其中一個*大的問題在於，我們認為視覺既是一個虛幻的，無法表達的感受上的東西，但又要提煉出理論來給它做成一個可以執行可以操作的所謂的標準，是一件不容易做到的事情。還有其他問題，比如，頁面的數據的純淨度，影響的方面**的多，而且數據需要長時間的采集和對比，難度遠遠超於我們之前所想像到的。那麼肯定不能做到所有的理論都有豐富的數據來支持，那麼這些新的觀點是否能夠被接受？ 因此，為了盡量把本書寫的*好，在本書的作者團隊中，我們**了一個新的模式，不僅加入了受過正統美術教育的設計師講師，也加入了具有豐富運營經驗的講師，還有從草根出身積累了多年美工經驗的講師，還征詢了多位，各個領域，具有寶貴經驗和資歷的講師，給予了本書積極的指導和寶貴的建議。在這裡特別感謝林達老師，提供了大量案例和數據支持，以及對本書整體的審閱和建議。
還有很多諸如此類的矛盾問題也在不斷出現，但經過我們不斷的思考和論證，我們認為，任何一個所謂的標準，並不可能是一個**通用的標準，也不可能適合於電商的所有發展階段的團隊，*不可能永遠適用於現階段的團隊。因為電商發展速度之快，是我們無法想像的。我們在此書中提出的觀點雖然可能不盡**，但若能夠給予目前階段的電商一些思考和實際的幫助，就是這本書存在的*大價值。
因此，我們勇敢的，也惶恐的，將這本書艱難的完成。可能有些觀念比較超前，有的觀念還比較不夠，可能會遭到很多批判的聲音。但我們也希望能夠不斷的完善，無論是文字還是課程，都能夠給予大家實際的幫助。所以，我們也積極的歡迎和接受善意的批評和指正，以期能夠不斷的進步。
在本書完成的過程中，我們經歷了2012 年的雙11大促，在此特別感謝本書的各位作者，在年底特別忙的特殊時期，還能夠盡心盡力的完成書稿和修訂。*要感謝各位作者的家人，給予了包容、關懷和支持，*後我作為組長，特別代表大家感謝淘寶小二紫棲，對各位作者的關心和照顧，伴隨我們共同渡過這一段難忘的日子。
王珊 2012 年11 月