它可以有顏色,甚至可以有背
景圖像。將其視為焦點之間的區域。正如 Creatopy 所解釋的那樣,著陸頁具有微觀和宏觀空白:微觀空白是小元素之間的空間 – 圖示間距。
宏觀空白是圖形和文字列等大元素之間的空間。讓我們使用高轉換率潛在客戶生成頁面的範例之一來顯示實際的宏觀和微觀空白。
圖片由 ckbk 提供 在右側,您會看到
大量的宏觀空白,這有助於將視線引導到頁面左側的副本和 ,然後向下看到平板電腦上顯示的應用程式。
圖片由 ckbk 提供 在標題的左側,您會發現三個微空白區域,它們分隔了標題、副標題、表單欄位和提交按鈕。
圖片由 ckbk 提供 因此,正如您所看到的,您可以在著陸頁設計中使用微觀和宏觀空白來分隔和突出顯示不同的元素。
空白增加了可讀性 雖然您可能沒有
註意到空白在起作用時對可讀性有多大幫助,但您絕對可以看出它何時丟失。 您是否曾經不得不通讀一份文檔,其中的文字一直列印到頁邊距?那位朋友發來的短信怎麼樣,他發送了巨大的文本牆而不是單獨的行?這不是一個有趣的時刻。
在網路上,可讀性變得更加重要,因為讀者希望快 國家明智電子郵件活動資料庫 速得到問題的答案。一項針對數千名網路使用者的研究發現,客戶平均只閱讀 8% 的網頁內容。
您需要幫助他們在跳出之前快速 續在金融數據領域發揮重要作 找到 8%。空白讓 的頁面更高級 空白也是現代網頁設計的一個標誌。
具有更多空白的頁面往往看起來不那麼混亂、更乾淨且品質更高。雖然感覺像是在「浪費」負空間,但它與其他設計元素一樣重要。
讓我們來看看最小化和策略性空白使
用的範例。如果您在過去一兩年內居住或訪問過紐約市,您可能看過 Dr. Jonathan Zizmor 在 .06 退休前。
這些廣告以其「做作」的品質而聞名,部分原因是它們在一頁上融入瞭如此多的設計元素。它們沒有太多微觀或宏觀的空白——幾乎每個地方都充滿了文字或形狀。
圖片由《紐約時報》提供 這些廣
告對 Zizmor 很有利,因為它們在 0.5 年內一直是地鐵的支柱。但對於試圖表現得現代化的企業來說,這種方法可能不太有效。
將此與最近的範例進行對比,例如 Optimonk 的電子書登入頁面。它的設計色彩豐富,就像上面的地鐵廣告一樣,但它使用了更多的空白:圖片由Optimonk 提供大片的開放空間(宏觀和微觀)遵循當今空白空間的最佳實踐,這種著陸頁設計感覺更加現代。
如何利用空白為您的登陸頁面增添魅力 空白在登陸頁面上有多種用途。 一旦您了解了所有可以付諸實踐的不同方法,您就可以更好地利用空白來發揮自己的優勢。