在流廣告中，著陸頁的角色實際上就像超級推銷員。

用戶進(jìn)入登錄頁面后，“銷售員”將開始向客戶介紹產(chǎn)品功能和賣點。當(dāng)用戶看到關(guān)注點時，被吸引，進(jìn)一步說服… …會覺得“這就是我想要的”，然后下訂單，付款。

但是，大多數(shù)情況下，廣告客戶會對銷售人員進(jìn)行過度打包，總是試圖展示他想要向潛在客戶展示的大腦，導(dǎo)致頁面上出現(xiàn)太多賣點，這會讓用戶感到壓抑并驅(qū)使用戶離開。

從設(shè)計角度來看，這個問題實際上可以通過樓層到頁面布局進(jìn)行優(yōu)化。

通過高質(zhì)量排版，內(nèi)容可以更有節(jié)奏地展示，從而促進(jìn)廣告在更有效的方向發(fā)展，這也是很多賣點。今天，我們將通過消隱，圖表率和圖片選擇這三個方面來討論你：如何安排（包）版本（安裝）是正確的。

過度堆疊的賣點等于沒有賣點

在我看到的所有著陸頁設(shè)計中，“擠壓”是一個常見問題。擠壓最直接的問題是用戶視力的壓力，導(dǎo)致用戶被迫離開登陸頁面。

要解決這個問題，我們需要了解

留空。

大多數(shù)人都有誤會，認(rèn)為空白=空白=沒有設(shè)計。這是對空白本身缺乏了解的誤解。

就像文字和圖片的設(shè)計一樣，消隱本身也是設(shè)計能力的反映。正確的消隱使得頁面更加標(biāo)準(zhǔn)化，并且放置在白色空間中間的元素比放置在元素中的元素更具吸引力。例如這個頁面：

在這個頁面上只有：品牌，口號，元素，標(biāo)志。但重點一目了然。

（PS：空格不一定是“白色”，而是空白。）

在一個好的設(shè)計中，剩下的所有白色都是“有目的的白色空間”，這是一個空間組合，具有控制頁面的明確目的。

目的1.減輕頁面閱讀負(fù)擔(dān)并獲得良好的用戶體驗

許多廣告登陸頁面的熱區(qū)地圖顯示大多數(shù)用戶的注意力僅停留在第一個屏幕上，并且讀數(shù)很少。這為優(yōu)化器或設(shè)計者提供了誤導(dǎo)性視圖，因為用戶只關(guān)注第一個屏幕。然后，我們將在第一個屏幕上放置更多廣告信息。

然而，正是這種無限制的添加使得頁面包含太多內(nèi)容，因此用戶感覺頁面狹窄，壓力很大，甚至第一個屏幕的內(nèi)容在他甚至有時間看之前都會閃現(xiàn)。 。

所以我們不能簡單地認(rèn)為太多元素是好東西，但適當(dāng)?shù)目瞻卓梢允鬼撁娓鼘挸?，視線更寬，白度用于減少頁面上的壓力，這使得它用戶更容易吸收我們想要傳遞的內(nèi)容。信息。

例如，下圖僅使用簡單的基本地圖和口號，但表達(dá)的焦點非常清晰。

另一個例子是以下頁面：

天空的大面積實際上是一片空白。設(shè)計師沒有填滿整個屏幕，而是把主要內(nèi)容放在中間位置，這是白板上的品牌“華為天際線”，“白板”（￥9.9），兩個白板實際上是一個線，中間是斷開的，充滿了最吸引人的用戶的口號，用戶的注意力自然會留在這個位置“l(fā)dquo;傳出的互聯(lián)網(wǎng)訪問只需要“，然后自然地沿著”9.9“讀取。

目標(biāo)2.突出顯示關(guān)鍵元素，以便一目了然地看到焦點

