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