優化網站排版也是一種優化用戶界面的方法。在本文中，作者將分享一套規則，幫助您提高文本內容的可讀性和可讀性。

溝通在設計中起著至關重要的作用——它建立網站和用戶之間的聯系，幫助他們實現他們的目標。當我們談論網頁設計中的交流時，我們通常指的是文本的輸出。

印刷術在這一過程中起著至關重要的作用：超過95%的信息是以書面形式出現的。好的排版使閱讀行為變得容易，而糟糕的排版使用戶關閉頁面。網頁設計是95%種排版設計：

換句話說，優化網站排版也是優化用戶界面的一種方式。在下面的文章中，我將提供一組規則來幫助您提高文本內容的可讀性和可讀性。

使用超過3種不同字體會使網站看起來不結構化和不專業。請注意，使用更多字體樣式可以一次性破壞所有布局。

一般來說，字體的數量被限制在最小（兩個以上，一個正好）。如果使用多個字體，請確保字體具有序列感，并且其字符寬度是相輔相成的。以以下字體的組合為例：格魯吉亞和韋爾達河。Na（左）結合創建一對和諧的相似價值觀。相比之下，巴斯克維爾和沖擊（右）顯著地掩蓋了SerIFs的不匹配，創造了更好的視覺體驗。

字體嵌入式服務（如谷歌Web字體或Type KIT）有許多有趣的字體，為您的設計提供創新、新鮮和意想不到的效果，而且它們也非常方便使用。以谷歌為例：

除非你的網站有足夠吸引人的自定義字體（例如品牌化或創建沉浸式體驗），最好使用系統字體。更安全的方式是使用系統字體：Arial、Calibri、Tebe等。記住好排版會吸引讀者而不是文本I。我自己。

每行放置適當數量的字符是文本可讀性的關鍵。它不僅是你的設計，它決定了你的文字寬度，它也應該是一個可讀的問題。

如果你想要一個好的閱讀體驗，你應該限制每行大約60個字符。每行有合適的字符數是文本可讀性的關鍵。

如果一條線太短，眼睛必須經常回過頭來打破讀者的節奏。如果一行文字太長，用戶的眼睛將不能長時間聚焦在單行文本上。圖像來源：材料設計

對于移動設備，每行基本上是30-40個字符。下面是移動設備上瀏覽的兩個網站的例子。第一個使用每行50-75個字符（每行和桌面最好的字符數），而第二個使用最好的30-40個字符。

用戶將從具有不同屏幕大小和分辨率的設備訪問您的網站。大多數用戶界面需要不同大小的文本元素（按鈕文本、字段標簽、部件標題等）。選擇適合各種尺寸和分辨率的字體以保持每個尺寸是很重要的?？勺x性和可用性。

確保你選擇的字體在較小的屏幕上是清晰可辨的。盡量避免像Vivaldi這樣的腳本字體（在下面的例子中）：雖然它們很漂亮，但是很難閱讀。

許多字體可以很容易混淆類似的字母形式，特別是與I和L（如下所示）和字母間距差。

例如，當R和N看起來像M.時，在選擇類型時，一定要在不同的上下文中檢查類型，以確保它不會對用戶造成問題。

所有的大寫字母——意思是所有字母的文本——在沒有閱讀的上下文中（例如縮寫詞或徽標）看起來都很漂亮，但是當你的信息涉及閱讀時，不要強迫所有的大寫字母被使用。正如Miles Tinker所說，在他里程碑式的工作可讀性中，所有大寫字母都會增加。掃描和讀取的速度，與小寫類型相比。

在排版中，我們有兩個文本行（或行高）之間的間距的特殊術語。通過增加行的高度，可以增加文本行之間的垂直空白空間，并且通常增加屏幕空間返回的可讀性。字符高度提高可讀性。

正如Dmitry Fadeyev指出的，正確地使用段落之間的空格可以增加20%的理解力。使用空白技能可以為用戶提供知識，這些知識可以改變知識，然后斷開無關的細節。

文本和背景不應使用相同或相似的顏色。文本越明顯，用戶掃描和閱讀的速度就越快。W3C建議正文文本和圖像文本之間的對比如下：

一旦選擇了顏色，在大多數設備上測試真實用戶是絕對必要的。如果任何測試都顯示了閱讀文本的問題，那么您可以確保您的用戶有完全相同的問題，然后以統一的方式解決。

色盲是一種常見的情況，尤其是男性（8%的人是色盲），建議使用除顏色以外的其他光纜來區分重要信息。此外，避免使用紅色和綠色單獨傳達信息，因為紅色和綠色的色盲是最多的。色盲的常見形式。

閃爍本身或閃爍的內容可能觸發敏感個體的神經攻擊，它不僅會引起神經阻力，而且可能對一般用戶來說是惱人的或分散注意力的。

文本排版是一個重要的設計領域。正確的排版選項可以使您的網站感覺更新，因此排版的可讀性、清晰度和清晰度非常重要。文本排版的存在是為了突出內容，內容的可讀性應該以一種方式來增強。不增加用戶的認知負荷。