雙11臨近，各家電商平臺正在躍躍欲試，今天，小編給大家推薦一篇干貨，從視覺營銷的角度來講講，什么樣的視覺效果和文案可以打動顧客，把商品塞滿用戶購物車。

視覺營銷的核心是什么

視覺是極具目的性的，不只是為了漂亮。所以，我認為視覺營銷的核心是傳達信息。

梵高的作品之所以好也是因為他傳達了某種信息。有一個英劇叫《神秘博士》，里邊對梵高的評價就非常到位。很多人會用藝術(shù)品繪畫去表現(xiàn)痛苦，而梵高在痛苦中表現(xiàn)無盡的激情跟熱情。所以他傳達的是一種能量和信息，這種信息才是感染你的地方。

所以視覺營銷的核心并不是簡單的一個美，而是信息的傳遞。信息傳達到位自然就會有美感。所謂的純美感，在整個視覺營銷體系中不足30%。

做好視覺營銷需要權(quán)衡時間，信息，審美和細節(jié)

網(wǎng)絡(luò)營銷有時候沒有實體店，網(wǎng)站就成了著陸點，同時，網(wǎng)站也是宣傳的著陸點，在網(wǎng)站上引導(dǎo)用戶消費。這個就是網(wǎng)絡(luò)時代網(wǎng)站的作用。

時間、信息、審美、細節(jié)，這四點是相互制約的，而我們主要的工作是權(quán)衡這4項。

比如說一個廣告有上線時間，等你完成設(shè)計之后老板說不夠好看，這就是相互沖突的，審美跟細節(jié)元素的滿足會導(dǎo)致時間變慢。有時候，過度強調(diào)細節(jié)和審美會忽略信息。

所以，我們需要在工作中去權(quán)衡哪一項更重要。因為不同的時間點，不同的項目，不同的內(nèi)容側(cè)重點都不一樣。

重要程度排序：先進，時間。

我剛?cè)胄械臅r候，是在廣告公司工作。廣告界的鼻祖魯比克曾經(jīng)說過：“在客戶忘掉這個作品遲交兩個月之后的數(shù)年，他仍然會記得它是一個杰出的廣告。”

1.為什么時間的重要程度會排在先進？

我非常欣賞上個世紀六十年代美國現(xiàn)代廣告業(yè)興起那會兒，大衛(wèi)奧格威這些人他們的很多理論現(xiàn)在也非常有用。比如說魯比克提到了一個時間點，兩個月而不是數(shù)年，這是有一個時間限制。他說這句話的時候是六十年代，那個時候主要的信息傳遞的工具是報紙，這個信息傳遞過程很復(fù)雜，快也要12個小時。當電視出現(xiàn)之后，信息傳遞的速度變得更快。但是電視需要錄像剪輯，所以大概需要一到兩個小時。

這是幾年前日本的地震的信息，騰訊的彈窗大概只需要十分鐘就有準確的信息。信息傳遞的速度從12個小時就變成了10分鐘。

再往后社交網(wǎng)絡(luò)的興起讓速度進一步加快。這是幾年前微博上的一個截圖，那年5月28號10點26分發(fā)生了地震，之后就有信息傳來了。傳播速度已經(jīng)降到了幾秒。據(jù)說美國在推特上有過一個實踐，地震的地震波向四周擴散有一個時間，而電的速度比地震波快，所以在推特上公布地震之后，離震中稍微遠一點的人知道地震了，然后跑出房子，沒有受到危害。所以說，信息傳遞已經(jīng)超過了事件本身。

所以大家可以看一下，從原來12個小時左右的傳遞速度降到幾秒，所以現(xiàn)在大家對作品爭分奪妙是有原因的。

所以，這里面會不可避免的產(chǎn)生矛盾，因為速度越快，其他指標有可能會下降，所以我們要去權(quán)衡。

但一定要明確，時間非常重要。隨著信息傳播速度的提升，時間更快了。

