電商必學(xué):善用視覺營銷法床佳,讓店鋪下單率提高100倍

讀完本文你可以得到這些問題的答案:

1.視覺營銷的核心是什么?

2.做好視覺營銷榄审,需要策劃好哪些要素砌们?

3.京東、天貓、唯品會的視覺營銷策略有何絕妙之處浪感?

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

視覺是極具目的性的,不只是為了漂亮捐名。所以旦万,我認(rèn)為視覺營銷的核心是傳達(dá)信息。

梵高的作品之所以好也是因?yàn)樗麄鬟_(dá)了某種信息镶蹋。有一個英劇叫《神秘博士》成艘,里邊對梵高的評價就非常到位。很多人會用藝術(shù)品繪畫去表現(xiàn)痛苦贺归,而梵高在痛苦中表現(xiàn)無盡的激情跟熱情淆两。所以他傳達(dá)的是一種能量和信息,這種信息才是感染你的地方拂酣。

所以視覺營銷的核心并不是簡單的一個美秋冰,而是信息的傳遞。信息傳達(dá)到位自然就會有美感踱葛。所謂的純美感,在整個視覺營銷體系中不足30%光坝。

網(wǎng)絡(luò)營銷有時候沒有實(shí)體店尸诽,網(wǎng)站就成了著陸點(diǎn),同時盯另,網(wǎng)站也是宣傳的著陸點(diǎn)性含,在網(wǎng)站上引導(dǎo)用戶消費(fèi)。這個就是網(wǎng)絡(luò)時代網(wǎng)站的作用鸳惯。

時間商蕴、信息、審美芝发、細(xì)節(jié)绪商,這四點(diǎn)是相互制約的,而我們主要的工作是權(quán)衡這4項(xiàng)辅鲸。

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

所以决采,我們需要在工作中去權(quán)衡哪一項(xiàng)更重要自沧。因?yàn)椴煌臅r間點(diǎn),不同的項(xiàng)目树瞭,不同的內(nèi)容側(cè)重點(diǎn)都不一樣拇厢。

重要程度排序:第一,時間移迫。

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

1.為什么時間的重要程度會排在第一荡陷?

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

這是幾年前日本的地震的信息,騰訊的彈窗大概只需要十分鐘就有準(zhǔn)確的信息狂秘。信息傳遞的速度從12個小時就變成了10分鐘骇径。

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

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

所以浇坐,這里面會不可避免的產(chǎn)生矛盾睬捶,因?yàn)樗俣仍娇欤渌笜?biāo)有可能會下降近刘,所以我們要去權(quán)衡擒贸。

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

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

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

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

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

這個是我之前跟進(jìn)過的一個專題頁面剩失,這是一個內(nèi)頁相對簡單。在內(nèi)頁里邊中間畫紅框的位置蛤织,只是文字的排版赴叹。可以看一下其中一條條所需要的圖層就是右邊整個這么多層指蚜。而這些層都是需要設(shè)計(jì)師一層一層地調(diào)整顏色乞巧,繪制圖形,然后找素材拼接摊鸡。

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

2.節(jié)省時間疙教,有哪些技巧?

扁平化的設(shè)計(jì)可以大量地節(jié)省改版時間伞租,很容易被大眾接受贞谓。實(shí)際多彩的扁平化設(shè)計(jì)也可以在整個設(shè)計(jì)跟制作過程當(dāng)中節(jié)省時間,這是一個比較好的方法葵诈。高質(zhì)量的頁面需要充足的時間裸弦,一定要做好提前準(zhǔn)備祟同,信息同步也非常重要的,可以提高速度理疙。

重要程度排序:第二晕城,信息

一個4A公司的創(chuàng)始人雷斯克說過:“好的文案就可以賣出商品,我們不需要任何其他的東西窖贤」愠剑”藝術(shù)指導(dǎo)最早是不存在的,因?yàn)樗J(rèn)為只要信息傳達(dá)到位主之,就可以解決一切問題择吊。可見當(dāng)時大家對信息的傳達(dá)多么重視槽奕。

1.信息嘈雜的時代几睛,如何保證信息可以快速傳達(dá)給用戶?

通過我的工作經(jīng)驗(yàn)粤攒,我總結(jié)了這三件事:看得懂所森、吸引人、看得完夯接。

我們首先要寫讓人能看懂的東西焕济,這是最重要的,否則就別提信息傳達(dá)了盔几。

第二點(diǎn)是要吸引人晴弃,不止是文案,視覺的元素也是要讓人能看懂的逊拍,讓人有興趣把東西看完上鞠。

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

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

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

