在一個信息流廣告中,落地頁的角色,其實就像是一個超級(ji)銷售員(yuan)。
用(yong)戶(hu)進入落地頁之后,這(zhe)個“銷售(shou)員”就(jiu)會(hui)開(kai)始給客戶(hu)介紹產品的特色(se)、賣點(dian)等。當用(yong)戶(hu)看到自己關心(xin)的點(dian),被吸(xi)引(yin),進一步被說服……就(jiu)會(hui)覺得“這(zhe)就(jiu)是我想要的” ,然后下單、付款。
然而大部分時候,廣告主都會對這個(ge)銷(xiao)售(shou)員過(guo)度包裝,總是試圖把想說的一股腦的展示給潛在客戶,導致頁面中賣點堆砌太多,令(ling)用戶有壓迫感,反而把用戶趕跑了。
站在設計的角度,這種問題其(qi)實可以通過落地頁排版來(lai)優化。
同樣是那么多賣點,通過(guo)優質的(de)(de)排版(ban),可(ke)以讓內容展示的(de)(de)更有節奏感,促成廣告朝更有效(xiao)的(de)(de)方向發(fa)展。今天,我們將通過留白(bai)、圖版率及圖片的挑選三個方(fang)面,跟大(da)家講一下(xia):怎么排(包(bao))版(ban)(裝(zhuang))才算是(shi)恰(qia)到好處。
在我看到的(de)所有落(luo)地(di)頁設計中,“擠”是個通病(bing)。擠帶來的(de)最直接的(de)問題就是對(dui)用戶視覺造(zao)成壓(ya)迫感,使得用戶被迫離開落(luo)地(di)頁。
想要(yao)解決這個問題,我(wo)們就需要(yao)了解
留白。
大多數(shu)人有(you)個誤區,認為留白=空白=沒設計。這是對(dui)留白本身不了解(jie)而造成的(de)錯誤概念(nian)。
和文字、圖片的設計一樣(yang),留(liu)白(bai)本身也是設計能(neng)力的一種體現(xian)。正確(que)的留(liu)白(bai)可以(yi)讓(rang)頁(ye)面(mian)更規范(fan),且放(fang)置在留(liu)白(bai)中(zhong)間的元素(su),比起(qi)放(fang)置在元素(su)中(zhong)的元素(su),更吸(xi)引目光。比如這個頁(ye)面(mian):
這個頁(ye)面上只有:品牌、slogan、元素、logo。但是重點(dian)一目了然。
(PS:留白不一定是“白色”的,而是空白。)
??在好的(de)(de)設(she)計中,所有留的(de)(de)白都是“有目的(de)(de)的(de)(de)留白”,是帶(dai)有明確(que)的(de)(de)目的(de)(de)來(lai)控制頁面的(de)(de)空間(jian)構成。
不少廣(guang)告(gao)(gao)落地頁的熱區圖顯(xian)示,大部分用戶(hu)的注意力僅停留在首(shou)(shou)屏,往(wang)下(xia)閱讀的很少,這就(jiu)給了優化師或者(zhe)設計師一個誤導(dao),認(ren)為,既然用戶(hu)只(zhi)關注首(shou)(shou)屏,那么我們就(jiu)在首(shou)(shou)屏多(duo)放點廣(guang)告(gao)(gao)信息。
然而(er)正是這(zhe)種(zhong)無(wu)節制的添加,令頁(ye)面中包含了太多的內容,以致給用戶一種(zhong)頁(ye)面狹窄的感覺(jue)、壓(ya)迫(po)感強烈(lie),甚至連首屏(ping)的內容是啥還沒來得及(ji)看(kan)就閃(shan)退(tui)了。
所以我們不能單純的認為,元素太多是好事,反而適(shi)當的留白能(neng)使(shi)頁(ye)面(mian)的空間感(gan)更(geng)強,視(shi)線更(geng)開闊,通過留白來減輕頁面的壓迫感,可以使(shi)用戶更容(rong)易吸收我們試圖傳遞的信息。
比(bi)如下圖,只用了一個(ge)簡單(dan)的(de)(de)底圖和一句slogan,反而(er)讓表達的(de)(de)重點(dian)十分清晰(xi)。
再(zai)比如(ru)下面(mian)這(zhe)個頁面(mian):
大面積的天空,其實就是留白(bai)。設計者沒有填滿整個畫面,只是在中間位置放置了主要內容,分別是白板上的品牌“華為天際通”、白板上的“¥9.9”,而兩個白板,實際上是一條線,中間被斷開,用最吸引用戶的slogan填補,用戶(hu)的(de)注意力自然會停留這個位置中的(de)“出境上網(wang)每天僅(jin)需(xu)”,然后自然的(de)順著讀下(xia)去“¥9.9”。