一方面，我們要向傳統(tǒng)行業(yè)學(xué)習(xí)，但也要考慮傳統(tǒng)行業(yè)跟現(xiàn)代行業(yè)的區(qū)別是什么，信息傳遞速度太快，傳遞量大，信息透明化，我們要學(xué)會對這些進行轉(zhuǎn)化。網(wǎng)絡(luò)熱點一般不會超過一周，只有三天。由于工作周期本身有一定的時間，所以大家的反應(yīng)速度、執(zhí)行力度不夠快，會出現(xiàn)比較過時的話題，那還不如不要。

互聯(lián)網(wǎng)時代速度很重要。

這個是ZARA的例子，它的創(chuàng)意就是不要設(shè)計。首先，ZARA要搜集很多信息，然后通過電腦去計算出來大概哪些款型會在市面上比較流行，它并不是預(yù)測，就是現(xiàn)在流行的。然后就馬上開始制作，據(jù)說它的制作工廠是西班牙的一個小城鎮(zhèn)，物流在小鎮(zhèn)底下打的真空高速通道，所有東西都是通過這個真空管，由生產(chǎn)廠商直接打到庫房，非常快。

通過這種方法，ZARA成為了全世界換季快的品牌，每12天一季，所以它永遠保持著市面上流行的風(fēng)尚。這是網(wǎng)絡(luò)時代的一個特色。

這個是我之前跟進過的一個專題頁面，這是一個內(nèi)頁相對簡單。在內(nèi)頁里邊中間畫紅框的位置，只是文字的排版?？梢钥匆幌缕渲幸粭l條所需要的圖層就是右邊整個這么多層。而這些層都是需要設(shè)計師一層一層地調(diào)整顏色，繪制圖形，然后找素材拼接。

所以，時間會直接影響宣傳效果，上線的早晚甚至?xí)绊懙叫麄餍Ч馁|(zhì)變。舉個簡單的例子，比如說如果要進行活動宣傳，需要提前把宣傳頁面放出來，如果你當天放頁面，只叫做報道，如果之后放就沒有任何意義了。

2.節(jié)省時間，有哪些技巧？

扁平化的設(shè)計可以大量地節(jié)省改版時間，很容易被大眾接受。實際多彩的扁平化設(shè)計也可以在整個設(shè)計跟制作過程當中節(jié)省時間，這是一個比較好的方法。高質(zhì)量的頁面需要充足的時間，一定要做好提前準備，信息同步也非常重要的，可以提高速度。

重要程度排序：第二，信息

一個4A公司的創(chuàng)始人雷斯克說過：“好的文案就可以賣出商品，我們不需要任何其他的東西。”藝術(shù)指導(dǎo)早是不存在的，因為他認為只要信息傳達到位，就可以解決一切問題?？梢姰敃r大家對信息的傳達多么重視。

1.信息嘈雜的時代，如何保證信息可以快速傳達給用戶？

通過我的工作經(jīng)驗，我總結(jié)了這三件事：看得懂、吸引人、看得完。

我們首先要寫讓人能看懂的東西，這是重要的，否則就別提信息傳達了。

第二點是要吸引人，不止是文案，視覺的元素也是要讓人能看懂的，讓人有興趣把東西看完。

舉一個例子，商業(yè)廣告據(jù)說比現(xiàn)代廣告起源還早，有快二百年的歷史。大家可以看一下，傳統(tǒng)行業(yè)經(jīng)常會用到這種海報，一目了然。非常明顯，就是打折，直接從視覺上直觀地告訴你打折，通過紅白的強烈刺激。如果你把網(wǎng)站想成一個店面，跟傳統(tǒng)的店面去學(xué)，店面打折會直接寫五折、六折，不會有人去寫藏頭詩，前四個字加在一塊是“今日五折”。所以這是我們需要去學(xué)習(xí)的。

讓用戶明白并不是代表你沒創(chuàng)意。