MUJI的藝術(shù)總監(jiān)，他的書《白》中的前研究員1說，“設(shè)計包含對差異的控制。重復(fù)相同的工作使我明白，限制這些差異并保留那些最重要的差異很重要?！?/p>

使用空格限制頁面元素并突出顯示頁面的主要內(nèi)容是最簡單，最自然的表達(dá)方式。

換句話說，空白區(qū)域是一種有效的規(guī)則，它允許用戶通過減少頁面元素和顏色混亂來快速專注于產(chǎn)品本身。

該方法廣泛用于電子商務(wù)類的移動頁面。實際上，信息流廣告的登陸頁面也可以用于以這種方式突出焦點，而不是由習(xí)慣元素構(gòu)成。

例如，下圖：

左側(cè)只有一個產(chǎn)品，右側(cè)只有一個簡單的介紹。這種消隱允許用戶第一眼就能注意到產(chǎn)品。

請看下面的圖片：

這是一個左右填充的火鍋圖片。它充滿了調(diào)味料。中間有很多文案。它已經(jīng)擁擠了，空白處充滿了兩片祥云。它幾乎是一個沒有任何空間的頁面。任何進(jìn)入此頁面的人都無法理解本頁面的主題。

與前面的圖片相比，一個是焦點，另一個是焦點：消隱的好處是清晰可見的。

目標(biāo)3.區(qū)分和分組頁面元素以使頁面內(nèi)容更符合邏輯

消隱可以加強(qiáng)或削弱元素和元素之間的屏障。

例如，正常的內(nèi)容行間距是1.5倍，段落和標(biāo)題之間的行間距應(yīng)該是2; 2.5;甚至更寬，使用分區(qū)來創(chuàng)建分區(qū)和連接，這可以使頁面邏輯和組更清晰。

例如，在表單項和表單項之間，按鈕和按鈕之間以及段落和段落之間，需要區(qū)分的相關(guān)元素可以通過使用空白方式輕松地創(chuàng)建視覺識別。給用戶一個干凈整潔的感覺。

目標(biāo)4.使頁面更有節(jié)奏。

在著陸頁的設(shè)計中必須有一種節(jié)奏感，這是我一直強(qiáng)調(diào)的。

消隱可以給頁面帶來輕微和沉重的變化，還可以營造出不同的視覺氛圍。通過以不同方式更改布局，您可以生成我們需要的各種效果。

如下圖所示：

使用左右邊距，段落之間的空白區(qū)域，頂部為白色或底部為白色，以創(chuàng)建不同的視覺效果。

沒有好的材料如何制作登陸頁面？

在說完空白后，我們不得不提到另一個對著陸頁設(shè)計的誤解。這也是業(yè)界慣常的慣例：著陸頁的第一個屏幕必須是圖片。

實際上，大多數(shù)著陸頁都是“詳細(xì)的”。開放是有原因的。畢竟，圖像比文本更容易掌握用戶的注意力，圖像放在頂部，內(nèi)容放在下面，整個頁面設(shè)計更容易平衡，避免新手的頭部太輕，由于控制力弱，也符合信息流登陸頁面的設(shè)計習(xí)慣。

然而，好處是基于你有一個良好的圖片的事實。

當(dāng)你沒有合適的圖片時，可以強(qiáng)化圖片，但會分散用戶對副本的注意力，這是不值得的。

所以我該怎么做？在沒有合適的材料的情況下，是否放置了第一個屏幕？

讓我們從一個概念開始：

平板率

頁面上圖像的比例稱為圖表率。

通常，降低圖表速率（減少圖像內(nèi)容）可以提供干凈，高級的感覺;

提高圖表速率（更多圖像內(nèi)容）將使圖片更具吸引力。

登錄頁面用作信息流的頁面。在大多數(shù)情況下，我們希望感染用戶，因此我們需要高版本率。這將形成我們所說的開端。大多數(shù)著陸頁都是基于打開圖片的做法。它也形成了一個沒有好照片的習(xí)慣，設(shè)計師必須拍照。

