在網(wǎng)頁設(shè)計(jì)和APP軟件中，一個(gè)好的排版不僅需要漂亮的字體。更高可讀性——易于導(dǎo)航——同時(shí)允許用戶專注于其內(nèi)容。

這是一項(xiàng)相當(dāng)艱巨的任務(wù)，但大多數(shù)設(shè)計(jì)師都可以通過練習(xí)來實(shí)現(xiàn)這一目標(biāo)。

今天我們將看一下良好的用戶體驗(yàn)需要遵循的10“指南”，您還可以學(xué)習(xí)如何幫助您設(shè)計(jì)出色的設(shè)計(jì)。 （每個(gè)規(guī)則都有一個(gè)網(wǎng)站的例子）

可讀性

必須使用sans serif的想法已經(jīng)過時(shí)，但是為什么你必須使用sans serif的想法是一個(gè)過時(shí)的深層原因：文本必須易于閱讀。

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

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

給行間距留足夠的空間

關(guān)鍵是要設(shè)計(jì)一個(gè)用戶喜歡的行間距。適當(dāng)?shù)男虚g距有利于閱讀，這在移動(dòng)方面尤為重要。

導(dǎo)致行間更改的因素如下：

文本大小文本數(shù)量字體樣式屏幕寬度

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

對于大多數(shù)網(wǎng)站，將行間距設(shè)置為大約125％的文本大小。對于移動(dòng)設(shè)備，請將行間距的文本大小設(shè)置為大約150％。使用寬松的段落間距——等于“回歸”——使段落易于閱讀用眼睛測試，看看文本是否松動(dòng)或緊張?jiān)谄聊簧稀?（感覺可以）使用大而圓的字母

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

壓縮和壓縮字體難以閱讀。松散的樣式（例如上面的示例）易于閱讀，因?yàn)槊總€(gè)字母都很容易區(qū)分。

給字體設(shè)置大小

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

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

尋找字母高度

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

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

學(xué)會(huì)表現(xiàn)文本的字間距

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

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

考慮比例

比例可以幫助您為項(xiàng)目創(chuàng)建樣式。雖然這聽起來像是一個(gè)數(shù)學(xué)問題，但它可以使您的工作更輕松。

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

統(tǒng)一風(fēng)格

說到字母的形式，粗體是非常重要的。很難閱讀，因?yàn)槌?xì)字母缺乏對比度。同樣，罰款和粗體之間存在強(qiáng)烈對比，同樣存在問題。

解決方案：堅(jiān)持使用相對統(tǒng)一的字體形式。這種風(fēng)格易于使用，無論您使用哪種背景都是可讀的。

限制字體的使用

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

所有設(shè)計(jì)都應(yīng)遵循本指南。太多字體會(huì)讓您的用戶發(fā)瘋。眼睛可能非常痛苦且可讀性差。它也讓用戶非常痛苦。

學(xué)習(xí)使用兩種字體——如果你需要——來保持這種習(xí)慣，你可以擁有一種藝術(shù)字體。標(biāo)出應(yīng)該如何使用每種字體。包括顏色，大小和相應(yīng)的位置。對于每個(gè)設(shè)備，不同的頁面也應(yīng)該是一致的。

對比度

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

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

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

排版設(shè)計(jì)可以幫助您設(shè)計(jì)出非常好的設(shè)計(jì)體驗(yàn)。