網(wǎng)頁(yè)文字排版的10個(gè)注意事項(xiàng)！
對(duì)于網(wǎng)頁(yè)而言，視覺(jué)**的傳達(dá)至關(guān)重要。用戶通過(guò)頁(yè)面獲取**，文字、圖片、圖標(biāo)、按鈕、表單等UI元素都承載著不同類(lèi)型的**。在這其中，文字的作用尤其巨大。排版設(shè)計(jì)的時(shí)候，對(duì)于文*內(nèi)容的處理，占據(jù)了相當(dāng)大的比例。雖然網(wǎng)絡(luò)上，**呈現(xiàn)的方式多種多樣，但是依然有超過(guò)9成的**是通過(guò)文*來(lái)傳遞的。良好的排版設(shè)計(jì)能讓閱讀成為一件愉悅的事情，換句話來(lái)說(shuō)，優(yōu)化排版設(shè)計(jì)就是優(yōu)化UI界面。今天的時(shí)間財(cái)富網(wǎng)小編總結(jié)了文字排版的10個(gè)常見(jiàn)注意事項(xiàng)，幫你真正有效提升內(nèi)容的可讀*和易讀*。
1、控制字體數(shù)量
當(dāng)你的網(wǎng)頁(yè)文*內(nèi)容中使用超過(guò)3種完全不同的字體的時(shí)候，會(huì)讓網(wǎng)站顯得結(jié)構(gòu)紊亂和不專(zhuān)業(yè)。
太多字體和復(fù)雜的樣式都會(huì)對(duì)布局產(chǎn)生影響。為了阻止這種情況的發(fā)生，盡量控制字體類(lèi)型的數(shù)量是很有必要的。
一般說(shuō)來(lái)，限制字體數(shù)量是一種非常有用的方法（最多兩種字體，通常一個(gè)字體能夠搞定絕大多數(shù)的排版），在整個(gè)網(wǎng)站設(shè)計(jì)中堅(jiān)持使用一種字體能夠帶來(lái)足夠一致的體驗(yàn)。如果你需要使用兩種，甚至更多的字體，那么請(qǐng)確保這幾種字體族之間能夠互相補(bǔ)充、互相搭配。
2、嘗試使用標(biāo)準(zhǔn)字體
諸如Google web Fonts 和Typekit 這樣的在線字體服務(wù)能夠?yàn)槟阃扑]許多新鮮有趣的字體，意想不到字體設(shè)計(jì)，在很多場(chǎng)合能夠給用戶帶來(lái)新鮮的體驗(yàn)。
3、控制每行內(nèi)容的長(zhǎng)度
每行文*的字符數(shù)，其實(shí)直接影響著內(nèi)容的可讀*。正如同Baymard 通過(guò)研究所發(fā)現(xiàn)的那樣：
“如果你想擁有良好的閱讀體驗(yàn)，將每行文字控制在大概60個(gè)字符左右，這個(gè)字符數(shù)量能夠讓你的內(nèi)容擁有恰到好處的可讀*?！?/p>
如果文*太短，用戶的內(nèi)容掃**率會(huì)過(guò)高，經(jīng)常會(huì)打破閱讀的節(jié)奏，而如果太長(zhǎng)了，用戶會(huì)很難持續(xù)的保持高專(zhuān)注度的閱讀。
4、選擇各種尺寸下都能良好顯示的字體
用戶注定是要通過(guò)不同的設(shè)備來(lái)訪問(wèn)你的網(wǎng)站的。絕大多數(shù)的用戶界面需要使用到大小不一的文*元素來(lái)作為支撐，正文，標(biāo)題，按鈕標(biāo)簽，表單，等等等等。你所選擇的字體，應(yīng)該在不同的尺寸、不同字重的情況下，都能具備良好的可讀*。
5、使用易于識(shí)別的字體
由于英文字體*身的幾何特征，許多字體在設(shè)計(jì)的時(shí)候，稍不注意就會(huì)讓用戶難以識(shí)別，尤其是字母“i”和“L”，字母“r”、“n”和“h”，在選擇字體的時(shí)候，應(yīng)該特別注意這方面的問(wèn)題，確保不會(huì)在這些基*的問(wèn)題上，給用戶造成困擾。
6、避免全部大寫(xiě)的情況
其實(shí)在英語(yǔ)言國(guó)家的網(wǎng)站中，使用全部大寫(xiě)的文*，是一個(gè)特別典型的設(shè)計(jì)上的忌諱。正如同 Miles Tinker 所說(shuō)，全部的段落都使用大寫(xiě)字母，和小寫(xiě)字母相比，可讀*有著明顯的降低，直接反映在用戶身上，就是文*的閱讀速度明顯降低了。
7、注意控制行高
在排版中，Leading，也就是行高，是一個(gè)非常常見(jiàn)的重要概念。在排版設(shè)計(jì)當(dāng)中，行高也是很值得關(guān)注。換個(gè)更容易理解的概念來(lái)闡述這件事情，行間距，正常情況下，行間距應(yīng)該是文*高度的30%，這樣能夠確保視覺(jué)上的清晰易讀。
8、確保色彩對(duì)比度合理
文*和背景應(yīng)該有足夠的對(duì)比度，文*越明顯，用戶就越能快速清晰地獲取其中的**。按照W3C的建議，文*和背景的對(duì)比是有規(guī)則的
9、避免使用紅色和綠色的文*
紅綠色盲是最常見(jiàn)的視力障礙之一，通常使用彩色的文*而是用來(lái)區(qū)分重要**的，但是紅綠兩色則可能會(huì)失去視覺(jué)傳達(dá)的*能。即使只使用紅色，有盡量搭配其他的區(qū)分方式。
10、避免使用閃爍的文*
閃爍的文*確實(shí)能夠引起用戶的注意力，但是它存在的最大問(wèn)題是讓人覺(jué)得不適，甚至?xí)鹛囟ㄓ脩舻陌d癇類(lèi)疾病。討厭且令人分心的閃爍文*，無(wú)論從哪個(gè)角度上來(lái)看，都是得不償失的設(shè)計(jì)失誤。
