??網(wǎng)絡(luò)上95%以上的信息是書面形式的 。優(yōu)化排版則是優(yōu)化可讀性 ， 可訪問性 ， 可用性 ， 整體圖形平衡 。換句話說：優(yōu)化排版也是優(yōu)化用戶界面 。將提供一組規(guī)則 ， 幫助您提高文本內(nèi)容的可讀性和易讀性 。
??1. 最少使用字體數(shù)量
??使用超過 3 種不同的字體使網(wǎng)站看起來非結(jié)構(gòu)化和不專業(yè) ， 太多的類型尺寸和樣式一次也可能破壞任何布局 。
??一般來說 ， 整個網(wǎng)站字體的數(shù)量限制在最多兩種 ， 一種一般就足夠了 。如果您使用多個字體 ， 請確保字體系基于字符寬度互補(bǔ) 。如圖：左邊組的字體相對就比較和諧 ， 而右邊字體的粗細(xì)對比太明顯 ， 則顯得輕重比例很不和諧了 。
【網(wǎng)頁排版容易犯的10種錯誤】
??2. 嘗試使用標(biāo)準(zhǔn)字體
??字體嵌入服務(wù)(如Google Web字體或Typekit)有許多有趣而標(biāo)準(zhǔn)的系統(tǒng)字體 ， 而因為用戶更加熟悉標(biāo)準(zhǔn)字體 ， 所以可以更快地讀取它們 。
??除非您的網(wǎng)站對于自定義字體(如品牌宣傳或創(chuàng)建身臨其境的體驗)非常有吸引力 ， 否則通常最好使用系統(tǒng)字體 。
??3. 限制線長度
??如果你想要一個良好的閱讀體驗 ， 你應(yīng)該每行約 60 個字符 。在每行上擁有適當(dāng)?shù)淖址麛?shù)量是您的文本可讀性的關(guān)鍵 。如果每行文字太短 ， 視線必須反復(fù)折回來 ， 打破讀者的節(jié)奏 。如果一行文字太長 ， 用戶的眼睛將很難專注于文本 。
??對于移動設(shè)備 ， 您應(yīng)該每行30- 40 個字符。以下是在移動設(shè)備上查看的兩個網(wǎng)站的示例 。第一個使用每行50- 75 個字符(打印和桌面的每行最佳字符數(shù)) ， 而第二個使用最佳30- 40 個字符 。
??4. 選擇各種尺寸的字體
??確保您選擇的字體在較小的屏幕上清晰可辨!
??維瓦爾第字體將難以在小屏幕上閱讀：
??5. 使用可區(qū)分字母的字體
??許多字體使得很容易混淆類似的字母 ， 特別是與“i”和“L”(如下圖所示) ， 所以當(dāng)選擇你的字體類型時 ， 請確保在不同的上下文中檢查你的類型 ， 以確保不會為你的用戶造成問題 。
??6. 避免英文全部大寫
??請勿強(qiáng)制用戶閱讀所有大寫字母 ， 與小寫類型相比 ， 那只會大大延緩了用戶掃描和閱讀的速度 ， 讓他們分分鐘爆炸 。
??7. 不要最小化線間距
??行間距一般是字符高度的30% ， 以便良好的可讀性 。
??而段落之間的間距可以比行間距提高20% ， 留白可以為用戶提供消化內(nèi)容的時間 。下圖左：幾乎重疊的文字 。右：良好的間距有助于可讀性 。
??8. 確保您有足夠的顏色對比度
??不要對文本和背景使用相同或相似的顏色 。文本越明顯 ， 用戶能夠掃描和閱讀的速度越快 。
??9. 避免將文字著色為紅色或綠色
??建議使用除顏色以外的其他線索來區(qū)分重要信息 。也避免單獨使用紅色和綠色來傳達(dá)信息 ， 避免有色盲用戶無法順利閱讀的情況 。
??10. 避免使用閃爍的文字
??閃爍或閃爍的內(nèi)容可能會使一些敏感人群發(fā)瘋 ， 并且對于一般使用者來說 ， 這可能是令人討厭或分心的 。
??結(jié)論：
??使排版具有可讀性 ， 可理解性、清晰明了至關(guān)重要 。至關(guān)重要 。好的排版可以讓您的網(wǎng)站感覺清爽而令人眼前一亮 。另一方面 ， 糟糕的排版選擇令人分心 。排版是為了內(nèi)容更好的呈現(xiàn) ， 應(yīng)以不會增加用戶認(rèn)知負(fù)荷的方式來尊重內(nèi)容 。
推薦閱讀
- 網(wǎng)站建設(shè)容易忽視的問題
- 存儲卡容量不斷減小的問題
- 網(wǎng)站建設(shè)容易被忽略的元素
- matlab學(xué)會需要多久
- mark一下怎么用
- miui11什么時候
- n站app怎么改中文
- pos機(jī)密鑰
- 病毒內(nèi)容兒童手抄報 病毒內(nèi)容兒童畫報
- 安卓怎么玩蘋果游戲