白色空間，也稱為空白或負(fù)空間，表示不同設(shè)計(jì)元素之間的區(qū)域。從行距和字母間距到文本和圖像周圍的空間，再到邊距和裝訂線，無(wú)所不包。

　　乍一看，留白是一種非常簡(jiǎn)單的設(shè)計(jì)技巧，以至于許多人可能會(huì)低估它。然而如此強(qiáng)大，它本身就可以通過(guò)將用戶的注意力吸引到某些焦點(diǎn)來(lái)提高您網(wǎng)站的轉(zhuǎn)換率。

　　這種技術(shù)為網(wǎng)頁(yè)上的每個(gè)圖形元素提供了“喘息的空間”。因此，元素可以有自己的視覺(jué)焦點(diǎn)。

　　它不一定是白色或空白，它可以是任何顏色、圖案、背景圖像甚至是背景視頻——只要它將用戶的注意力引導(dǎo)到您喜歡的號(hào)召性用語(yǔ)(CTA)上。

　　研究證實(shí)：留白有助于提高轉(zhuǎn)化率

　　一些客戶認(rèn)為空白是不必要的，并喜歡用額外的信息填充它。因此，過(guò)多的信息可能會(huì)造成認(rèn)知超載。

　　相反，在頁(yè)面上留一些空氣有助于避免注意力泄漏并增加您首-選CTA的可見(jiàn)性。這就是為什么。

　　注意力范圍并沒(méi)有縮小，而是變得更有選擇性。

　　分別地，在頁(yè)面上有清晰的導(dǎo)航是非常有益的。調(diào)整您的布局，以便CTA按鈕可以充分利用負(fù)空間。

　　威奇托州立大學(xué)進(jìn)行的另一項(xiàng)研究證實(shí)，增加空白可以提高可讀性并專注于CTA。這兩個(gè)方面都與更高的轉(zhuǎn)化率直接相關(guān)。

　　您的用戶更喜歡這兩種類型的空格

　　為了您的優(yōu)勢(shì)，您應(yīng)該考慮兩種類型的空白-微觀和宏觀。

　　微空白是文本行、段落和字母間距之間的空間。相比之下，宏觀空白是構(gòu)圖中主要元素之間的距離。它也指填充和邊距。

　　兩種類型相輔相成，同樣重要。通過(guò)增加行和段落之間的空間來(lái)為您的設(shè)計(jì)添加微空白可以提高可讀性、易讀性和理解性。

　　另一方面，宏空白可以幫助用戶的眼睛毫不費(fèi)力地掃描設(shè)計(jì)。它還使您的頁(yè)面看起來(lái)更加復(fù)雜和美觀。

　　蘋(píng)果、三星和登陸頁(yè)面的空白測(cè)試

　　讓我們看看智能手機(jī)行-業(yè)-最具影響力的品牌——蘋(píng)果、三星和是如何使用空白在其登陸頁(yè)面中傳遞主要信息的。

　　我們將使用AttentionInsight平臺(tái)來(lái)比較設(shè)計(jì)，以確定哪些關(guān)鍵對(duì)象最受關(guān)注。

　　就其主要信息所吸引的注意力而言，Apple絕-對(duì)是贏家。登陸頁(yè)面?zhèn)鬟_(dá)了一個(gè)清晰的信息，吸引了令人印象深刻的81%的關(guān)注度——比三星高2倍，比高4倍。

　　這種巨大的差異是由于蘋(píng)果似乎真的充分利用了空白——寬邊距、行間距。

　　最重要的是，主標(biāo)題和副標(biāo)題周圍沒(méi)有其他可能分散用戶注意力的對(duì)象或消息。

　　就連iPhone的圖像都被放置得如此精致，以至于幾乎不會(huì)被注意到，只會(huì)營(yíng)造出極簡(jiǎn)的感覺(jué)。經(jīng)典的蘋(píng)果，不是嗎？

　　然而，三星也使用了大量的空白，以背景圖像的形式，而不是蘋(píng)果登陸頁(yè)面中使用的空白。結(jié)果，由于缺乏對(duì)比度和視覺(jué)層次，對(duì)主要信息的關(guān)注度僅為38%。

　　如你所見(jiàn)，10%的注意力是由于人的形象而泄露的。此外，面部正朝向用戶。對(duì)于人物圖像，盡量讓眼睛朝您希望用戶看的方向看，例如標(biāo)題。這真的很重要。

　　如前所述，的主要信息吸引的關(guān)注度比蘋(píng)果少4倍。

　　可以清楚地看到，與其他頁(yè)面相比，登錄頁(yè)面的空白區(qū)域更少，尤其是在主要信息下方。即使對(duì)相機(jī)的關(guān)注（14%）被添加到設(shè)計(jì)師的目標(biāo)中，差異仍然非常顯著。

　　造成這種情況的主要原因是登錄頁(yè)面中包含過(guò)多的對(duì)象、部分和消息。將用戶的注意力平等地分散到所有部分可能是一個(gè)目標(biāo)。

　　但是，很明顯，這次著陸沒(méi)有立即引起注意的CTA。相反，用戶的注意力正在從一個(gè)項(xiàng)目轉(zhuǎn)移到另一個(gè)項(xiàng)目，沒(méi)有特定的最終目標(biāo)。

　　結(jié)論

　　盡管對(duì)某些人來(lái)說(shuō)它可能看起來(lái)是空的和不必要的，但空白是一個(gè)非常有價(jià)值和強(qiáng)大的工具。

　　您可以使用微空格來(lái)提高理解力，使用宏空格來(lái)強(qiáng)調(diào)CTA并提高轉(zhuǎn)化率。

　　優(yōu)先考慮空白和您的內(nèi)容之間的平衡，這樣您就可以將用戶的注意力引導(dǎo)到您的號(hào)召性用語(yǔ)并增加轉(zhuǎn)化率。