新入行的小朋友經(jīng)常會為了追求有創(chuàng)意，把簡單化的東西復(fù)雜話，反讓用戶越來越不明白。如果你不是那個用戶群，無法感知那種氛圍，會造成不明白廣告在賣什么的感覺。

后，傳達對市場有益的信息。有的人為了個人KPI，彰顯自己的技術(shù)、創(chuàng)意、能力，經(jīng)常會傳達出很多無益信息。

這里面，我們要問自己3個問題。我們從哪里來，我們是誰，我們到哪里去。這三個問題可以解決很多事情。

調(diào)研用戶的時候我們會想用戶是誰，用戶從哪兒來。有時候會忽略用戶來源的渠道。

好多年前《武林外傳》這款游戲出過一個專題叫“子曾經(jīng)曰過”，這個標題發(fā)到了設(shè)計這邊審核的時候，設(shè)計部分的老大說“子曾經(jīng)曰過”這是一個病句，這句話應(yīng)該叫“子曰”。如果我們把這種話放在網(wǎng)站上會顯得我們公司沒文化，品牌會受損。

但實際上他忽略了我們的用戶群，《武林外傳》這款游戲的用戶群一定是針對于《武林外傳》這個電視劇的粉絲，呂秀才在戲里經(jīng)常提到“子曾經(jīng)曰過”這句話。

所以在這種情況下，我們針對于這群用戶就要用“子曾經(jīng)曰過”這個提法，用這個標題更能引起用戶的共鳴，因為你說了他聽得懂的話。這就是為什么要去了解用戶，說他們聽得懂的話。

2.我們應(yīng)該引導(dǎo)用戶做什么呢？

把用戶引導(dǎo)到官網(wǎng)上，終極目的是讓用戶進行消費。

一般我們會把網(wǎng)站分為兩大類型，一類是以流量為目標的網(wǎng)站，一類是以用戶后續(xù)行為目標的網(wǎng)站。這兩類網(wǎng)站是有明顯區(qū)別的，甚至有些指標是沖突的。

以流量為目標的網(wǎng)站的關(guān)鍵詞是粘稠，要看用戶能夠在一個網(wǎng)站上待多長時間。流量型的網(wǎng)站就一定會有無數(shù)個頁面，用戶進入網(wǎng)站之后再也不離開，不停地觀看網(wǎng)站上的所有內(nèi)容。這就是流量型網(wǎng)站的終極目的。

游戲行業(yè)的網(wǎng)站，以賣產(chǎn)品為主，讓用戶去登錄，這類網(wǎng)站稱之為用戶后續(xù)行為網(wǎng)站。

它的關(guān)鍵詞是引導(dǎo)，引導(dǎo)用戶做一件事情，比如說下載游戲，去游戲充錢。

我們目的并不是讓他停在頁面上，而是讓他去后續(xù)干一件事，如果他后續(xù)干這件事，停留時間越短越好，如果他后續(xù)不干這件事，我們希望他多停留一會兒是不是能夠獲取更多的信息。

這兩種網(wǎng)站，考核的數(shù)據(jù)不一樣，所以我們要明白讓用戶去做什么?，F(xiàn)在比較更多的網(wǎng)站是平臺型電商，這種復(fù)合型網(wǎng)站一定需要明白每個頁面的作用，確定頁面?zhèn)鬟_出什么信息。

比如說做游戲的終極目標是給游戲充錢，你要實現(xiàn)這個目標就需要用戶進入游戲，然后充錢，這就分成了兩塊?？赡芤徊糠中枰€(wěn)定的用戶在線數(shù)量，一部分要求有新的人能夠進入。每一塊實際上目的不盡相的，網(wǎng)站類型也不同，目標也不同，但你一定要明確當前頁面要滿足什么事，然后把這件事做明白。

這需要大家對自己所在行業(yè)的商業(yè)模型，用戶的模型進行深入研究。

3.怎么才能吸引更多用戶：馬斯洛需求體系

