
留白空間是指布局中沒有元素排列的留白區(qū)域。這一期我們說的留白不是指某個特定風格的設計,而是指任何設計中都存在的留白細節(jié),從頁面中央到字與字之間的空間。正是這些不起眼的細節(jié)決定了設計的質(zhì)量。只要認真掌握這些基本原則,就能做出完全不同的優(yōu)秀的網(wǎng)站布局。
網(wǎng)站設計中留白的作用有哪些:
1.區(qū)分和鏈接。相等的留白可以將元素連接在一起,并傳達統(tǒng)一和穩(wěn)定的感覺。通過控制留白空間的大小,可以區(qū)分不相關(guān)的元素。
2.突出,通過改變元素的位置,強調(diào)了大面積留白放置的元素,即使不需要放大也會特別醒目。周圍大面積留白讓焦點更加突出,從而提高元素的辨識度。
其實網(wǎng)站的版面中到處都是留白,大到字與字之間的距離,小到整個版面的大小,大到版面的中心??刂坪酶鱾€部分的留白是版面設計中非常重要的一環(huán)。在這里,我們將依次說明留白在不同情況下的應用和注意事項。
文本的留白空間:
無論元素如何放大或縮小,人眼能識別的最小比例都不會改變。比如方塊之間的距離在大尺度的情況下不會出現(xiàn)任何問題。當?shù)缺壤s小時,方塊幾乎粘在一起。在這種情況下,我們需要重新調(diào)整方塊之間的距離。
漢字設計在虛擬框中,字庫中字體的間距按照常規(guī)文本字體大小設置。當我們縮小字符的尺寸時,會出現(xiàn)與上述方框相同的情況,字符被粘在一起。這時候我們需要增加字符之間的留白,放大字符也是一樣,所以需要減少字符之間的留白。
拉丁字母不同于漢字,字體的文字寬度不等。所以我們需要分別設置每個字符之間的留白,并對比默認的字符間距和軟件自帶的視覺間距(這里為了不被字義干擾,我們鏡像了字體)。兩種設置都不是特別理想。
默認的單詞間距需要考慮到不同字母的搭配,對于有特定單詞組合的單詞,我們可以更精確地調(diào)整單詞之間的空格。訣竅在于視覺平衡。
留白在版面設計的各個方面都起著重要的作用。這一期,我們學習了留白的作用和注意事項,從字間距的設置到整個版面的編排,學習了留白的細節(jié)。相信大家已經(jīng)掌握了比例和留白的關(guān)系,可以用在以后的設計中。
建站咨詢
SEO優(yōu)化咨詢
小程序咨詢
地 址:廣州市黃埔區(qū)銳豐中心1號樓922-929
業(yè)務熱線:020-32379980 售后專線:020-28999180
地 址:深圳市龍華新區(qū)布龍路榮應大廈1105
業(yè)務熱線:15920999917 售后專線:15920999917
地 址:長沙市雨花區(qū)德思勤城市廣場A8棟3024
業(yè)務熱線:0731-88612341 售后專線:13723888441
對公帳戶:廣州聯(lián)享信息科技有限公司
開戶銀行:中國工商銀行廣州石牌支行 賬號:3602 0986 0920 0130 274
| 銀行 | 戶名 | 開戶行 | 帳號 |
|---|---|---|---|
| 支付寶 | 廣州聯(lián)享信息科技有限公司 | 支付寶 | 123@a020.net |
| 中國工商銀行 | 楊雄 | 廣州車陂支行 | 6212 2636 0202 8813 145 |
| 中國銀行 | 楊雄 | 長沙市賀龍支行 | 6217 8575 0002 4885 045 |
| 中國農(nóng)業(yè)銀行 | 楊雄 | 長沙天心區(qū)支行 | 6228 4810 9946 1564 479 |