你有沒有注意到有些網站設計項目似乎在字體類型的使用和排版上就能夠讓設計本身發光發熱？有些設計師在累積到一定的經驗和閱歷以后，再這方面會有一定的技巧，可以為每次項目設計和應用完美的字體。

當然，你也可以做到。只要你有了一些簡單的、可以參考和借鑒的規則，你就可以在你所有的項目，不管是網頁設計這種數字媒體還是在打印項目上改進字體的外觀和設計。如果你正糾結于選擇字體和字體的配對問題，這些規則或許可以幫助你設計完美的字體類型，每次。

1.為項目設定目標

一個好的排版首先需要你對你的項目在實際中的作用或目標有一個堅實的了解。在你開始瀏覽谷歌字體或Typekit字體庫之前，先記下幾個幾個問題的答案：

· 你想通過這個項目與誰建立聯系?

· 用戶在實際使用過程中應該如何處理這個設計?

· 轉換點是什么?

· 項目建立的氣氛是怎樣的?

· 你是否需要與其他設計或品牌進行匹配或協調?

這些問題的答案將幫助你開始構思你要找什么樣類型的版式。

2.尋找類似的形狀

如何在你的設計中匹配多個字體在視覺上不會給人一種混亂感?其實這就像選擇字體的形狀一樣簡單，同時，這對字體組合的產生或打破也是很重要的一個技巧。

那么如何確保你做到了呢?

尋找具有相似形狀的字體。想想每一種字體是圓形的還是橢圓形的，厚的還是薄的，有一個短的或高的x高度，或者是傾斜更適合還是不需要任何傾斜。

選擇一個你喜歡的主要的或作為整體基礎的字體，然后匹配具有相似形狀的補充字體，你可以通過以下幾點來判斷適合的補充字體：

· 看看每個字體類型家族的小寫“o”。里面的“碗”是圓的還是橢圓的?匹配“o”類型相同或相似的字體。

· 字體厚或薄的搭配都是可行的。最好是搭配厚或薄的常規字體。

· 尋找在x高度上類似的字體(也就是在垂直高度上的x)。

· 不要害怕混合搭配不同類型的風格。嘗試一個serif和sans serif組合，只要確保在復雜字體的旁邊搭配一個簡單的字體即可。使用最廣泛的簡單類型，如正文。

· 注意傾斜和斜體(你可以把“o”的中心看作一個測試的標準)，不要使用超過一種傾斜的字體，避免字體的反方向“沖突”，它們對用戶來說可能是難以接受的。

3.設置字體的比例和大小

字體的大小可以決定一個項目的成敗。如果文本太大，它會導致不自然的閱讀模式，產生太多的停頓。如果文本太小，它會使眼睛緊張，導致用戶最終放棄而選擇離開。

當文本的樣式正確時，用戶可以更容易和自由地閱讀和了解文字的內容。

大小適中的文本在項目中也有不同大小的比例。主體文本是一個大小，標題是另一個大小，而子標題則是另一個大小。所有的尺寸和使用在整個設計過程中都應該是一致的。

在這個技巧上，它對用戶的作用是讓一切都更容易閱讀。

· 文本大小按重要性排列信息。更大的類型更重要，更有可能被大多數用戶瀏覽。

· 比例增加了文本的可掃描性，這樣用戶就可以快速地查看它。

· 相關項目外觀相同。

· 更大的文本元素，如子標題，有助于分解長文本塊，使其更易于閱讀。

4.注意間距

這個問題就不再是字體本身，而是在類型間距的問題了。

字距調整，引導，跟蹤和填充可以使你的字體類型更漂亮，但是，也可能把它變成得混亂。

關于保持正確的間隔，這是一個創建“藝術”的過程。很多都取決于實際的字母組合使用，大小和字體。沒有任何已經限定或規范的字距調整規則，而且對于文本和其他元素沒有完美的填充量。

你得盯著它看。

在這方面，更多的是依靠你的感覺。如果設計以一種你不能精確定位的方式感到“壓抑”的話，很大原因歸咎于間距問題。它需要不斷的練習才能把它做好。

5.左對齊

在英語和其他語言中，用戶的閱讀習慣是從左到右的，這也是在文本塊中優化可讀性的理想對齊方式。

小文本(如菜單欄的文本元素或Banner圖的主標題)不需要對齊到左邊，因為他們很快就可以閱讀。對于有大量字符的文本(不僅僅是一個句子)，應該采取的最適合的對齊方式就是左對齊的(理由目前還有爭議，盡管如果你不小心的話，它可能會引起一些間隔問題)。

6.選擇兩種字體類型的家族

這個規則很可能已經深深的植根于你的意識中了：只需要兩種字體就可以完成一個項目。

這里再次提一下這個觀點，因為很少有設計師真正關注這個規則。瀏覽網站設計或一個作品集網站時，你會很經常看到很多“暴走的字體”的項目。

如果你打算打破這個規則，再想想吧。你想要通過添加另一個類型的字體來獲得什么?相反，看看你選擇的字體，嘗試另一種風格——粗體或薄或斜體——可能是更好的解決方案。

7.不改變字體

永遠不要通過伸展、扭曲或傾斜一種字體來獲得“另一種”字體。如果你需要不同于你所擁有的東西，選擇一個不同的字體選擇。

字體設計師花了大量的時間來創作出的字體不是通過一些改動就可以完事的。改變字母的形式會傷害可讀性，并會導致字體在使用大于原始尺寸時會以像素化的方式“崩潰”。

8.大量運用對比

讓設計師陷入麻煩的情況之一是直接把字體類型放在圖像或背景元素上。只有當你在元素之間有足夠的對比以創建分離和確保可讀性時，它才會起作用。

如果必要的話，你可以通過添加投影到字母已創建對比和分離，如果文字層和背景層確實沒有足夠的對比的話。

光線在黑暗或深色背景中可以確保可讀性。這也有助于使用一個更規則或更寬的字體。

但事實并非總是如此。一張照片可能包括明亮和暗的空間，或者可能包括粗細的筆畫。

優化的選擇可以包括在“盒子”中展示文本、選擇較重的字體或在圖像上添加顏色疊加。所有這些技術可以幫助創建更多的對比，使文本更具可讀性(此外，當文本和圖像移動時，它們往往會被使用在多個響應式斷點中)。

9.記得為移動端調整字體

說到排版，移動端的可讀性應該是一個首要考慮的問題。像在字母上添加圖案或紋理等有趣的技巧可以在打印和一些桌面屏幕上工作，但在較小的設備上卻會不會有什么的效果的。

你需要考慮字體如何在所有使用終端中的呈現形式(回到你的排字標尺，記住要在大屏幕和小屏幕上添加類型的規格)。

移動端的排版通常比較大，而且比臺式機上的字體間距要大一些。如果段落更短，這樣你就不會有大量的文本來讀取，這也會對用戶造成困擾。

10.堅持一種風格分標準

一旦你針對網頁設計項目有了一個明確的想法，創建一個風格指南或者將你的使用規則規范化。

復印并把它放在一個你更容易獲得或看到的地方，當你對設計做出改變時，使用它。

一致性是完美字體設計的關鍵組成部分。

總結

大多數用戶可能對比如像壞的排版設計這樣的較專業的問題并不了解，他們只知道設計在整體的感覺上不太對。

在創造完美字體的時候，關鍵在于可讀性。字體類型必須易于閱讀和理解。它應該與文本所表現的情緒相匹配，用戶幾乎看不到它，但你需要做到他們不需要任何思考就可以輕松閱讀了。

----圖文來自：design shack

----由深圳網站建設公司-Clh翻譯編輯整理