馬斯洛需求體系包括溫飽、安全、歸屬、尊嚴、自我價值實現(xiàn)這幾個方面。當下一層滿足之后，他又會對上一層開始有欲望的需求，而且上一層的欲望需求一定高于下一層的欲望需求。

視覺營銷該如何滿足這些需求呢？很多時候，大家會看到先進層的利益需求，但是不是只停留在這個層面呢？

（1）利益的需求

這是京東官網(wǎng)的首頁。它通過顏色黃藍的強烈對比，在紅色體系下突出的是一折起?，F(xiàn)在標紅的位置全都是在突出類似于免費、打折、減價等信息。這是非常常規(guī)的一種手段。

（2）安全感

網(wǎng)絡(luò)時代非常缺乏安全感。傳統(tǒng)的交易是面對面，現(xiàn)在的交易互相看不見，人與人之間的溝通也都是不見面的。在這種情況下，給用戶的安全支持會很少，用戶本身具有不安全感。我們就需要滿足用戶的安全欲望。

這也是一個京東的頁面。這個頁面下面有很多文字，列表，支付方式、配貨方式等等，這是給安全感的東西。但實際給用戶的安全感并不強，因為視覺上沒有突出強調(diào)。

天貓的這個頁面，用了“優(yōu)、7、特”幫助中心這個小人，在白色背景上的紅色對比，文字的提煉會讓用戶感覺視覺上吸引到這一塊，給用戶安全的感覺。用這種視覺傳達的方式潛意識地影響用戶，這非常重要。

唯品會把這些信息放在了首屏，視覺上用戶會更容易看到上面的東西。他們把有吸引性的東西放出來。先是利益上的吸引欲望，下面是安全性的滿足。旁邊還有一個按鈕，可以連到另一個專題， “你真的認識唯品會嗎”里“六年前”做成黑字，通過顏色的對比跟調(diào)整，和字的大小視覺上的影響突出這個。

為什么突出六年前？通過時間長給用戶一種安全的感受，具有可行性。這就是一種視覺上的營銷手段，通過顏色大小對比強調(diào)要強調(diào)的東西。

（3）歸屬感

安全感的吸引性是一種相對淺淡的吸引性，沒有強烈的吸引性。如果你滿足了他，再用利益吸引他，可能效果更好。更高一個層次就是歸屬感。

這個例子是一個代言人產(chǎn)生的歸屬感。天貓的一個賣奶粉的廣告，背景是淺藍色，大標題是一個相對深一點的藍綠色，并不是很突出。

具有利益性引導(dǎo)的滿足底層生理需求的“滿100減30”文字也被放得特別小。

而大花哨搶眼的地方是代言人黃磊。那會兒正是《爸爸去哪兒》熱播，黃磊被網(wǎng)友們認為是一個特別好的爸爸，這時候代言人就請得非常到位。每個父母都希望自己是一個好父母，他會強烈地歸屬到已經(jīng)被塑造成好父母形象的覆蓋面里。如果我跟黃磊用同樣的奶粉，我就是一個好父母，這是一種潛意識的強烈影響。

（4）尊嚴、自我價值實現(xiàn)

這個我覺得需要你深入領(lǐng)悟自己所在行業(yè)的細和用戶的心態(tài)，才可能做出來。我覺得一般做到歸屬感就已經(jīng)很不錯了。

后來總結(jié)一下。

先進、傳達出明確的信息，可以通過小字、流程圖來補充說明，通過字的大小明顯地區(qū)分誰重要誰次要。有吸引力的文字、圖片和要素要占據(jù)主要位置。

第二、明確每個頁面的作用。明確傳達的信息是不是對的。

第三、標題一定要小于12個字，超過12個字，用戶就會不感興趣，這是一個很明確的經(jīng)驗。

重要程度排序第三和第四：審美與細節(jié)

什么樣的設(shè)計算好設(shè)計？

