留白空間是指布局中沒(méi)有元素排列的留白區(qū)域。這一期我們說(shuō)的留白不是指某個(gè)特定風(fēng)格的設(shè)計(jì),而是指任何設(shè)計(jì)中都存在的留白細(xì)節(jié),從頁(yè)面中央到字與字之間的空間。正是這些不起眼的細(xì)節(jié)決定了設(shè)計(jì)的質(zhì)量。只要認(rèn)真掌握這些基本原則,就能做出完全不同的優(yōu)秀的網(wǎng)站布局。
網(wǎng)站設(shè)計(jì)中留白的作用有哪些:
1.區(qū)分和鏈接。相等的留白可以將元素連接在一起,并傳達(dá)統(tǒng)一和穩(wěn)定的感覺(jué)。通過(guò)控制留白空間的大小,可以區(qū)分不相關(guān)的元素。
.突出,通過(guò)改變?cè)氐奈恢?,?qiáng)調(diào)了大面積留白放置的元素,即使不需要放大也會(huì)特別醒目。周圍大面積留白讓焦點(diǎn)更加突出,從而提高元素的辨識(shí)度。
大到字與字之間的距離,小到整個(gè)版面的大小,大到版面的中心。控制好各個(gè)部分的留白是版面設(shè)計(jì)中非常重要的一環(huán)。在這里,我們將依次說(shuō)明留白在不同情況下的應(yīng)用和注意事項(xiàng)。
文本的留白空間:
漢字設(shè)計(jì)在虛擬框中,字庫(kù)中字體的間距按照常規(guī)文本字體大小設(shè)置。當(dāng)我們縮小字符的尺寸時(shí),會(huì)出現(xiàn)與上述方框相同的情況,字符被粘在一起。這時(shí)候我們需要增加字符之間的留白,放大字符也是一樣,所以需要減少字符之間的留白。
拉丁字母不同于漢字,字體的文字寬度不等。并對(duì)比默認(rèn)的字符間距和軟件自帶的視覺(jué)間距(這里為了不被字義干擾,我們鏡像了字體)。兩種設(shè)置都不是特別理想。
無(wú)論元素如何放大或縮小,人眼能識(shí)別的最小比例都不會(huì)改變。比如方塊之間的距離在大尺度的情況下不會(huì)出現(xiàn)任何問(wèn)題。當(dāng)?shù)缺壤s小時(shí),方塊幾乎粘在一起。在這種情況下,我們需要重新調(diào)整方塊之間的距離。
默認(rèn)的單詞間距需要考慮到不同字母的搭配,對(duì)于有特定單詞組合的單詞,我們可以更精確地調(diào)整單詞之間的空格。訣竅在于視覺(jué)平衡。
留白在版面設(shè)計(jì)的各個(gè)方面都起著重要的作用。這一期,我們學(xué)習(xí)了留白的作用和注意事項(xiàng),從字間距的設(shè)置到整個(gè)版面的編排,學(xué)習(xí)了留白的細(xì)節(jié)。相信大家已經(jīng)掌握了比例和留白的關(guān)系,可以用在以后的設(shè)計(jì)中。