最后,傳達(dá)對市場有益的信息折晦。有的人為了個人KPI钥星,彰顯自己的技術(shù)、創(chuàng)意满着、能力谦炒,經(jīng)常會傳達(dá)出很多無益信息。

這里面风喇,我們要問自己3個問題宁改。我們從哪里來,我們是誰魂莫,我們到哪里去还蹲。這三個問題可以解決很多事情。

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

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

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

所以在這種情況下视译,我們針對于這群用戶就要用“子曾經(jīng)曰過”這個提法嬉荆,用這個標(biāo)題更能引起用戶的共鳴,因?yàn)槟阏f了他聽得懂的話酷含。這就是為什么要去了解用戶鄙早,說他們聽得懂的話汪茧。

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

把用戶引導(dǎo)到官網(wǎng)上限番,終極目的是讓用戶進(jìn)行消費(fèi)舱污。

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

以流量為目標(biāo)的網(wǎng)站的關(guān)鍵詞是粘稠珠插,要看用戶能夠在一個網(wǎng)站上待多長時間。流量型的網(wǎng)站就一定會有無數(shù)個頁面颖对,用戶進(jìn)入網(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ù)不一樣缠局,所以我們要明白讓用戶去做什么。現(xiàn)在比較更多的網(wǎng)站是平臺型電商考润,這種復(fù)合型網(wǎng)站一定需要明白每個頁面的作用狭园,確定頁面?zhèn)鬟_(dá)出什么信息。

比如說做游戲的終極目標(biāo)是給游戲充錢糊治,你要實(shí)現(xiàn)這個目標(biāo)就需要用戶進(jìn)入游戲唱矛,然后充錢,這就分成了兩塊∫锴可能一部分需要穩(wěn)定的用戶在線數(shù)量管闷,一部分要求有新的人能夠進(jìn)入。每一塊實(shí)際上目的不盡相的燥滑,網(wǎng)站類型也不同,目標(biāo)也不同阿逃,但你一定要明確當(dāng)前頁面要滿足什么事铭拧,然后把這件事做明白。

這需要大家對自己所在行業(yè)的商業(yè)模型恃锉,用戶的模型進(jìn)行深入研究搀菩。

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

馬斯洛需求體系包括溫飽、安全破托、歸屬肪跋、尊嚴(yán)、自我價值實(shí)現(xiàn)這幾個方面土砂。當(dāng)下一層滿足之后州既,他又會對上一層開始有欲望的需求,而且上一層的欲望需求一定高于下一層的欲望需求萝映。

視覺營銷該如何滿足這些需求呢吴叶?很多時候,大家會看到第一層的利益需求序臂,但是不是只停留在這個層面呢蚌卤?

(1)利益的需求

這是京東官網(wǎng)的首頁。它通過顏色黃藍(lán)的強(qiáng)烈對比奥秆,在紅色體系下最突出的是一折起⊙放恚現(xiàn)在標(biāo)紅的位置全都是在突出類似于免費(fèi)、打折构订、減價等信息侮叮。這是非常常規(guī)的一種手段。

(2)安全感

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

這也是一個京東的頁面。這個頁面最下面有很多文字,列表圆到,支付方式怎抛、配貨方式等等,這是給安全感的東西芽淡。但實(shí)際給用戶的安全感并不強(qiáng)马绝,因?yàn)橐曈X上沒有突出強(qiáng)調(diào)。

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

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

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

(3)歸屬感

安全感的吸引性是一種相對淺淡的吸引性核蘸,沒有強(qiáng)烈的吸引性巍糯。如果你滿足了他,再用利益吸引他客扎,可能效果更好祟峦。更高一個層次就是歸屬感。

這個例子是一個代言人產(chǎn)生的歸屬感徙鱼。天貓的一個賣奶粉的廣告宅楞,背景是淺藍(lán)色针姿,大標(biāo)題是一個相對深一點(diǎn)的藍(lán)綠色,并不是很突出厌衙。

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

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

(4)尊嚴(yán)家肯、自我價值實(shí)現(xiàn)

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

最后來總結(jié)一下换棚。

第一、傳達(dá)出明確的信息反镇,可以通過小字固蚤、流程圖來補(bǔ)充說明,通過字的大小明顯地區(qū)分誰重要誰次要歹茶。有吸引力的文字夕玩、圖片和要素要占據(jù)主要位置。

第二惊豺、明確每個頁面的作用燎孟。明確傳達(dá)的信息是不是對的。

