留白空間是指布局中沒有元素排列的留白區(qū)域。這一期我們說的留白不是指某個特定風(fēng)格的設(shè)計(jì)，而是指任何設(shè)計(jì)中都存在的留白細(xì)節(jié)，從頁面中央到字與字之間的空間。正是這些不起眼的細(xì)節(jié)決定了設(shè)計(jì)的質(zhì)量。只要認(rèn)真掌握這些基本原則，就能做出完全不同的優(yōu)秀的網(wǎng)站布局。

網(wǎng)站設(shè)計(jì)中留白的作用有哪些:

1.區(qū)分和鏈接。相等的留白可以將元素連接在一起，并傳達(dá)統(tǒng)一和穩(wěn)定的感覺。通過控制留白空間的大小，可以區(qū)分不相關(guān)的元素。

 .突出，通過改變元素的位置，強(qiáng)調(diào)了大面積留白放置的元素，即使不需要放大也會特別醒目。周圍大面積留白讓焦點(diǎn)更加突出，從而提高元素的辨識度。

大到字與字之間的距離，小到整個版面的大小，大到版面的中心?？刂坪酶鱾€部分的留白是版面設(shè)計(jì)中非常重要的一環(huán)。在這里，我們將依次說明留白在不同情況下的應(yīng)用和注意事項(xiàng)。

文本的留白空間:

漢字設(shè)計(jì)在虛擬框中，字庫中字體的間距按照常規(guī)文本字體大小設(shè)置。當(dāng)我們縮小字符的尺寸時，會出現(xiàn)與上述方框相同的情況，字符被粘在一起。這時候我們需要增加字符之間的留白，放大字符也是一樣，所以需要減少字符之間的留白。

拉丁字母不同于漢字，字體的文字寬度不等。并對比默認(rèn)的字符間距和軟件自帶的視覺間距(這里為了不被字義干擾，我們鏡像了字體)。兩種設(shè)置都不是特別理想。

無論元素如何放大或縮小，人眼能識別的最小比例都不會改變。比如方塊之間的距離在大尺度的情況下不會出現(xiàn)任何問題。當(dāng)?shù)缺壤s小時，方塊幾乎粘在一起。在這種情況下，我們需要重新調(diào)整方塊之間的距離。

默認(rèn)的單詞間距需要考慮到不同字母的搭配，對于有特定單詞組合的單詞，我們可以更精確地調(diào)整單詞之間的空格。訣竅在于視覺平衡。

留白在版面設(shè)計(jì)的各個方面都起著重要的作用。這一期，我們學(xué)習(xí)了留白的作用和注意事項(xiàng)，從字間距的設(shè)置到整個版面的編排，學(xué)習(xí)了留白的細(xì)節(jié)。相信大家已經(jīng)掌握了比例和留白的關(guān)系，可以用在以后的設(shè)計(jì)中。