實際上，以這種難以適應(yīng)的方式，圖片素材不能很好地協(xié)助文案。相反，它將與我們希望用戶關(guān)注用戶有限注意力的撰稿人競爭。顯然它是有害的，無利可圖的。

那么如果沒有合適的圖片資料怎么辦？在這種情況下，我們可以使用顏色塊，元素，字體和特殊效果的變化來偽造高圖像速率的效果。

方法1.使用模擬真實場景的材質(zhì)而不是一般材質(zhì)

例如，可以使用諸如桌面，手，電影票，書紙，優(yōu)惠券，票據(jù)等的模擬效果來使界面更友好并減少空虛感。

如下圖所示，如果只有中間內(nèi)容，那么這是一個簡單的個人介紹：

但是如果你使用真正的桌面來托管桌面，它將使整個設(shè)計看起來很薄：

我們來看看下面的著陸屏幕的設(shè)計：

在一定樓層廣告的樓層屏幕上，一般來說，樓層賣家常用的廣告材料是樓層裝飾效果圖，但這顯然與樓層賣家的推廣活動情況不符。我現(xiàn)在該怎么辦？

設(shè)計師利用實木效果（適合地板的廣告主題）和字體更改，并將副本制作成“圖片”，并使用材料庫中非常常見的材料來創(chuàng)建“抓取” “”效果——由真實元素組合創(chuàng)建的這個真實場景可以彌補(bǔ)沒有“適當(dāng)?shù)牟牧蠄D”的問題。

方法2，使用顏色塊，幾何元素和其他元素，輔以特殊字體來改變布局，特效等。

事實上，在木地板的頁面中，我們已經(jīng)看到了字體變化帶來的偽高圖率效應(yīng)。同樣，我們也可以使用幾何形狀和顏色塊變化來實現(xiàn)這種效果。

例如，下圖：

此頁面的頁面速率不高，但通過顏色，陰影和圓角的合理組合，整個畫面看起來并不單調(diào)。實現(xiàn)與圖像狀態(tài)相同的效果，即刺激用戶的視覺。

讓我們來看一個真實案例：

OPPO的這個頁面的第一個屏幕，通過使用顏色，顏色的變化，輔以線條和框架，背景顏色等，在沒有圖片素材的情況下，使頁面仍然十分生動。

圖像如何不影響效果？

如上所述，第一個屏幕不必放圖片，可以使用色塊，字體變化等來偽造高圖片率。

然后問題來了。當(dāng)客戶提供材料時，我們是否直接使用材料圖？或者我們使用偽高圖像速率效應(yīng)？

以下是每個人的前兩個屏幕篩選原則：

這張照片可以增強(qiáng)口號的氣氛嗎？

2.看看圖片是否會引起口號的注意？

具體邏輯如下圖所示。通常，可以根據(jù)此規(guī)則執(zhí)行第一屏幕圖像的設(shè)計思想：

著陸頁的主要部分還涉及圖片和文本的布局。在許多情況下，我們將采取相關(guān)圖片文本的形式并排。通常，糾結(jié)的是圖片放在文本的左側(cè)？還是在右邊？

答案是基于視覺重心，即左右;也就是說，當(dāng)涉及左右排版時，重要內(nèi)容需要放在左側(cè)。具體如下圖所示：

1原創(chuàng)研究:(肯尼亞哈拉），1958年6月11日出生于日本，日本中生代國際平面設(shè)計大師，日本設(shè)計中心代表，武藏野美術(shù)大學(xué)教授，MUJI藝術(shù)總監(jiān)。

« 網(wǎng)易回應(yīng)“網(wǎng)易薄荷直播停止”的原因：主要是因為表現(xiàn)達(dá)不到標(biāo)準(zhǔn) | 軍事網(wǎng)上購物標(biāo)準(zhǔn)將于5月實施：不涉及軍事機(jī)密 »