每個人有每個人的審美。但作為視覺營銷來講，我們要去找出一個大體的方向，讓這個東西有一個標準去審核。

這有兩張圖片，大家更希望在哪個店面里去購物？有一半人會選擇在左邊這個看起來很高檔的店面，一半人會選擇在右邊這個看起來比較LOW的店面。因為很多人會認為左邊這個店面我無法購買的，這是一個LV的店面，右邊這個是很一般的店面。大家可以想一下，大家真的是因為店面的裝修會選擇右邊嗎？

HM的出現(xiàn)讓我們對這件事重新來思考。這個店完全按照奢侈品品牌的風(fēng)格來裝修，代言人都是世界超模排名前幾名的，宣傳片請的是奧斯卡佳編劇和佳導(dǎo)演，它完全走的是奢侈品視覺營銷的方向。但是它的價格又低廉到了地攤貨的價格，一個背心可能三四十塊錢就可以解決。它的出現(xiàn)把中國很多小店面擠壓得非常厲害。這也反映了，只要價格你能夠接受，大家還是更愿意去這種看起來很高檔的地方購物。

設(shè)計師很不愛聽的一句話，就是我們需要一個高大上的設(shè)計。其實設(shè)計師并不是不知道什么是高大上，這并不是一個從審美從視覺上簡單解決的，而是滿足用戶的一種心理的問題。如何讓這個店面看起來高檔，這是一個我們需要去解決的問題。這個視覺不僅僅是設(shè)計，還有用戶引導(dǎo)和交互。

到底什么樣的交互是好的交互設(shè)計呢？

大家經(jīng)常會摳細節(jié)，按鈕是在左還是在右。其實原因非常簡單，因為我們常使用的Windows系統(tǒng)的關(guān)閉按鈕是在右上角。但它是在交互里面科學(xué)的嗎？蘋果的按鈕全部是在左上角，因為左上角更容易被觀察到。你也可以設(shè)計在右下角，更容易鼠標操作，因為在正常情況下，右手使用，鼠標一般習(xí)慣性會在屏幕的右下方晃動。但是Windows的普及培養(yǎng)了你的使用習(xí)慣。這么說，蘋果的交互做得是非常好的。

從某種理念上講，用戶在任何一個界面的任何目標，應(yīng)該在三步操作內(nèi)就可以達到，這是一個很理想的狀態(tài)。蘋果也是按照這種方面來實行的，盡量讓用戶少去按按鈕，少回答問題。

但實際你會發(fā)現(xiàn)，微軟的設(shè)計非常復(fù)雜，新建一個文檔得問一堆問題，存儲東西也會問問題。我們不去深究這兩種方案哪個更適合人類使用，但用戶的直觀感受認為關(guān)閉按鈕在右上角會是更符合使用習(xí)的，而這種使用習(xí)慣是微軟給培養(yǎng)起來的。這說明什么？

實際上所謂的高大上是有依據(jù)可循的，這些已經(jīng)被大家認知的品牌，不管他們的視覺做成什么樣，我們只要去貼近它就好了。

這個并不是抄襲，因為每一個設(shè)計都不是憑空誕生的。在這種大方向下，必須要順潮流而行。包括蘋果，像微軟，它們也都是按照前人所走過的路不停往前探索。

隨著移動互聯(lián)網(wǎng)的發(fā)展，我們會發(fā)現(xiàn)響應(yīng)式布局，HTM5這些技術(shù)，扁平化會更適合。如果還是那么復(fù)雜的話，從技術(shù)角度講不太好控制。所以這些東西有一個流行時段，隨著技術(shù)人文的變化而變化，我們抓住用戶這種所謂高大上的心態(tài)，唯一的辦法就是看現(xiàn)在什么東西流行，用戶所能接觸到的是什么。

總結(jié)一下審美這個元素中我們需要注意的一些點。

1.左側(cè)先被閱讀

2.右側(cè)先被點擊

3.一次跳轉(zhuǎn)會損失33%的流量

