怎樣利用成熟的規則來創造令人驚豔的網頁呢? 漂亮的字型排版總能為 WordPress 網站設計加分不少。別具一格的設計雖然精彩,但是更多的時候,沿著前人探索出來的設計規則來設計,會更加得心應手。今天的文章就沿著這樣的思路來探索 WordPress 網頁設計的可能性。

一、字型數量

        這絕對是老生常談。當你的網頁中使用過多的字型的時候會成為視覺噪音。絕大多數的專案會將字型數量控制到 2 到 3 種。字型選擇的關鍵在於挑選擁有可變風格的字型族。絕大多數的字型都擁有多種不同的樣式,包括常規、粗體、斜體等。透過選擇有多種可變樣式的字型,讓你的設計專案確保多變的同時,還擁有核心和精神上的一致性。如果你的需求比較多樣的話,甚至有些字型族中混合了襯線體和非襯線體,絕對夠你使用了。

        不過,在中文字型的問題上,目前還沒有足夠優秀的線上字型的解決方案,有也不夠成熟。不過你可以在英文字型的搭配上多花點心思。

二、字間距和字偶距

        在中文和英文排印當中,字間距的概念比較簡單也容易理解,這是在一段或一句文字中,每個文字的固定間距,但是在英文字型排印當中,還存在一個概念,就是字偶距 (Kerning),這個概念在中文中幾乎用不到:字偶距值得是特定字母組合之間的距離,比如 A 和 V 這樣的字母在一起的時候,如果不調整兩者之間的字偶距,就會看起來隔得很遠,視覺上會讓人覺得不太正常。

        控制整體文字的字間距,能夠讓內容的可讀性、文欄位落的鬆緊顯得更加合理。而字偶距在標題、展示性字型設計當中,起到關鍵的作用,甚至會影響整體的風格。

三、尺寸和層次

        大小尺寸可能是排版設計的時候,調整得最多的因素。大而不當的字型設計不可取,小而難讀的尺寸同樣違反了可用性的基本需求。尺寸控制的終極目標,大概是增一分過大,減一寸太小的境界吧?

        而層次也是不可忽略的因素。高可讀性的排版通常是具備有層次感的,而正是層次感引導多使用者,先看標題,再看副標題,之後看正文。當你明白內容的輕重緩急,字型和排版層次就自然而然的有了。

四、樣式的混合與搭配

        誠然,字型的選擇很棘手,甚至可能是整個設計方案中最令人頭大的部分,但是有時候,選擇風格截然不同的兩種字型,也是一個不錯的答案。

        進行不同樣式字型搭配的時候,關鍵技巧在於選擇 x 高度相同的字型 (字型中 x 、 o 這些小寫字型的高度),同時還要注意 o 這樣的小寫字型的內空大小要相近,這樣能保證字型的整體體驗是一致的。