網(wǎng)頁設計永遠不要低估空白的重要性

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

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

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

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

　　研究證實：留白有助于提高轉化率

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

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

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

　　分別地，在頁面上有清晰的導航是非常有益的。調整您的布局，以便CTA按鈕可以充分利用負空間。

　　威奇托州立大學進行的另一項研究證實，增加空白可以提高可讀性并專注于CTA。這兩個方面都與更高的轉化率直接相關。

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

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

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

　　兩種類型相輔相成，同樣重要。通過增加行和段落之間的空間來為您的設計添加微空白可以提高可讀性、易讀性和理解性。

　　另一方面，宏空白可以幫助用戶的眼睛毫不費力地掃描設計。它還使您的頁面看起來更加復雜和美觀。

　　蘋果、三星和登陸頁面的空白測試

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

　　我們將使用AttentionInsight平臺來比較設計，以確定哪些關鍵對象最受關注。

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

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

　　最重要的是，主標題和副標題周圍沒有其他可能分散用戶注意力的對象或消息。

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

　　然而，三星也使用了大量的空白，以背景圖像的形式，而不是蘋果登陸頁面中使用的空白。結果，由于缺乏對比度和視覺層次，對主要信息的關注度僅為38%。

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

　　如前所述，的主要信息吸引的關注度比蘋果少4倍。

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

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

　　但是，很明顯，這次著陸沒有立即引起注意的CTA。相反，用戶的注意力正在從一個項目轉移到另一個項目，沒有特定的最終目標。

　　結論

　　盡管對某些人來說它可能看起來是空的和不必要的，但空白是一個非常有價值和強大的工具。

　　您可以使用微空格來提高理解力，使用宏空格來強調CTA并提高轉化率。

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