從這些基本的字體排版規則入手,搞定網頁排版這件事!


從這些基本的字體排版規則入手,搞定網頁排版這件事!


漂亮的字體排版總能為網站設計加分不少 。別具一格的設計雖然精彩 , 但是更多的時候 , 沿著前人探索出來的設計規則來設計 , 會更加得心應手 。
怎樣利用成熟的規則來創造令人驚艷的網頁呢?今天的文章就沿著這樣的思路來探索網頁設計的可能性 。
尺寸和層次
大小尺寸可能是排版設計的時候 , 調整得最多的因素 。大而不當的字體設計不可取 , 小而難讀的尺寸同樣違反了可用性的基本需求 。尺寸控制的終極目標 , 大概是增一分過大 , 減一寸太小的境界吧?
而層次也是不可忽略的因素 。高可讀性的排版通常是具備有層次感的 , 而正是層次感引導用戶 , 先看標題 , 再看副標題 , 之后看正文 。當你明白內容的輕重緩急 , 字體和排版層次就自然而然的有了 。
字間距和字偶距
在中文和英文排印當中 , 字間距的概念比較簡單也容易理解 , 這是在一段或一句文字中 , 每個文字的固定間距 , 但是在英文字體排印當中 , 還存在一個概念 , 就是字偶距(Kerning) , 這個概念在中文中幾乎用不到:字偶距值得是特定字母組合之間的距離 , 比如A和V這樣的字母在一起的時候 , 如果不調整兩者之間的字偶距 , 就會看起來隔得很遠 , 視覺上會讓人覺得不太正常 。
控制整體文本的字間距 , 能夠讓內容的可讀性、文本段落的松緊顯得更加合理 。而字偶距在標題、展示性字體設計當中 , 起到關鍵的作用 , 甚至會影響整體的風格 。
控制字體數量
這絕對是老生常談 。當你的網頁中使用過多的字體的時候會成為視覺噪音 。絕大多數的項目會將字體數量控制到2到3種 。
字體選擇的關鍵在于挑選擁有可變風格的字體族 。絕大多數的字體都擁有多種不同的樣式 , 包括常規、粗體、斜體等 。通過選擇有多種可變樣式的字體 , 讓你的設計項目確保多變的同時 , 還擁有內核和精神上的一致性 。如果你的需求比較多樣的話 , 甚至有些字體族中混合了襯線體和非襯線體 , 絕對夠你使用了 。
不過 , 在中文字體的問題上 , 目前還沒有足夠優秀的在線字體的解決方案 , 有也不夠成熟 。不過你可以在英文字體的搭配上多花點心思 。
樣式的混合與搭配
誠然 , 字體的選擇很棘手 , 甚至可能是整個設計方案中最令人頭大的部分 , 但是有時候 , 選擇風格截然不同的兩種字體 , 也是一個不錯的答案 。
進行不同樣式字體搭配的時候 , 關鍵技巧在于選擇x高度相同的字體(字體中x、o這些小寫字體的高度) , 同時還要注意o這樣的小寫字體的內空大小要相近 , 這樣能保證字體的整體體驗是一致的 。
這樣的細節確保了一件事情:即使兩種字體分別為襯線體和非襯線體 , 擁有足以匹配的視覺體驗 , 能夠混在一起閱讀 。
【從這些基本的字體排版規則入手,搞定網頁排版這件事!】

    推薦閱讀