為(wèi)什麽一個(gè)優質的成都網頁設計(jì)，留白的運用顯得(de)如此重要？人(rén)們很(hěn)容易認為(wèi)網站(zhàn)上(shàng)的每一寸空(kōng)間(jiān)都是寶貴的不動産。而且，當您有(yǒu)這種感覺時(shí)，您可(kě)能會(huì)産生(shēng)在每一頁上(shàng)盡可(kě)能多(duō)地塞滿信息的沖動。然而，空(kōng)白可(kě)以和(hé)頁面上(shàng)的文本一樣有(yǒu)價值。
空(kōng)白，有(yǒu)時(shí)也稱為(wèi)負空(kōng)間(jiān)，指的是文本、圖像、标題和(hé)其他網站(zhàn)元素邊界的空(kōng)白區(qū)域。顯然浪費的空(kōng)間(jiān)對于良好的成都網頁設計(jì)至關重要。那(nà)麽，為(wèi)什麽空(kōng)白的網頁畫(huà)布如此重要？以下是正确使用空(kōng)格可(kě)以顯着改善網站(zhàn)的方法。
太少(shǎo)的空(kōng)格會(huì)使文本看起來(lái)很(hěn)密集并且難以閱讀。因此，最好将文本分成由空(kōng)格分隔的更易讀的部分。這種分隔可(kě)以通(tōng)過段落之間(jiān)的空(kōng)格、帶有(yǒu)子标題的單獨部分和(hé)項目符号列表來(lái)實現。還(hái)建議選擇字母之間(jiān)有(yǒu)一些(xiē)空(kōng)間(jiān)的字體(tǐ)。
一個(gè)精心設計(jì)的網頁将在視(shì)覺上(shàng)吸引人(rén)。因此，頁面上(shàng)的元素應該彼此成比例。例如，假設您在頁面上(shàng)有(yǒu)一排标注框。在這種情況下，如果該行(xíng)中的所有(yǒu)框都具有(yǒu)相同的大(dà)小(xiǎo)，它看起來(lái)會(huì)更整潔。
但(dàn)是，并不總是可(kě)以使元素大(dà)小(xiǎo)相同。例如，上(shàng)述方框下的描述長度可(kě)能會(huì)有(yǒu)所不同。但(dàn)是您可(kě)以使用空(kōng)格來(lái)分隔框的行(xíng)，以确保後面的內(nèi)容開(kāi)始水(shuǐ)平對齊。因此，空(kōng)白對于在網頁上(shàng)創建平衡至關重要。
空(kōng)格也可(kě)用于将讀者引導至下一段相關內(nèi)容。空(kōng)白将相關內(nèi)容組合在一起。例如，段落之間(jiān)的空(kōng)格告訴讀者先讀這個(gè)再讀那(nà)個(gè)。由空(kōng)格分隔的段落組表示相關內(nèi)容的部分。
沒有(yǒu)用空(kōng)格分隔的內(nèi)容變成了難以閱讀的文字牆。而且，如果內(nèi)容看起來(lái)很(hěn)難理(lǐ)解，許多(duō)人(rén)甚至不會(huì)嘗試閱讀這些(xiē)文字。
當您觀看挂在牆上(shàng)的畫(huà)時(shí)，首先吸引您注意的往往是相框。事實上(shàng)，正是這個(gè)框架表明(míng)在該邊界內(nèi)有(yǒu)一些(xiē)值得(de)一看的東西。在網站(zhàn)上(shàng)用空(kōng)白框住一個(gè)元素也有(yǒu)同樣的效果。
空(kōng)白框也将對象彼此分開(kāi)。假設您要将圖像添加到沒有(yǒu)空(kōng)白邊框的文本塊中。那(nà)樣的話(huà)，單詞的最後一個(gè)字母就會(huì)擠在圖片旁邊，圖片就不會(huì)很(hěn)突出。因此，文本将難以閱讀。沒有(yǒu)邊框的圖像也會(huì)使網頁看起來(lái)淩亂和(hé)不專業。
大(dà)多(duō)數(shù)網站(zhàn)訪問者很(hěn)少(shǎo)閱讀整頁內(nèi)容。相反，人(rén)們傾向于浏覽內(nèi)容，尋找他們需要的東西。而且，如果他們找不到他們正在尋找的信息，他們将退出該網站(zhàn)并尋找替代方案。
使用空(kōng)格來(lái)分解內(nèi)容使略讀成為(wèi)可(kě)能。當然，标題和(hé)副标題在這方面也會(huì)有(yǒu)所幫助。空(kōng)白還(hái)可(kě)以讓人(rén)們更好地理(lǐ)解文本。研究表明(míng)，在段落之間(jiān)和(hé)邊界周圍使用空(kōng)格可(kě)以提高(gāo) 20% 的理(lǐ)解力。
一個(gè)人(rén)一次能接受的信息是有(yǒu)限的。例如，假設某人(rén)要滔滔不絕地說出 20 個(gè)事實，語速很(hěn)快而且沒有(yǒu)停頓。在那(nà)種情況下，您可(kě)能會(huì)接受其中的一些(xiē)事實。但(dàn)是，如果那(nà)個(gè)人(rén)說話(huà)慢一點，中間(jiān)停頓一下，你(nǐ)可(kě)能會(huì)記住更多(duō)的信息。
網站(zhàn)內(nèi)容也是如此。你(nǐ)必須給讀者時(shí)間(jiān)停下來(lái)吸收他們所讀的內(nèi)容。正是段落和(hé)其他網站(zhàn)元素之間(jiān)的空(kōng)白創造了所需的停頓。
當然，也有(yǒu)不同程度的留白。較大(dà)的空(kōng)白區(qū)域通(tōng)常稱為(wèi)宏空(kōng)白，較小(xiǎo)的區(qū)域稱為(wèi)微空(kōng)白。這些(xiē)不同大(dà)小(xiǎo)的空(kōng)間(jiān)可(kě)以用來(lái)幫助定義品牌的基調。
新聞網站(zhàn)通(tōng)常在文章之間(jiān)使用微空(kōng)白。這種小(xiǎo)空(kōng)間(jiān)的使用是有(yǒu)道(dào)理(lǐ)的，因為(wèi)新聞站(zhàn)點的主要目标是傳播信息。因此，在這種情況下，相對密集的內(nèi)容是合适的。
但(dàn)是，如果您訪問設計(jì)師(shī)品牌網站(zhàn)，您會(huì)看到一些(xiē)不同的東西。高(gāo)價值的獨家(jiā)品牌傾向于用宏空(kōng)白來(lái)分解內(nèi)容。在這種情況下，空(kōng)間(jiān)用于突出産品的獨特性和(hé)排他性。
宏空(kōng)格也可(kě)用于推斷簡單性或清晰性。沒有(yǒu)比谷歌(gē)搜索頁面更好的簡單網頁示例了。
大(dà)多(duō)數(shù)網頁的某些(xiē)方面都需要引起用戶的注意。這些(xiē)關鍵要素中最常見的是号召性用語 (CTA)。例如，假設您要将CTA埋在雜亂無章的文本和(hé)圖像頁面中。在這種情況下，用戶很(hěn)可(kě)能永遠不會(huì)看到CTA。但(dàn)是，用空(kōng)格圍繞号召性用語會(huì)立即吸引人(rén)們的注意力。
您可(kě)能還(hái)想使用空(kōng)格來(lái)突出顯示重要信息。例如，如果産品以要點格式列出并被負空(kōng)間(jiān)包圍，産品的好處會(huì)更加突出。如果推薦書(shū)在空(kōng)白邊框內(nèi)以更大(dà)的字體(tǐ)突出顯示，它們也會(huì)更加突出。
成都網頁設計(jì)可(kě)以通(tōng)過說空(kōng)白改善用戶體(tǐ)驗來(lái)總結上(shàng)述所有(yǒu)要點。空(kōng)白或負空(kōng)間(jiān)使文本更易于閱讀，并在網頁上(shàng)創造流暢和(hé)平衡。空(kōng)白将人(rén)們的注意力吸引到行(xíng)動号召等關鍵元素上(shàng)。因此，空(kōng)白絕非浪費空(kōng)間(jiān)。
