人們很容易認(rèn)為網(wǎng)站上的每一寸空間都是寶貴的不動產(chǎn)。而且,當(dāng)你有這種感覺時,你可能會想要在每一頁上塞滿盡可能多的信息。但是,空白可以與頁面上的文本一樣有價值。

空白,有時也稱為負(fù)空間,是指與文本、圖像、標(biāo)題和其他網(wǎng)站元素接壤的空白區(qū)域。顯然浪費(fèi)的空間對于良好的網(wǎng)頁設(shè)計至關(guān)重要。那么,為什么網(wǎng)頁畫布的空白部分如此重要?以下是正確使用空格可以顯著改善網(wǎng)站的方式。
提高可讀性
太少的空白會使文本看起來密集且難以閱讀。因此,最好將文本分成由空格分隔的更易讀的部分。這種分離可以通過段落之間的空間、帶有副標(biāo)題的單獨(dú)部分和項目符號列表來實(shí)現(xiàn)。還建議選擇字母之間有一些空格的字體。
創(chuàng)造平衡
一個設(shè)計良好的網(wǎng)頁將在視覺上吸引人。因此,頁面上的元素應(yīng)該彼此成比例。例如,假設(shè)您在頁面上有一排標(biāo)注框。在這種情況下,如果該行中的所有框的大小相同,它看起來會更整潔。
但是,并不總是可以使元素具有相同的大小。例如,上述方框下的描述長度可能會有所不同。但是您可以使用空格來分隔該行框,以確保以下內(nèi)容開始水平對齊。因此,空白對于在網(wǎng)頁上創(chuàng)建平衡至關(guān)重要。
創(chuàng)建內(nèi)容流
空白還可用于將讀者引導(dǎo)至下一段相關(guān)內(nèi)容。它是將相關(guān)內(nèi)容組合在一起的空白。例如,段落之間的空格告訴讀者先閱讀這個,然后再閱讀那個。由空格分隔的段落組表示相關(guān)內(nèi)容的部分。
沒有用空格分隔的內(nèi)容變成了難以閱讀的文字墻。而且,如果內(nèi)容看起來很難理解,很多人甚至不會嘗試閱讀這些文字。
框架元素
當(dāng)你看掛在墻上的一幅畫時,首先吸引你注意力的往往是畫框。事實(shí)上,正是這個框架表明在邊界內(nèi)有一些值得一看的東西。在網(wǎng)站上用空白框住一個元素也有同樣的效果。
空白框還可以將對象彼此分開。假設(shè)您要將圖像添加到?jīng)]有空白邊框的文本塊中。在這種情況下,單詞的最后一個字母將被擠在圖像旁邊,圖像就不會突出。因此,文本將難以閱讀。沒有邊框的圖像也會使網(wǎng)頁看起來不整潔和不專業(yè)。
允許略讀
大多數(shù)網(wǎng)站訪問者很少閱讀整個頁面的內(nèi)容。相反,人們傾向于瀏覽內(nèi)容,尋找他們需要的東西。而且,如果他們找不到他們正在尋找的信息,他們將退出該站點(diǎn)并尋找替代方案。
使用空格來分解內(nèi)容使略讀成為可能。當(dāng)然,標(biāo)題和副標(biāo)題在這方面也有幫助。空白還可以讓人們更好地理解文本。研究表明,在段落之間和邊框周圍使用空格可將理解度提高 20%。
防止信息過載
一個人一次只能接收這么多信息。例如,假設(shè)有人要講出 20 個事實(shí),語速很快,沒有停頓。在這種情況下,您可能會接受其中的一些事實(shí)。然而,如果那個人慢慢地說話并在要點(diǎn)之間停頓一下,你可能會保留更多的信息。
網(wǎng)站內(nèi)容也是如此。你必須讓讀者有時間停下來吸收他們讀過的東西。正是段落和其他網(wǎng)站元素之間的空白產(chǎn)生了所需的停頓。
定義品牌基調(diào)
當(dāng)然,有不同程度的空白。較大的空白區(qū)域通常稱為宏空白,較小的空白稱為微空白。這些不同大小的空間可以用來幫助定義一個品牌的基調(diào)。
新聞網(wǎng)站通常在文章之間使用微空白。使用小空間是有道理的,因為新聞網(wǎng)站的主要目標(biāo)是傳播信息。因此,這是一種相對密集的內(nèi)容是合適的情況。
但是,如果您要訪問設(shè)計師品牌網(wǎng)站,您會看到不同的東西。高價值的獨(dú)家品牌傾向于用宏觀空白來分解內(nèi)容。在這種情況下,空間用于突出產(chǎn)品的獨(dú)特性和排他性。
宏空白也可用于推斷簡單性或清晰性。沒有比 Google 搜索頁面更好的帶有大量空白的簡單網(wǎng)頁示例。
吸引注意力
大多數(shù)網(wǎng)頁的某些方面都需要引起用戶的注意。這些關(guān)鍵要素中最常見的是號召性用語 (CTA)。例如,假設(shè)您要將 CTA 隱藏在雜亂無章的文本和圖像頁面中。在這種情況下,用戶很可能永遠(yuǎn)不會看到 CTA。然而,用空格圍繞號召性用語會立即引起人們的注意。
你可能也想用空白來突出重要信息。例如,如果產(chǎn)品以項目符號格式列出并被負(fù)空間包圍,則產(chǎn)品的優(yōu)勢會更加突出。如果在空白邊框內(nèi)以較大的字體突出顯示,推薦也會更加突出。
結(jié)論
您可以通過說空格改善用戶體驗來總結(jié)上述所有要點(diǎn)。空白或負(fù)空間使文本更易于閱讀并在網(wǎng)頁上創(chuàng)建流暢和平衡。空白將人們的注意力吸引到諸如號召性用語等關(guān)鍵元素上。因此,空白絕不是浪費(fèi)空間。

步驚云