在網頁設計和APP軟件中，一個好的排版不僅需要漂亮的字體。更高可讀性——易于導航——同時允許用戶專注于其內容。

這是一項相當艱巨的任務，但大多數設計師都可以通過練習來實現這一目標。

今天我們將看一下良好的用戶體驗需要遵循的10“指南”，您還可以學習如何幫助您設計出色的設計。 （每個規則都有一個網站的例子）

可讀性

必須使用sans serif的想法已經過時，但是為什么你必須使用sans serif的想法是一個過時的深層原因：文本必須易于閱讀。

您需要避免難以閱讀的字體，但這些難以閱讀的字體存在于腳本中，例如新奇字體或哥特字體。 （那些需要特殊裝飾的藝術字體除外。）

大多數可讀字體都可以輕松讀取，并且用戶不需要花太多時間來關注字體本身。這是可讀性指南的原則。

給行間距留足夠的空間

關鍵是要設計一個用戶喜歡的行間距。適當的行間距有利于閱讀，這在移動方面尤為重要。

導致行間更改的因素如下：

文本大小文本數量字體樣式屏幕寬度

沒有明確的規則告訴你該怎么做 - 但是你可以遵循一些規則：

對于大多數網站，將行間距設置為大約125％的文本大小。對于移動設備，請將行間距的文本大小設置為大約150％。使用寬松的段落間距——等于“回歸”——使段落易于閱讀用眼睛測試，看看文本是否松動或緊張在屏幕上。 （感覺可以）使用大而圓的字母

大而圓的單詞更容易閱讀。所以字母有一個大弧 - 這個弧就像字體中的圓形“o”。

壓縮和壓縮字體難以閱讀。松散的樣式（例如上面的示例）易于閱讀，因為每個字母都很容易區分。

給字體設置大小

毫無疑問，使用大文本會讓用戶感到舒適。大文本或小文字取決于您需要在頁面上放置多少文字;要特別注意大部分文字。

不同的設計師對使用多少文本有不同的想法，大多數人認為每行使用45-60個單詞是理想的。這縮小了手機的布局，大多數用戶都可以接受。

尋找字母高度

字母——的高度，特別是小寫字母——，使用戶可以輕松瀏覽您的內容。

小寫字母“x”仍然是小寫的“x”，無論它有多高。使用更高的“x”小寫字體更容易閱讀，這意味著小寫字母更接近大寫字母。找到字符集，其中x的高度是大寫字母高度的三分之二。

學會表現文本的字間距

良好的文字間距意味著良好的排版。

你沒有時間，你不需要它，回到這里的單詞間距。但是在顯示字體時。您希望將每個字母組合在一起，就像它們一樣。此詳細信息將幫助您說明如何防止用戶忘記重要部分。

考慮比例

比例可以幫助您為項目創建樣式。雖然這聽起來像是一個數學問題，但它可以使您的工作更輕松。

回到行間距;那是比例。考慮文本的大小，文本主干，副標題，標題和副本的大區域。將它們連接在一起在視覺上是和諧的，你知道什么樣的比例更好。起初可能有點復雜，但TutsPlus有一個很酷的教程可以幫助您理解它。

統一風格

說到字母的形式，粗體是非常重要的。很難閱讀，因為超精細字母缺乏對比度。同樣，罰款和粗體之間存在強烈對比，同樣存在問題。

解決方案：堅持使用相對統一的字體形式。這種風格易于使用，無論您使用哪種背景都是可讀的。

限制字體的使用

兩種字體。再說一遍：兩種字體。

所有設計都應遵循本指南。太多字體會讓您的用戶發瘋。眼睛可能非常痛苦且可讀性差。它也讓用戶非常痛苦。

學習使用兩種字體——如果你需要——來保持這種習慣，你可以擁有一種藝術字體。標出應該如何使用每種字體。包括顏色，大小和相應的位置。對于每個設備，不同的頁面也應該是一致的。

對比度

在一些流行的設計中，背景和字體之間只有很小的差異。它看起來很酷，但它不那么友好，而且可讀性差。

內容是使您的網站特別重要的關鍵。使背景和字體更加不同，它允許用戶輕松閱讀。 （這就是為什么黑色或深色背景非常適合白色或淺色背景。）

網站文本越多，這些指南就越重要。當您睜著眼睛看文本時，對比度可能會減弱（或者字母太小）。 Color Safe是一款功能強大的色彩工具，可幫助您組合接近對比度的色彩。 （它會使你的網站看起來更酷！）

排版設計可以幫助您設計出非常好的設計體驗。