網(wǎng)絡(luò)上95%以上的信息是書面情勢(shì)的。優(yōu)化排版則是優(yōu)化可讀性,可訪問性,可用性,團(tuán)體圖形平衡。換句話說:優(yōu)化排版也是優(yōu)化用戶界面。本文將提供一組規(guī)則,幫助您進(jìn)步文本內(nèi)容的可讀性和易讀性。
1. 最少使用字體數(shù)量
使用超過3種不同的字體使網(wǎng)站看起來非結(jié)構(gòu)化和不專業(yè),太多的類型尺寸和樣式一次也可能破壞任何布局。
一樣平常來說,整個(gè)網(wǎng)站字體的數(shù)量限定在最多兩種,一種一樣平常就充足了。假如您使用多個(gè)字體,請(qǐng)確保字系統(tǒng)基于字符寬度互補(bǔ)。如圖:左邊組的字體相對(duì)就比較協(xié)調(diào),而右邊字體的粗細(xì)對(duì)比太顯明,則顯得輕重比例很不協(xié)調(diào)了。
2. 嘗試使用標(biāo)準(zhǔn)字體
字體嵌入服務(wù)(如Google Web字體或Typekit)有很多風(fēng)趣而標(biāo)準(zhǔn)的體系字體,而由于用戶更加認(rèn)識(shí)標(biāo)準(zhǔn)字體,所以可以更快地讀取它們。
除非您的網(wǎng)站對(duì)于自定義字體(如品牌宣傳或創(chuàng)建身臨其境的體驗(yàn))特別很是有吸引力,否則通常最好使用體系字體。
3. 限定線長(zhǎng)度
假如你想要一個(gè)優(yōu)秀的閱讀體驗(yàn),你應(yīng)該每行約60個(gè)字符。在每行上擁有適當(dāng)?shù)淖址麛?shù)量是您的文本可讀性的關(guān)鍵。假如每行筆墨太短,視線必須反復(fù)折回來,打破讀者的節(jié)奏。假如一行筆墨太長(zhǎng),用戶的眼睛將很難專注于文本。
對(duì)于移動(dòng)設(shè)備,您應(yīng)該每行30-40個(gè)字符 。以下是在移動(dòng)設(shè)備上查看的兩個(gè)網(wǎng)站的示例。第一個(gè)使用每行50-75個(gè)字符(打印和桌面的每行最佳字符數(shù))關(guān)鍵字排名,而第二個(gè)使用最佳30-40個(gè)字符。
4. 選擇各種尺寸的字體
確保您選擇的字體在較小的屏幕上清晰可辨!
維瓦爾第字體將難以在小屏幕上閱讀:
5. 使用可區(qū)分字母的字體
很多字體使得很容易混淆類似的字母,分外是與“i”和“L”(如下圖所示),所以當(dāng)選擇你的字體類型時(shí),請(qǐng)確保在不同的上下文中檢查你的類型,以確保不會(huì)為你的用戶造成題目。
6. 避免英文悉數(shù)大寫
請(qǐng)勿強(qiáng)制用戶閱讀所有大寫字母,與小寫類型相比西安人事考試報(bào)名,那只會(huì)大大延緩了用戶掃描和閱讀的速度,讓他們分分鐘爆炸。
7. 不要最小化線間距
行間距一樣平常是字符高度的30%,以便優(yōu)秀的可讀性。
而段落之間的間距可以比行間距進(jìn)步20%,留白可以為用戶提供消化內(nèi)容的時(shí)間。
8. 確保您有充足的顏色對(duì)比度
不要對(duì)文本和背景使用雷同或相似的顏色。文本越顯明,用戶能夠掃描和閱讀的速度越快。
這些文本行不吻合顏色對(duì)比度建議,難以根據(jù)背景顏色進(jìn)行閱讀
這些文本行吻合顏色對(duì)比度建議,并且易于閱讀背景顏色
9. 避免將筆墨著色為紅色或綠色
建議使用除顏色以外的其他線索來區(qū)分緊張信息。也避免單獨(dú)使用紅色和綠色來傳達(dá)信息,避免有色盲用戶無法順利閱讀的情況。
10. 避免使用閃爍的筆墨
閃爍或閃爍的內(nèi)容可能會(huì)使一些敏感人群發(fā)瘋,并且對(duì)于一樣平常使用者來說,這可能是令人膩煩或分心的。