輕松搞定店鋪視覺

第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端店鋪shou頁..............................................................................72

3.1.1 店鋪shou頁的作用 .............................................................................73

3.1.2 PC端店鋪shou頁模塊 ........................................................................78

3.1.3 PC端店鋪平銷shou頁 ........................................................................91

3.1.4 PC端店鋪活動shou頁設計 ................................................................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 無線端店鋪shou頁規划.................................................................................145

4.1.1 無線端特點及與PC端的區別 ......................................................145