《視覺營銷設(shè)計》 課件 模塊三：視覺營銷的整體規(guī)劃與設(shè)計

視覺營銷設(shè)計模塊三

視覺營銷的整體規(guī)劃與設(shè)計目錄CONTENTS視覺營銷整體規(guī)劃的要求與內(nèi)容01視覺界面的布局與風(fēng)格設(shè)計02用戶體驗視覺營銷設(shè)計0301視覺營銷整體規(guī)劃的要求與內(nèi)容對視覺營銷進行整體的、有安排、有計劃地規(guī)劃，能夠指導(dǎo)后續(xù)一系列視覺營銷活動有序進行，使視覺營銷的效果得到最大化展現(xiàn)視覺營銷視覺營銷整體規(guī)劃的要求與內(nèi)容01整體規(guī)劃的要求視覺營銷的視覺營銷整體規(guī)劃的要求與內(nèi)容視覺營銷整體規(guī)劃的要求在視覺營銷整體規(guī)劃過程中，通常需要遵循以下幾點要求：要求一：目的性在視覺營銷過程中，“視覺”是營銷的手段，營銷是目的在做店鋪的視覺營銷整體規(guī)劃時，要始終以營銷為根本目的，一切視覺展示手段都應(yīng)服務(wù)于商品交易的達成視覺營銷整體規(guī)劃的要求與內(nèi)容視覺營銷整體規(guī)劃的要求要求二：實用性實用性是指在視覺營銷規(guī)劃過程中，要從頁面的營銷目的出發(fā)，合理設(shè)置內(nèi)容，內(nèi)容的布局要為消費者服務(wù)了解產(chǎn)品詳情方便購物下單及時獲得客服服務(wù)搜索商品信息視覺營銷整體規(guī)劃的要求與內(nèi)容視覺營銷整體規(guī)劃的要求要求三：審美性視覺營銷的審美性重點是指頁面設(shè)計要舒適、美觀,從消費者的視覺感受出發(fā)將目標(biāo)消費人群的審美偏好等考慮進去，策劃出符合大眾審美的頁面風(fēng)格CBA頁面顏色設(shè)計素材搭配圖文設(shè)計視覺營銷整體規(guī)劃的要求與內(nèi)容視覺營銷整體規(guī)劃的要求要求三：審美性充分利用視覺導(dǎo)引理論，頁面布局要符合目標(biāo)消費人群的瀏覽習(xí)慣主推商品導(dǎo)引促銷信息視覺營銷整體規(guī)劃的要求與內(nèi)容視覺營銷整體規(guī)劃的要求要求四：統(tǒng)一性重點體現(xiàn)在店鋪整體風(fēng)格的統(tǒng)一特色活動頁商品詳情頁商品分類頁店鋪首頁視覺營銷整體規(guī)劃的要求與內(nèi)容02整體規(guī)劃的主要內(nèi)容視覺營銷視覺營銷整體規(guī)劃的要求與內(nèi)容視覺營銷整體規(guī)劃的主要內(nèi)容了解該群體有哪些購物習(xí)慣、行為偏好等，從目標(biāo)消費者的角度確定出店鋪的定位內(nèi)容一，明確店鋪定位產(chǎn)品類目1產(chǎn)品種類2目標(biāo)消費群體3視覺營銷整體規(guī)劃的要求與內(nèi)容視覺營銷整體規(guī)劃的主要內(nèi)容內(nèi)容二，規(guī)劃視覺界面的布局圍繞著用戶體驗來開展店鋪整體的視覺營銷策劃。首先要對視覺界面內(nèi)的內(nèi)容進行規(guī)劃，比如從店鋪呈現(xiàn)在消費者眼前的具體界面功能出發(fā)視覺營銷整體規(guī)劃的要求與內(nèi)容視覺營銷整體規(guī)劃的主要內(nèi)容內(nèi)容三，規(guī)劃視覺界面的風(fēng)格視覺界面的風(fēng)格規(guī)劃是一項復(fù)雜、系統(tǒng)的工作品牌調(diào)性店鋪定位商品特色促銷方式視覺營銷整體規(guī)劃的要求與內(nèi)容02視覺界面的布局與風(fēng)格設(shè)計界面布局順序內(nèi)容交互發(fā)生點123視覺界面的布局與風(fēng)格設(shè)計01基本布局方式視覺界面的視覺界面的布局與風(fēng)格設(shè)計視覺界面的基本布局方式視覺界面的基本布局方式可分為網(wǎng)頁界面和移動端兩部分常見的兩種網(wǎng)頁布局模式是：F模式Z模式視覺界面的布局與風(fēng)格設(shè)計視覺界面的基本布局方式F模式F模式是指用戶沿著左側(cè)垂直瀏覽而下，先去尋找頁面中每個段落開頭的興趣點，如果發(fā)現(xiàn)了感興趣的點，用戶就會從該處開始沿水平線方向閱讀，最終用戶的視線呈“F”型視覺界面的布局與風(fēng)格設(shè)計視覺界面的基本布局方式Z模式Z模式是指用戶的瀏覽視線，沿著從左到右、自上而下的閱讀方式視覺界面的布局與風(fēng)格設(shè)計視覺界面的基本布局方式移動端視覺界面的布局方式：列表式布局儀表布局卡片布局宮格式布局瀑布流布局手風(fēng)琴布局多面板布局Gallery布局視覺界面的布局與風(fēng)格設(shè)計視覺界面的基本布局方式列表式布局列表式布局縱向長度沒有限制，上下滑動可查看無限內(nèi)容，視覺上整齊美觀，用戶接受度高視覺界面的布局與風(fēng)格設(shè)計視覺界面的基本布局方式宮格式布局宮格式布局被廣泛應(yīng)用于各平臺系統(tǒng)的中心頁面，或作為一系列工具入口的聚合視覺界面的布局與風(fēng)格設(shè)計視覺界面的基本布局方式儀表布局儀表布局的方式展示更加直觀，但信息展示量少，過于單一，適合表現(xiàn)趨勢走向的展示視覺界面的布局與風(fēng)格設(shè)計視覺界面的基本布局方式卡片布局卡片布局中每個卡片信息承載量大，轉(zhuǎn)化率高；每張卡片的操作互相獨立，互不干擾。適合以圖片為主、單一內(nèi)容瀏覽型的展示視覺界面的布局與風(fēng)格設(shè)計視覺界面的基本布局方式瀑布流布局瀑布流布局的圖片展現(xiàn)要具有吸引力；瀑布流里的加載模式能讓用戶獲得更多內(nèi)容，用戶容易沉浸其中；適用于實時內(nèi)容頻繁更新的情況視覺界面的布局與風(fēng)格設(shè)計視覺界面的基本布局方式Gallery布局Gallery布局中單頁面內(nèi)容整體性強，聚焦度高；線性的瀏覽方式有順暢感、方向感視覺界面的布局與風(fēng)格設(shè)計視覺界面的基本布局方式手風(fēng)琴布局手風(fēng)琴布局中兩級結(jié)構(gòu)可承載較多信息，同時能夠保持界面簡潔，減少界面跳轉(zhuǎn)。適用于兩級結(jié)構(gòu)的內(nèi)容，并且二級結(jié)構(gòu)可以隱藏視覺界面的布局與風(fēng)格設(shè)計視覺界面的基本布局方式多面板布局多面板布局可以減少界面跳轉(zhuǎn)，使分類一目了然，如圖所示。適合分類多并且內(nèi)容需要同時展示的界面視覺界面的布局與風(fēng)格設(shè)計02風(fēng)格設(shè)計視覺界面的視覺界面的布局與風(fēng)格設(shè)計常見的視覺界面設(shè)計風(fēng)格有：視覺界面的風(fēng)格設(shè)計極簡風(fēng)國潮風(fēng)科技風(fēng)復(fù)古中國風(fēng)3D風(fēng)孟菲斯風(fēng)時尚大片風(fēng)電子霓虹風(fēng)視覺界面的布局與風(fēng)格設(shè)計03用戶體驗視覺營銷設(shè)計01用戶思維與視覺營銷定位02用戶界面的視覺形象設(shè)計03提升流量的用戶體驗優(yōu)化設(shè)計如何進行用戶體驗視覺營銷設(shè)計呢？用戶體驗視覺營銷設(shè)計01視覺營銷定位用戶思維與用戶體驗視覺營銷設(shè)計用戶思維與視覺營銷定位用戶體驗視覺營銷設(shè)計的前提是具備用戶思維，用戶思維包含兩個方面：用戶是誰用戶想干什么幫助企業(yè)提高市場傳播的精準(zhǔn)度幫助企業(yè)提高運營的效率通過分析用戶的各種行為，劃分用戶等級，制定用戶成長體系，幫助并引導(dǎo)用戶跨越新手階段用戶體驗視覺營銷設(shè)計用戶思維與視覺營銷定位用戶思維是互聯(lián)網(wǎng)思維中最核心的思維，用戶需求永遠是營銷工作的導(dǎo)向，企業(yè)在開發(fā)、研制、營銷任何一款產(chǎn)品或服務(wù)時，都應(yīng)該以用戶為核心用戶需求營銷內(nèi)容導(dǎo)