第三尸昧、標(biāo)題一定要小于12個字揩页,超過12個字,用戶就會不感興趣烹俗,這是一個很明確的經(jīng)驗(yàn)爆侣。

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

什么樣的設(shè)計(jì)算好設(shè)計(jì)?

每個人有每個人的審美幢妄。但作為視覺營銷來講兔仰,我們要去找出一個大體的方向,讓這個東西有一個標(biāo)準(zhǔn)去審核蕉鸳。

這有兩張圖片斋陪,大家更希望在哪個店面里去購物?有一半人會選擇在左邊這個看起來很高檔的店面,一半人會選擇在右邊這個看起來比較LOW的店面无虚。因?yàn)楹芏嗳藭J(rèn)為左邊這個店面我無法購買的缔赠,這是一個LV的店面,右邊這個是很一般的店面友题。大家可以想一下嗤堰,大家真的是因?yàn)榈昝娴难b修會選擇右邊嗎?

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

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

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

大家經(jīng)常會摳細(xì)節(jié)匀们,按鈕是在左還是在右缴淋。其實(shí)原因非常簡單,因?yàn)槲覀冏畛J褂玫腤indows系統(tǒng)的關(guān)閉按鈕是在右上角泄朴。但它是在交互里面最科學(xué)的嗎重抖?蘋果的按鈕全部是在左上角,因?yàn)樽笊辖歉菀妆挥^察到祖灰。你也可以設(shè)計(jì)在右下角钟沛,更容易鼠標(biāo)操作,因?yàn)樵谡G闆r下局扶,右手使用恨统,鼠標(biāo)一般習(xí)慣性會在屏幕的右下方晃動叁扫。但是Windows的普及培養(yǎng)了你的使用習(xí)慣。這么說畜埋,蘋果的交互做得是非常好的莫绣。

從某種理念上講,用戶在任何一個界面的任何目標(biāo)悠鞍,應(yīng)該在三步操作內(nèi)就可以達(dá)到对室,這是一個很理想的狀態(tài)。蘋果也是按照這種方面來實(shí)行的咖祭,盡量讓用戶少去按按鈕掩宜,少回答問題。

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

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

這個并不是抄襲桦沉,因?yàn)槊恳粋€設(shè)計(jì)都不是憑空誕生的。在這種大方向下金闽,必須要順潮流而行纯露。包括蘋果,像微軟代芜,它們也都是按照前人所走過的路不停往前探索埠褪。

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

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

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

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

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

4.一屏最多只能有3個重點(diǎn)窟哺,當(dāng)你的信息量太大的時候,用戶本身會產(chǎn)生抵觸心理技肩。

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

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

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

有的時候我們會覺得我是一個完美主義者,一定要把頁面的每一個細(xì)節(jié)都摳完虑凛。這時候會出現(xiàn)一個問題碑宴,所有細(xì)節(jié)的完美不代表整個頁面的視覺完美。如果不是專業(yè)的設(shè)計(jì)師桑谍,我們怎么去看整體就算達(dá)到標(biāo)準(zhǔn)延柠?這里提幾條。

不是專業(yè)的設(shè)計(jì)師锣披,我們怎么判斷視覺的好壞贞间?

(1)顏色的對比

從視覺美感上來看,顏色的對比和調(diào)和是設(shè)計(jì)好壞的重要標(biāo)準(zhǔn)雹仿。如果都是重點(diǎn)增热,你會覺得頁面難看,信息量太大盅粪,內(nèi)心就會產(chǎn)生抵觸钓葫。

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

明度指的是亮度芹务,最亮的就是白,最暗的就是黑鸭廷,從白到黑這個灰調(diào)的明暗對比枣抱。

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

色相指的是具體的顏色,紅色讼载、綠色轿秧、藍(lán)色、黃色咨堤,色相會形成一個環(huán)菇篡。因?yàn)槊先麪柹鼠w系是立體的,從橫剖面來說是一個色環(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)和的孝鹊,這樣就會失去重點(diǎn),整個頁面沒有重心感展蒂,我們還需要至少有一個元素有對比的又活,來突出的重點(diǎn)苔咪。

(2)信息傳達(dá)

像京東有一個黃藍(lán)對比的一折的小圖標(biāo),可以從色相上看到柳骄,黃藍(lán)是在色相這個圈里面是呈180對立的团赏,這個叫絕對的對比色,這種對比色出現(xiàn)會有強(qiáng)烈的對比耐薯,就會讓人的視覺更容易關(guān)注它舔清。但如果這個面積過大,或者過多的話曲初,就會讓人產(chǎn)生抵觸心理体谒,覺得會過于躁動。這是一種方式方法臼婆。

