目 錄
第1章 天貓店鋪視覺基礎篇
1.1 視覺營銷的作用 .........................................................................................2
1.1.1 視覺營銷的概念 ...............................................................................2
1.1.2 視覺營銷對店鋪的重要性 ...............................................................5
1.2 視覺營銷提升案例.........................................................................................5
1.2.1 案例視覺效果分析 ...........................................................................6
1.2.2 案例店鋪視覺優化 ...........................................................................9
1.3 流量入口的視覺接觸點...............................................................................15
1.3.1 廣告推廣圖 .....................................................................................15
1.3.2 店鋪內視覺接觸點 .........................................................................17
1.4 天貓店鋪視覺後颱學習...............................................................................18
1.4.1 天貓商傢中心後颱登錄 .................................................................18
1.4.2 手機頁麵裝修模塊 .........................................................................19
1.5 視覺相關的工作流程...................................................................................22
1.5.1 視覺整體通用流程 .....................................................................22
1.5.2 設計師工單管理流程 .....................................................................25
1.6 視覺工作高壓綫提示...................................................................................26
1.7 店鋪視覺設計應具備的專業知識...............................................................29
1.7.1 軟件相關知識 .................................................................................29
1.7.2 專業技能知識 .................................................................................30
第2章 天貓店鋪視覺定位篇
2.1 瞭解CIS（企業形象識彆係統） ................................................................33
2.1.1 MI（理念識彆） ............................................................................34
2.1.2 BI（行為識彆） .............................................................................34
2.1.3 VI（視覺識彆） .............................................................................35
2.2 店鋪視覺風格的呈現...................................................................................50
2.2.1 店鋪風格定位 .................................................................................50
2.2.2 店鋪視覺風格的呈現 .....................................................................56
2.3 攝影腳本的確定...........................................................................................60
2.3.1 確定拍攝風格 .................................................................................60
2.3.2 製定拍攝方案 .................................................................................61
2.3.3 形成拍攝錶格 .................................................................................64
2.4 視頻腳本的確定...........................................................................................67
2.4.1 腳本內容的確定 .............................................................................67
2.4.2 添加視頻規則 .................................................................................68
2.4.3 製作主圖視頻方法 .........................................................................68
2.4.4 發布帶視頻的詳情頁麵 .................................................................69
第3章 天貓店鋪視覺PC端頁麵篇
3.1 天貓店鋪PC端店鋪首頁..............................................................................72
3.1.1 店鋪首頁的作用 .............................................................................73
3.1.2 PC端店鋪首頁模塊 ........................................................................78
3.1.3 PC端店鋪平銷首頁 ........................................................................91
3.1.4 PC端店鋪活動首頁設計 ................................................................96
3.2 天貓店鋪PC端專題頁設計........................................................................102
3.2.1 店鋪專題頁的作用 .......................................................................102
3.2.2 PC端店鋪活動專題頁 ..................................................................104
3.2.3 PC端店鋪品牌故事頁麵 ..............................................................106
3.2.4 PC端店鋪VIP會員頁麵................................................................114
3.3 天貓店鋪商品主圖.....................................................................................116
3.3.1 商品主圖的重要性 .......................................................................116
3.3.2 商品主圖的規劃及邏輯 ...............................................................116
3.3.3 商品主圖發布規範 .......................................................................119
3.3.4 商品主圖9秒視頻 .........................................................................120
3.4 PC端商品詳情頁麵....................................................................................120
3.4.1 詳情頁作用 ...................................................................................122
3.4.2 商品詳情頁策劃步驟 ...................................................................122
3.4.3 詳情頁模塊及邏輯排序 ...............................................................127
3.4.4 PC端商品詳情頁的類型及設計思路 ..........................................139
3.4.5 常見問題 .......................................................................................143
第4章 天貓店鋪視覺無綫端頁麵篇
4.1 無綫端店鋪首頁規劃.................................................................................145
4.1.1 無綫端特點及與PC端的區彆 ......................................................145
4.1.2 無綫端店鋪首頁功能模塊 ...........................................................146
4.1.3 無綫端首頁裝修注意事項 ...........................................................153
4.1.4 無綫端首頁的韆人韆麵 ...............................................................154
4.2 無綫端商品詳情頁麵規劃.........................................................................163
4.2.1 無綫端詳情頁麵規劃的注意事項 ...............................................163
4.2.2 無綫端與PC端詳情頁麵設計上的區彆 ......................................164
4.2.3 無綫端詳情頁麵案例分析 ...........................................................164
4.2.4 無綫端詳情頁麵的韆人韆麵 .......................................................167
4.2.5 無綫端詳情頁麵的版麵規劃 .......................................................170
4.2.6 無綫端詳情輕量化功能 ...............................................................175
4.3 無綫端工具 .............................................................................................177
4.3.1 無綫運營中心 ...............................................................................178
4.3.2 神筆工具 .......................................................................................179
第5章 天貓店鋪視覺推廣圖篇
5.1 天貓店鋪推廣圖基礎.................................................................................191
5.1.1 天貓店鋪推廣圖概述 ...................................................................191
5.1.2 天貓店鋪推廣圖的類型 ...............................................................197
5.2 推廣圖設計原則.........................................................................................197
5.2.1 構思原則 .......................................................................................197
5.2.2 設計原則 .......................................................................................199
5.3 天貓店鋪推廣圖設計技巧.........................................................................201
5.3.1 推廣圖呈現技巧 ...........................................................................201
5.3.2 推廣圖應用技巧 ...........................................................................208
第6章 天貓店鋪視覺數據篇
6.1 獲取數據的工具.........................................................................................231
6.1.1 生意參謀工具 ...............................................................................231
6.1.2 數據名詞解釋 ...............................................................................238
6.2 推廣圖數據診斷及優化建議.....................................................................239
6.2.1 診斷數據來源 ...............................................................................240
6.2.2 推廣圖優化建議 ...........................................................................241
6.3 店鋪頁麵數據診斷及優化建議.................................................................244
6.3.1 店鋪首頁、二級頁的數據診斷 ...................................................244
6.3.2 天貓店鋪頁麵優化建議 ...............................................................245
· · · · · · (收起)