向企業(yè)產(chǎn)品或服務(wù)用戶為核心用戶體驗視覺營銷設(shè)計02視覺形象設(shè)計用戶界面的用戶體驗視覺營銷設(shè)計用戶界面的視覺形象設(shè)計它的基本要素包括：0201030405企業(yè)標(biāo)志企業(yè)標(biāo)準(zhǔn)字企業(yè)名稱標(biāo)準(zhǔn)色彩象征圖案06企業(yè)吉祥物標(biāo)語口號070607用戶體驗視覺營銷設(shè)計用戶界面的視覺形象設(shè)計企業(yè)名稱企業(yè)名稱與企業(yè)形象有著緊密的聯(lián)系，是采用文字來表現(xiàn)視覺識別要素。企業(yè)名稱的形象設(shè)計，要反映出企業(yè)的經(jīng)營思想，體現(xiàn)出企業(yè)理念等信息用戶體驗視覺營銷設(shè)計用戶界面的視覺形象設(shè)計企業(yè)標(biāo)志企業(yè)標(biāo)志是特定企業(yè)的象征與識別符號。企業(yè)標(biāo)志是通過簡練的造型、生動的形象來傳達企業(yè)的理念、產(chǎn)品特性等信息用戶體驗視覺營銷設(shè)計用戶界面的視覺形象設(shè)計企業(yè)標(biāo)準(zhǔn)字企業(yè)的標(biāo)準(zhǔn)字體包括中文、英文或其它文字字體企業(yè)名稱A企業(yè)品牌名B企業(yè)地址C用戶體驗視覺營銷設(shè)計用戶界面的視覺形象設(shè)計企業(yè)標(biāo)準(zhǔn)字標(biāo)準(zhǔn)字體的選用要有明確的說明性品牌訴求力直接傳達企業(yè)品牌名稱強化企業(yè)形象用戶體驗視覺營銷設(shè)計用戶界面的視覺形象設(shè)計企業(yè)標(biāo)準(zhǔn)字字體與標(biāo)志的協(xié)調(diào)統(tǒng)一性A字距和造型的規(guī)劃C字體的系統(tǒng)性和延展性EBD適應(yīng)于各種媒體和不同材料的制作適應(yīng)于各種物品大小尺寸的應(yīng)用在設(shè)計標(biāo)準(zhǔn)字時，要考慮：用戶體驗視覺營銷設(shè)計用戶界面的視覺形象設(shè)計企業(yè)標(biāo)準(zhǔn)色企業(yè)的標(biāo)準(zhǔn)色彩，是用來象征企業(yè)并應(yīng)用在視覺識別設(shè)計中所有媒體上的特定色彩企業(yè)屬性和情感03產(chǎn)品內(nèi)容的特質(zhì)02企業(yè)的經(jīng)營理念01用戶體驗視覺營銷設(shè)計用戶界面的視覺形象設(shè)計企業(yè)象征圖案通過象征圖案的豐富造型，來補充