漂亮的字體排版總能為網(wǎng)站設(shè)計(jì)加分不少拢操。別具一格的設(shè)計(jì)雖然精彩渠概，但是更多的時(shí)候茶凳，沿著前人探索出來的設(shè)計(jì)規(guī)則來設(shè)計(jì)嫂拴，會(huì)更加得心應(yīng)手。
怎樣利用成熟的規(guī)則來創(chuàng)造令人驚艷的網(wǎng)頁呢贮喧？今天的文章就沿著這樣的思路來探索網(wǎng)頁設(shè)計(jì)的可能性筒狠。
尺寸和層次
大小尺寸可能是排版設(shè)計(jì)的時(shí)候，調(diào)整得最多的因素箱沦。大而不當(dāng)?shù)淖煮w設(shè)計(jì)不可取辩恼，小而難讀的尺寸同樣違反了可用性的基本需求。尺寸控制的終極目標(biāo)谓形，大概是增一分過大灶伊，減一寸太小的境界吧？
而層次也是不可忽略的因素寒跳。高可讀性的排版通常是具備有層次感的聘萨，而正是層次感引導(dǎo)用戶，先看標(biāo)題童太，再看副標(biāo)題米辐，之后看正文。當(dāng)你明白內(nèi)容的輕重緩急康愤，字體和排版層次就自然而然的有了儡循。
字間距和字偶距
在中文和英文排印當(dāng)中，字間距的概念比較簡(jiǎn)單也容易理解征冷，這是在一段或一句文字中，每個(gè)文字的固定間距誓琼，但是在英文字體排印當(dāng)中检激，還存在一個(gè)概念，就是字偶距（Kerning）腹侣，這個(gè)概念在中文中幾乎用不到：字偶距值得是特定字母組合之間的距離叔收，比如A和V這樣的字母在一起的時(shí)候，如果不調(diào)整兩者之間的字偶距傲隶，就會(huì)看起來隔得很遠(yuǎn)饺律，視覺上會(huì)讓人覺得不太正常。
控制整體文本的字間距跺株，能夠讓內(nèi)容的可讀性复濒、文本段落的松緊顯得更加合理。而字偶距在標(biāo)題乒省、展示性字體設(shè)計(jì)當(dāng)中巧颈，起到關(guān)鍵的作用，甚至?xí)绊懻w的風(fēng)格袖扛。
控制字體數(shù)量
這絕對(duì)是老生常談砸泛。當(dāng)你的網(wǎng)頁中使用過多的字體的時(shí)候會(huì)成為視覺噪音十籍。絕大多數(shù)的項(xiàng)目會(huì)將字體數(shù)量控制到2到3種。
字體選擇的關(guān)鍵在于挑選擁有可變風(fēng)格的字體族唇礁。絕大多數(shù)的字體都擁有多種不同的樣式勾栗，包括常規(guī)、粗體盏筐、斜體等械姻。通過選擇有多種可變樣式的字體，讓你的設(shè)計(jì)項(xiàng)目確保多變的同時(shí)机断，還擁有內(nèi)核和精神上的一致性楷拳。如果你的需求比較多樣的話，甚至有些字體族中混合了襯線體和非襯線體吏奸，絕對(duì)夠你使用了欢揖。
不過，在中文字體的問題上奋蔚，目前還沒有足夠優(yōu)秀的在線字體的解決方案她混，有也不夠成熟。不過你可以在英文字體的搭配上多花點(diǎn)心思泊碑。
樣式的混合與搭配
誠然坤按，字體的選擇很棘手，甚至可能是整個(gè)設(shè)計(jì)方案中最令人頭大的部分馒过，但是有時(shí)候臭脓，選擇風(fēng)格截然不同的兩種字體，也是一個(gè)不錯(cuò)的答案腹忽。
進(jìn)行不同樣式字體搭配的時(shí)候来累，關(guān)鍵技巧在于選擇x高度相同的字體（字體中x、o這些小寫字體的高度）窘奏，同時(shí)還要注意o這樣的小寫字體的內(nèi)空大小要相近嘹锁，這樣能保證字體的整體體驗(yàn)是一致的。
這樣的細(xì)節(jié)確保了一件事情：即使兩種字體分別為襯線體和非襯線體着裹，擁有足以匹配的視覺體驗(yàn)领猾，能夠混在一起閱讀。
忘記連字符和對(duì)齊吧
在傳統(tǒng)的排版印刷當(dāng)中骇扇，為了確保閱讀體驗(yàn)和排版的整體美感摔竿，當(dāng)單詞出現(xiàn)到一行的邊緣無法完全顯示的時(shí)候，會(huì)通過連字符跳轉(zhuǎn)到下一行匠题。同時(shí)拯坟，為了讓沒一行兩頭都完美地對(duì)齊，會(huì)使用Justification（對(duì)齊）這一技術(shù)韭山。
但是郁季，在網(wǎng)頁設(shè)計(jì)中冷溃，截然不同的需求讓這兩種排印技術(shù)顯得并不那么有用。連字符會(huì)打破用戶原有的閱讀節(jié)奏梦裂，所以連字符的意義并不大似枕。而使用兩頭對(duì)齊的技術(shù)，會(huì)讓許多段落內(nèi)的字間距和行間距變得非常奇怪年柠。所以凿歼，忘記這兩個(gè)東西吧。
不要強(qiáng)行改變字體
從技術(shù)上來說冗恨，你可以讓一個(gè)胖一點(diǎn)瘦一點(diǎn)答憔，高一點(diǎn)或者矮一點(diǎn)，甚至在高一點(diǎn)的同時(shí)還加粗等等等等掀抹。這在網(wǎng)頁中運(yùn)用并不可取虐拓，因?yàn)樽煮w設(shè)計(jì)師原本已經(jīng)在力圖讓一款字體看起來足夠一致也足夠漂亮，強(qiáng)行改變通常只能讓整字體劣化傲武，在頁面中顯示也往往無法確保好看蓉驹。
如果你發(fā)覺某款字體不適合你的設(shè)計(jì)，最好是搜索另外的字體揪利。你可以使用 Identifont 這樣的服務(wù)來尋找類似的字體态兴。
對(duì)比
對(duì)比度是字體排版設(shè)計(jì)的時(shí)候，最值得注意的幾個(gè)因素之一疟位。就像你需要使用不同的尺寸的字體對(duì)比來營造層次感一樣瞻润，不同的字體重量是對(duì)比，色彩能構(gòu)成對(duì)比献汗，樣式不同也一樣是對(duì)比敢订。
高效的對(duì)比手法有不少，但是色彩是來的最高效的罢吃。最理想的方案，是淺色的背景上使用深色的文本字體（或者相反）昭齐。有無數(shù)的配色方案可以幫你實(shí)現(xiàn)這一點(diǎn)尿招。不過，值得注意的是阱驾，有的對(duì)比色過于晃眼就谜，比如藍(lán)色+亮紅色，就讓人很難受里覆。所以丧荐，除了足夠的對(duì)比，還要在明暗和飽和度上調(diào)整喧枷，才能帶來好體驗(yàn)虹统。
度量也很重要
網(wǎng)頁中文本的載體和度量也很重要弓坞，一行有多少字母，一段有多少文字车荔，這些都影響著整個(gè)閱讀體驗(yàn)渡冻。用戶始終是需要從左到右閱讀文本，并且循環(huán)往復(fù)掃視來獲取信息的忧便，太短了用戶需要頻繁掃視族吻，太長了會(huì)使得掃視范圍過廣，也容易讓人分心珠增。
如果你想擁有良好的閱讀體驗(yàn)超歌，將每行文字控制在大概60個(gè)字符左右，這個(gè)字符數(shù)量能夠讓你的內(nèi)容擁有恰到好處的可讀性蒂教。
在移動(dòng)端上巍举，每行文字應(yīng)該控制在30~40個(gè)字符之間，這也符合目前的用戶使用習(xí)慣和閱讀體驗(yàn)悴品。參考下面的對(duì)比圖禀综，可以看出，40~60個(gè)字符數(shù)通常能夠取得最佳的閱讀體驗(yàn)苔严。
在網(wǎng)頁設(shè)計(jì)中定枷，通常使用 em 和 px 來控制文本塊的寬度，借此來控制每行的字符數(shù)量届氢。
作者：CARRIE COUSINS
譯者：陳子木
