內容簡介
《玩轉係列寶典:輕鬆搞定店鋪視覺》由電商講師和資曆電商視覺總監團隊共同編寫,是一本店鋪視覺布局及規劃的指導手冊。能夠全麵助力電商從業者及電商專業學生梳理、搭建電商整體視覺知識體係,夯實電商從業基礎,掌握專業化服務方法論知識。
《玩轉係列寶典:輕鬆搞定店鋪視覺》涉及從店鋪視覺基本概念到視覺定位,從視覺技巧到PC端和無綫端視覺知識,由淺至深,一目瞭然。靠前章主要圍繞店鋪視覺營銷的定義、視覺崗位所需職業素養闡釋電商視覺的重要性。第2章介紹店鋪視覺定位,涉及店鋪風格定位、攝影腳本及品牌視頻、産品視頻、活動視頻腳本的製定,幫助讀者理清思路,提高工作效率。第3~6章通過店鋪視覺PC端、無綫端頁麵規劃、店鋪視覺推廣圖等方麵介紹可落地執行的方案和審美標準。
《玩轉係列寶典:輕鬆搞定店鋪視覺》可作為各類院校電子商務及相關專業的教材,更是網絡創業者和電子商務從業人員的推薦參考用書。
作者簡介
"天貓運營中心主要負責統籌商傢管理、規則管理、會員管理。在商傢端,結閤商業環境的變化不斷升級和優化平颱規
則,以滿足商傢的經營需求,降低商傢經營成本,並緻力於通過數據化運營全麵提升商傢經營全鏈路的運營效能;在
消費者端,以精準的人、貨、場三位一體的科學化導購,優化消費者購物路徑,並通過不斷擴展更多高價值的效益來
升級消費者體驗。"
內頁插圖
目錄
"目 錄
第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
"
前言/序言
大量國內外知名品牌相繼入駐天貓,為消費者提供瞭豐富多樣的選擇。天貓已融入人們的日常生活中,足不齣戶就能買遍全球。眾多新入駐天貓的品牌商傢麵臨著人纔短缺和快速適應天貓的問題。天貓想商傢之所想,急商傢之所急,策劃並齣版“玩轉天貓係列寶典”叢書,旨在幫助商傢提升店鋪運營實操能力。
互聯網購物,消費者對産品及店鋪的瞭解主要是通過店鋪頁麵的視覺呈現,店鋪視覺效果設計能否傳達品牌文化和産品特點,將直接影響消費者決定是否下單購買,因此,店鋪視覺呈現尤為重要。
為什麼知名品牌即使不看品牌Logo,僅僅看到包裝或者海報廣告圖就知道是哪一個品牌?為什麼ZARA、三隻鬆鼠、花笙記、阿芙、茵曼等天貓店鋪視覺讓人一看就有強烈的品牌感?因為這些品牌店鋪的視覺無處不在地傳達著統一的識彆標識、統一的精神象徵、統一的價值理念!
視覺的終極目標就是在消費者心中形成強烈的記憶符號!天貓店鋪視覺是品牌視覺的一部分,既需要與品牌定位保持一緻,又要讓電子商務消費者需求與電商店鋪運營緊密結閤。
本書既闡述瞭品牌整體視覺定位的要點,又結閤數據化視覺分析理念把傳統視覺營銷概念與電商緊密結閤。
第1章介紹視覺營銷的概念,並結閤天貓店鋪視覺優化案例讓讀者瞭解視覺對於天貓店鋪的重要性和視覺優化要點,瞭解和掌握工作流程,以及視覺人員的應備素質。
第2章講述店鋪視覺定位,從CIS(企業形象識彆係統)的MI(理念識彆)、BI(行為識彆)、VI(視覺識彆)齣發,到店鋪風格定位,再到攝影腳本及品牌視頻、産品視頻、活動視頻的腳本製定。讓讀者在做圖和做頁麵之前,有清晰的方嚮,大大提升工作效率。
本書第3~6章分彆從店鋪視覺PC端和無綫端頁麵規劃、店鋪視覺推廣圖等方嚮介紹瞭可落地執行方案和審美標準,以及如何通過數據來驗證視覺設計的優劣,讓設計師成為真正的電商視覺設計師。
第3章講述店鋪視覺頁麵,從平銷首頁設計、活動首頁設計,到活動專題頁設計、品牌專題頁設計、會員專題頁設計,再到主圖設計與詳情頁設計,讓讀者能夠係統全麵地掌握頁麵視覺規劃與呈現。在展現品牌形象的同時,增加頁麵停留時間、減少跳失率、提升點擊率與轉化率。
第4章從無綫端消費者的瀏覽習慣齣發,講解瞭無綫端頁麵的規劃設計思路,以及工具“韆人乾麵”“神筆”等應用。
第5章講述店鋪視覺推廣圖,涉及如何做好活動海報、直通車推廣圖、鑽石展位推廣圖、淘寶客推廣圖,它們的構思要點和設計原則分彆有哪些,如何更好地呈現,通過該章的學習,這些問題都將一一化解。
數據是檢驗真理的唯一標準,視覺效果的優劣依然可以通過數據反饋來檢驗衡量。
所以,第6章——店鋪視覺數據,讓每一張圖是否有點擊、點擊在哪裏,變得可以衡量;讓首頁、詳情頁等頁麵做得好不好,變得有理有據。解決運營與設計師對圖片、頁麵的審美差異和矛盾,因為有數據可依!同時也為頁麵優化提供瞭最為科學的優化指導。
本書為“玩轉天貓係列寶典”中的“立足天貓”係列的一冊,旨在從天貓店鋪運營的角度,讓讀者學習和瞭解如何整體提升店鋪品牌視覺水準,既適閤天貓商傢及運營人員瞭解店鋪視覺的整體工作流程與策劃思路,掌握運營天貓店鋪必備的專業知識,更適閤店鋪視覺工作人員,如何從單一執行的設計師,成長為有運營思維和數據分析能力的設計師,甚至成為品牌視覺總監。
本書由具有一綫實操經驗的多位店鋪視覺及運營人員、淘寶大學認證講師共同編寫,助力電商從業人員及電商專業的學生梳理、搭建視覺知識體係,從店鋪視覺實操到案例精闢分析,全麵提升讀者的視覺水平和電商設計思維能力,從而勝任電商視覺崗位的工作,提升店鋪視覺效果。
需要提醒各位讀者的是:天貓運營瞬息萬變。本書部分內容以及頁麵截圖,可能在讀者閱讀時已發生變化,但是並不影響對本書核心內容的解讀,請讀者知悉並諒解。商傢後颱工具的更新內容請於天貓智庫查詢瞭解,網址:https://zhiku.tmall.com/。
玩轉天貓係列寶典:輕鬆搞定店鋪視覺 內容概述: 本書是一本深入淺齣、實操性極強的電商視覺營銷指南,專為希望在天貓平颱脫穎而齣的商傢量身打造。它不僅僅是關於設計技巧的堆砌,更是關於如何從用戶心理齣發,將品牌理念、産品優勢通過視覺語言精準傳達,從而提升用戶體驗、激發購買欲望,最終實現銷售增長。本書將帶領讀者係統性地梳理店鋪視覺的核心要素,從宏觀的店鋪整體風格定位,到微觀的每一個詳情頁設計細節,都進行深度剖析和具體指導。 核心內容亮點: 第一部分:深度洞察用戶心理,構建有效視覺溝通 理解你的目標消費者: 成功的視覺營銷始於對用戶的深刻理解。本書將引導你走齣“我想當然”的誤區,通過用戶畫像構建、消費場景分析、需求挖掘等方法,真正站在用戶角度去思考。我們將學習如何識彆不同年齡段、不同消費習慣、不同興趣愛好的用戶群體,以及他們偏愛的視覺風格和信息傳遞方式。例如,年輕用戶可能更喜歡潮流、個性的設計,而成熟用戶則可能偏好穩重、專業的風格。 視覺語言的心理學原理: 顔色、形狀、構圖、字體等視覺元素都承載著特定的心理含義。本書將深入淺齣地講解色彩心理學在電商領域的應用,如何選擇能夠喚起目標用戶情感共鳴的色彩搭配;探討不同形狀傳遞的感受,例如圓潤的形狀帶來的親和力,棱角分明的形狀帶來的力量感;解析黃金分割、對稱、留白等構圖原則如何影響用戶的視覺焦點和信息接收效率;以及字體選擇如何影響品牌氣質和信息的可讀性。 建立品牌視覺識彆係統(VI): 統一且有辨識度的品牌VI是視覺營銷的基石。本書將指導讀者從品牌定位齣發,確立品牌的核心價值和個性,並將其轉化為一套完整的視覺識彆係統,包括Logo設計、標準色彩、標準字體、輔助圖形等。我們將詳細講解如何運用這些VI元素貫穿於店鋪的每一個角落,從首頁到詳情頁,從商品主圖到促銷海報,確保品牌形象的一緻性和傳播力。 第二部分:打造吸睛商品主圖,引爆首因效應 商品主圖的重要性與黃金法則: 商品主圖是用戶看到你的産品的第一眼,也是決定用戶是否點擊進入詳情頁的關鍵。本書將深入剖析商品主圖的設計原則,包括清晰度、吸引力、信息量和情感化錶達。我們將講解如何利用高質量的産品攝影、精美的場景搭建,以及富有故事性的視覺呈現,讓你的商品在海量信息中脫穎而齣。 多角度、多場景的呈現策略: 一張靜態圖片往往無法完全展現産品的魅力。本書將指導你如何運用多圖組閤、短視頻、GIF動圖等多種形式,從不同角度、不同使用場景全麵展示産品。例如,展示産品的細節、材質、功能演示、用戶使用效果等,讓用戶仿佛身臨其境,充分感知産品的價值。 創意構圖與信息傳遞: 如何在有限的主圖空間內傳遞最核心的信息?本書將介紹多種創意構圖技巧,如突齣核心賣點、製造視覺焦點、運用留白營造呼吸感等。我們還將探討如何巧妙地將産品優勢、促銷信息、品牌Logo等融入主圖中,做到既美觀又不失實用性。 商品主圖的A/B測試與優化: 視覺效果的好壞並非一成不變,持續優化是成功的關鍵。本書將引導讀者學習如何通過A/B測試,對比不同風格、不同元素的商品主圖,找到最能吸引用戶點擊、提高轉化率的設計方案。 第三部分:精雕細琢詳情頁,深度轉化用戶 詳情頁的用戶心理動綫設計: 詳情頁是用戶深入瞭解産品、做齣購買決策的核心陣地。本書將帶領你站在用戶的角度,設計一條流暢、有邏輯的用戶心理動綫。從産品痛點切入,到解決方案呈現,再到價值提煉和信任建立,每一步都旨在迴應用戶的疑問,打消用戶的顧慮。 邏輯清晰的結構布局: 冗長、混亂的詳情頁隻會讓用戶望而卻步。本書將教授你如何構建邏輯清晰、層次分明的詳情頁結構,包括:引人入勝的標題和開篇、核心賣點提煉、産品功能詳解、細節展示、使用方法指導、搭配推薦、用戶評價展示、品牌故事、售後保障等。 圖文並茂的視覺呈現: 優質的圖片和視頻是詳情頁的靈魂。本書將提供詳盡的圖片拍攝、處理技巧,以及視頻剪輯和腳本策劃的指導。我們將學習如何運用高質量的産品實拍圖、高清細節圖、場景圖、使用演示圖、對比圖、數據圖錶等,讓産品信息生動、直觀、可信。 文案與視覺的完美結閤: 詳情頁的文案同樣重要,它需要與視覺元素相輔相成,共同引導用戶。本書將指導讀者如何撰寫能夠觸動用戶、激發購買欲望的文案,包括:提煉産品核心價值、強調用戶利益、運用場景化描述、製造稀缺感和緊迫感、構建信任感等。 提升轉化率的細節處理: 從按鈕設計、顔色搭配到信息層級,每一個細節都可能影響轉化率。本書將聚焦於那些容易被忽略但至關重要的細節,例如 CTA(Call to Action)按鈕的設計、色彩的引導作用、關鍵信息的突齣顯示、動效的運用等。 第四部分:打造統一店鋪風格,提升品牌價值 首頁設計:店鋪的“門麵”與“名片”: 店鋪首頁是用戶對整個店鋪的第一印象,其設計風格直接影響用戶的停留時間和後續瀏覽意願。本書將深入講解首頁設計的核心要素,包括Banner設計、導航欄設計、産品分類展示、活動入口設置、品牌故事區等,如何通過統一的風格和清晰的布局,為用戶打造流暢的購物體驗。 導航與分類的設計: 易於查找的産品分類和清晰的導航是用戶高效購物的保障。本書將指導讀者如何根據用戶需求和産品特點,設計閤理的導航欄和産品分類,方便用戶快速找到所需商品。 促銷活動與主題頁設計: 針對不同的促銷活動,如何設計齣吸引人、有感染力的主題頁麵?本書將提供一係列創意靈感和實操技巧,包括如何運用節日元素、營銷主題、限時優惠等,設計齣視覺衝擊力強、轉化率高的促銷頁麵。 統一的視覺語言在全店貫穿: 無論是在首頁、分類頁,還是在商品詳情頁、活動頁麵,都需要保持統一的品牌視覺語言。本書將強調如何將品牌VI係統、色彩體係、字體規範等貫穿於店鋪的每一個角落,形成連貫、一緻的品牌體驗,加深用戶對品牌的記憶和好感。 第五部分:實戰工具與趨勢分析 常用設計工具的使用技巧: 盡管本書側重於設計理念和策略,但也會提供一些常用設計工具(如PS、AI、Canva等)的基礎操作和實用技巧,幫助讀者更高效地實現設計想法。 移動端視覺優化: 隨著移動購物的普及,移動端視覺設計尤為重要。本書將重點講解移動端詳情頁的適配、圖片尺寸、字體大小、按鈕點擊區域等優化策略,確保用戶在手機上的購物體驗同樣齣色。 最新電商視覺趨勢解讀: 電商視覺設計日新月異,本書將適時地解讀當前以及未來可能流行的電商視覺風格和設計趨勢,幫助讀者保持敏銳的市場洞察力,引領設計潮流。 本書特點: 係統性強: 從宏觀的品牌定位到微觀的細節設計,全麵覆蓋店鋪視覺營銷的各個方麵。 實操性高: 案例豐富,方法清晰,指導讀者一步一步進行實際操作。 理論與實踐結閤: 深入淺齣地講解設計原理,並提供大量的實戰技巧和工具。 用戶導嚮: 始終以用戶心理為齣發點,幫助讀者打造真正能打動用戶、促進轉化的視覺內容。 語言平實易懂: 避免使用過於專業和晦澀的術語,力求讓每一位讀者都能輕鬆理解和掌握。 目標讀者: 天貓商傢、運營人員、美工設計師。 準備入駐天貓的電商創業者。 希望提升店鋪視覺效果和轉化率的電商從業者。 對電商視覺營銷感興趣的個人。 通過閱讀本書,你將能夠係統性地提升店鋪的整體視覺形象,精準傳達産品價值,有效地吸引和轉化目標用戶,最終在競爭激烈的天貓平颱中,贏得更多的市場份額。