很多設(shè)計(jì)師會說你身上的顏色不能超過三種营密,控制在三種顏色之內(nèi),犯錯的機(jī)率會很低目锭,這三個色彩要素里總會有一個是相對于協(xié)調(diào)的评汰。實(shí)際上很多設(shè)計(jì)大師,在他們的服裝里邊顏色出現(xiàn)地非常多痢虹,那是因?yàn)樗麄兡軌蚩刂谱∵@種顏色被去。

導(dǎo)師:魏慎初,原完美世界網(wǎng)站總監(jiān)奖唯,現(xiàn)任車易拍O2O平臺首席UED

來源:微信公眾號 饅頭商學(xué)院

本文由@饅頭商學(xué)院 授權(quán)APP干貨鋪?zhàn)愚D(zhuǎn)載發(fā)布惨缆,未經(jīng)原作者同意,請勿轉(zhuǎn)載丰捷。


點(diǎn)擊藍(lán)色字體獲取免費(fèi)營銷資源

點(diǎn)擊藍(lán)色字體獲取免費(fèi)ASO方案

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末坯墨,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子病往,更是在濱河造成了極大的恐慌捣染,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,311評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件停巷,死亡現(xiàn)場離奇詭異耍攘,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)畔勤,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,339評論 2 382
  • 文/潘曉璐 我一進(jìn)店門蕾各,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人庆揪,你說我怎么就攤上這事式曲。” “怎么了缸榛?”我有些...
    開封第一講書人閱讀 152,671評論 0 342
  • 文/不壞的土叔 我叫張陵吝羞,是天一觀的道長始鱼。 經(jīng)常有香客問我,道長脆贵,這世上最難降的妖魔是什么医清? 我笑而不...
    開封第一講書人閱讀 55,252評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮卖氨,結(jié)果婚禮上会烙,老公的妹妹穿的比我還像新娘。我一直安慰自己筒捺,他們只是感情好柏腻,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,253評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著系吭,像睡著了一般五嫂。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上肯尺,一...
    開封第一講書人閱讀 49,031評論 1 285
  • 那天沃缘,我揣著相機(jī)與錄音,去河邊找鬼则吟。 笑死槐臀,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的氓仲。 我是一名探鬼主播水慨,決...
    沈念sama閱讀 38,340評論 3 399
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼敬扛!你這毒婦竟也來了晰洒?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 36,973評論 0 259
  • 序言:老撾萬榮一對情侶失蹤啥箭,失蹤者是張志新(化名)和其女友劉穎谍珊,沒想到半個月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體捉蚤,經(jīng)...
    沈念sama閱讀 43,466評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡抬驴,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,937評論 2 323
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了缆巧。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,039評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡豌拙,死狀恐怖陕悬,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情按傅,我是刑警寧澤捉超,帶...
    沈念sama閱讀 33,701評論 4 323
  • 正文 年R本政府宣布胧卤,位于F島的核電站,受9級特大地震影響拼岳,放射性物質(zhì)發(fā)生泄漏枝誊。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,254評論 3 307
  • 文/蒙蒙 一惜纸、第九天 我趴在偏房一處隱蔽的房頂上張望叶撒。 院中可真熱鬧,春花似錦耐版、人聲如沸祠够。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,259評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽古瓤。三九已至,卻和暖如春腺阳,著一層夾襖步出監(jiān)牢的瞬間睡榆,已是汗流浹背吩案。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人奖蔓。 一個月前我還...
    沈念sama閱讀 45,497評論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像钥弯,于是被迫代替她去往敵國和親宪彩。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,786評論 2 345

推薦閱讀更多精彩內(nèi)容

  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 171,506評論 25 707
  • 《用戶體驗(yàn)要素》 第一章 用戶體驗(yàn)為什么如此重要 什么是用戶體驗(yàn)?zāi)?用戶體驗(yàn)并不是指...
    白夜不行閱讀 1,192評論 0 9
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案主届? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,728評論 1 92
  • 人生其實(shí)三百年(25)----歲月是一段曾經(jīng) 曾經(jīng) 一年一年的寫下每一年赵哲, 又, 一天一天的寫下每一天君丁。 細(xì)細(xì)品味...
    東原郡人閱讀 95評論 0 1
  • 他和她在不同的城市他們是老同學(xué)分隔多年了有一天他突然打電話給她:路過你的城市順便看看你她說:好我為你接風(fēng)做你的導(dǎo)游...
    夏文素閱讀 283評論 0 0