4.一屏多只能有3個重點，當你的信息量太大的時候，用戶本身會產(chǎn)生抵觸心理。

曾經(jīng)有一個很著名的傳球試驗，是一個心理方面的測試，測試人類的視覺到底能夠觀察到多么細致。它給了幾個穿白衣服的人和幾個穿黑衣服的人一個球，并讓一個測試者去看這個穿白衣服的人互相之間傳了多少次球。

在這個過程當中，背景會走過一只黑猩。視頻結(jié)束之后會問黑猩猩大家看到?jīng)]有，基本上是1/3的人會看到黑猩猩，2/3的人會看不到黑猩猩。當然那1/3的人就會覺得我的觀察力很強。這個時候他們才拋出真正的問題，說背景的顏色從深紅色變成了橙色，結(jié)果沒有一個人注意到。這個測試就告訴我們視覺是不可能看到所有細節(jié)的。

人類的視覺是不能關(guān)注多個重點的。

有的時候我們會覺得我是一個完美主義者，一定要把頁面的每一個細節(jié)都摳完。這時候會出現(xiàn)一個問題，所有細節(jié)的完美不代表整個頁面的視覺完美。如果不是專業(yè)的設(shè)計師，我們怎么去看整體就算達到標準？這里提幾條。

不是專業(yè)的設(shè)計師，我們怎么判斷視覺的好壞？

（1）顏色的對比

從視覺美感上來看，顏色的對比和調(diào)和是設(shè)計好壞的重要標準。如果都是重點，你會覺得頁面難看，信息量太大，內(nèi)心就會產(chǎn)生抵觸。

對于顏色來講，什么是調(diào)和，什么是對比，怎么來看整體顏色的好壞。這里介紹一個 “孟塞爾色彩體系”，它把顏色分成三個緯度，明度、純度和色相，這也是Photoshop里常用的三種調(diào)節(jié)顏色的方法。

明度指的是亮度，亮的就是白，暗的就是黑，從白到黑這個灰調(diào)的明暗對比。

純度指的是從灰一直到純色之間有一個過渡，越純的顏色會越鮮艷，越不純的顏色會越灰。

色相指的是具體的顏色，紅色、綠色、藍色、黃色，色相會形成一個環(huán)。因為孟塞爾色彩體系是立體的，從橫剖面來說是一個色環(huán)，從縱切面來看是明度，橫向是純度。

怎么叫調(diào)和，讓頁面看起來協(xié)調(diào)？所有所謂高大上的頁面都具有協(xié)調(diào)的元素，這是本身人類視覺系統(tǒng)導(dǎo)致的。這三個元素里只要有一個元素統(tǒng)一，就可以讓整個頁面看起來協(xié)調(diào)。什么叫統(tǒng)一呢？比如說在某一個純度下面，讓這個頁面所有的純度都在這上面，其他色相怎么變明度就怎么變。大家就會覺得這個頁面很協(xié)調(diào)。我們要記住，不能讓整個頁面所有的三要素都是調(diào)和的，這樣就會失去重點，整個頁面沒有重心感，我們還需要至少有一個元素有對比的，來突出的重點。

（2）信息傳達

像京東有一個黃藍對比的一折的小圖標，可以從色相上看到，黃藍是在色相這個圈里面是呈180對立的，這個叫絕對的對比色，這種對比色出現(xiàn)會有強烈的對比，就會讓人的視覺更容易關(guān)注它。但如果這個面積過大，或者過多的話，就會讓人產(chǎn)生抵觸心理，覺得會過于躁動。這是一種方式方法。

很多設(shè)計師會說你身上的顏色不能超過三種，控制在三種顏色之內(nèi)，犯錯的機率會很低，這三個色彩要素里總會有一個是相對于協(xié)調(diào)的。實際上很多設(shè)計大師，在他們的服裝里邊顏色出現(xiàn)地非常多，那是因為他們能夠控制住這種顏色。