文字排版的注意事項(xiàng)
對(duì)于網(wǎng)頁(yè)而言,排版設(shè)計(jì)的時(shí)候?qū)τ谖谋緝?nèi)容的處理,占據(jù)了相當(dāng)大的比例。今天小編文字排版的10個(gè)常見注意事項(xiàng),幫你真正有效提升內(nèi)容的可讀性和易讀性。
文字排版注意事項(xiàng)有哪些
1、控制字體數(shù)量
當(dāng)你的網(wǎng)頁(yè)文本內(nèi)容中使用超過3種完全不同的字體的時(shí)候,會(huì)讓網(wǎng)站顯得結(jié)構(gòu)紊亂和不專業(yè)。
太多字體和復(fù)雜的樣式都會(huì)對(duì)布局產(chǎn)生影響。
為了阻止這種情況的發(fā)生,盡量控制字體類型的數(shù)量是很有必要的。
一般說來,限制字體數(shù)量是一種非常有用的方法(最多兩種字體,通常一個(gè)字體能夠搞定絕大多數(shù)的排版),在整個(gè)網(wǎng)站設(shè)計(jì)中堅(jiān)持使用一種字體能夠帶來足夠一致的體驗(yàn)。如果你需要使用兩種,甚至更多的字體,那么請(qǐng)確保這幾種字體族之間能夠互相補(bǔ)充、互相搭配。以下方四個(gè)字體為例,四個(gè)字體當(dāng)中 Georgia 和 Verdana 在字體的大小、寬度上都比較接近,兩者構(gòu)成和諧的搭配。相比而言,右側(cè)的兩款字體 Baskerville 和 Impact 如果搭配在一起就很不合適了,Impact 過于厚重,而 Baskerville 的襯線也過于突出。
2、嘗試使用標(biāo)準(zhǔn)字體
諸如Google web Fonts 和Typekit 這樣的在線字體服務(wù)能夠?yàn)槟阃扑]許多新鮮有趣的字體,意想不到字體設(shè)計(jì),在很多場(chǎng)合能夠給用戶帶來新鮮的體驗(yàn)。在使用上,也確實(shí)非常方便,比如Google Web Fonts 是這么用的:
選一款你喜歡的字體,比如 Open Fonts生成代碼,貼到HTML文檔的標(biāo)簽中完成!
這種操作其實(shí)和把大象放到冰箱里面一樣簡(jiǎn)單。
那么,到底問題出在哪兒呢?
首先,你是選取的漂亮字體并不是誰(shuí)的電腦里面都會(huì)有的,最前先的例子是,Windows電腦中的微軟雅黑并不是Mac的標(biāo)配字體,如果你的網(wǎng)頁(yè)中使用了微軟雅黑,它會(huì)在Mac電腦中以蘋方來顯示。你挑選的字體并非普遍存在的,最終會(huì)以另外一種樣子呈現(xiàn)在別人的屏幕上,用戶熟悉的還是那些標(biāo)準(zhǔn)的、常見的字體,最安全的英文字體始終都是 Arial、Calibri、Trebuchet 等字體。良好排版實(shí)際上只是基礎(chǔ),吸引人的.始終是漂亮整齊的布局和優(yōu)質(zhì)的內(nèi)容,而非字體本身。
3、控制每行內(nèi)容的長(zhǎng)度
每行文本的字符數(shù),其實(shí)直接影響著內(nèi)容的可讀性。正如同Baymard 通過研究所發(fā)現(xiàn)的那樣:
“如果你想擁有良好的閱讀體驗(yàn),將每行文字控制在大概60個(gè)字符左右,這個(gè)字符數(shù)量能夠讓你的內(nèi)容擁有恰到好處的可讀性!
如果文本太短,用戶的內(nèi)容掃視頻率會(huì)過高,經(jīng)常會(huì)打破閱讀的節(jié)奏,而如果太長(zhǎng)了,用戶會(huì)很難持續(xù)的保持高專注度的閱讀。
在移動(dòng)端上,每行文字應(yīng)該控制在30~40個(gè)字符之間,這也符合目前的用戶使用習(xí)慣和閱讀體驗(yàn)。參考下面的對(duì)比圖,可以看出,40~60個(gè)字符數(shù)通常能夠取得最佳的閱讀體驗(yàn)。
在網(wǎng)頁(yè)設(shè)計(jì)中,通常使用 em 和 px 來控制文本塊的寬度,借此來控制每行的字符數(shù)量。
【文字排版的注意事項(xiàng)】相關(guān)文章:
wps文字排版技巧09-28
網(wǎng)頁(yè)設(shè)計(jì)文字排版11-15
WPS文字中排版的技巧09-10
網(wǎng)頁(yè)設(shè)計(jì)文字排版技巧09-10
PS文字排版工具的使用技巧09-23
打印排版注意事項(xiàng)05-02