如何為網(wǎng)站挑選可訪問性良好的英文字體
來源:易賢網(wǎng) 閱讀:820 次 日期:2016-03-26 15:39:52
溫馨提示:易賢網(wǎng)小編為您整理了“如何為網(wǎng)站挑選可訪問性良好的英文字體”,方便廣大網(wǎng)友查閱!

本文的作者 Stuart de Rozario 是一位屢獲殊榮的字體設計師,供職于精品字體設計工作室 Fontsmith,對于可訪問性設計有著非常深入的了解。

包容性設計是一個熱門的話題,它拒絕少數(shù)服從多數(shù),也不是讓多數(shù)配合少數(shù),而是保持對大眾的廣泛關注,創(chuàng)造出擁有足夠包容性的好設計。從這個層面上來說,設計的可訪問性必須做到足夠好,盡量讓大家都能輕松方便地享受設計的成果,良好的對比度,普適的交互模式,以及我們提的最多的正確的字體選取。

如何為網(wǎng)站挑選可訪問性良好的英文字體?

值得一提的是,不僅僅是公共機構的網(wǎng)站需要注意選取可訪問性優(yōu)異的字體,品牌和企業(yè)的網(wǎng)站中字體的選取同樣需要精心挑選。但是,你如何確定哪些字體合適?這是否意味著要在設計上做妥協(xié)?

并不一定。今天我們來聊聊英文字體的選取的技巧,下面的12條技巧,應當能給你足夠的幫助,幫你選取擁有足夠包容性和可訪問性的英文字體。(注意,這里討論的是挑選盡可能讓所有人都能清晰閱讀的字體,尋找展示性、個性化、強形式感的功能性字體是另一個問題。)

1、盡量不要選擇那些看起來就非常童趣的字體,完全沒有這個必要。這是相當常見的錯誤,原因也很明顯:挑選一款高包容性、可訪問性好的字體的時候,它的平衡性和實用性同個性化同樣重要。

2、有些字體設計風格會讓特定的幾個字母之間的識別度降低。最常見的就是數(shù)字 “8″ 和大寫字母 “B”,大寫的 “I (i)” 和小寫字母 “l(fā) (L)” 之間的識別度問題。選擇帶有襯線的字體能夠讓小寫字母“i”和大寫字母 “I” 更好地被分辨出來,即便是在較小的屏幕上。如果字體中的小寫字母 “a” 是雙層結構則能很好的同小寫字母 “o” 區(qū)分開。

3、如果你需要在標題或者頭條的位置使用較少的文本,而字體大小在16pt 及以上的時候,那么使用筆畫較為舒展、內外空間都比較大的非襯線體是相當不錯的。

pt 也就是 Point ,而我們常說的 px 指的是像素 Pixel,兩者有著明顯的差異。pt 源自平面印刷領域,指的是1/72 英寸,是一個固定的長度,而px 指的是像素點,在iPhone 3GS 上 5px 的物理長度和 iPhone 6s 上 5px 的物理長度是不一樣的,前者由于像素密度低從而導致5px 的物理長度更長。所以,px 是一個“相對長度”單位,而 pt 是一個“絕對長度”單位。

4、在選取網(wǎng)頁字體的時候,盡量選取 X高度較大的字體。X高度覆蓋的區(qū)域是閱讀的主體,而上伸部和下降部則為每個字母提供了足夠的識別度。上升部應該比大寫字母稍微高一點。

X高度通常指的是小寫字母的平均高度,之所以為稱為x高度是應為通常拿字母x作為參考。諸如字母 “h” 和 “f” 超出X高度的部分被稱為 Ascender,也就是上伸部。而字母 “p” 和 “g” 下方低于X高度的部位則被稱為 Descender,即是下降部。

 5、盡量挑選內部空間均衡、外部輪廓銳利、末端清晰的字體,當字體較小的時候,字母之間距離縮小靠近,空間會被模糊、填充,會影響識別度和可讀性。

西文字體設計存在“External Counter”和“Internal Counter”的概念,通常稱之為外部空間和內部空間。小寫字母 “a” 和 “e” 的字母內部兩個空白區(qū)域即為內部空間,如果某部分內部空間比較小,當字體尺寸較小的時候,會降低識別度。諸如字母 “r” 和 “n” 則需要注意它們外輪廓的細節(jié)銳利度和那些勾勒細節(jié)的外部空間,也就是豎線和弧線之間所夾的空間。如果外部空間較小,在字母間距較小的情況下”rn” 和 “m” 就很難分辨了。

6、數(shù)字的設計也應該有特色,尤其是數(shù)字 “0″ 應當同大寫字母 “O” 有顯著的差別,而數(shù)字 “6″ 和 “9″ 的末端開口應當足夠舒展開闊。

7、字母的X高度和筆畫寬度之間有一個最佳比例,為了達到最佳可讀性,通常筆畫寬度應該控制在X高度的17%~20%。

8、挑選小寫字母 “t” 上面的一橫相對長一些的字體,這樣字母的識別度會更高。

9、大寫字母 “Q” 底部的尾巴能增強字母的識別度,字體選取的時候應當注意這個細節(jié)。

10、字母之間的間距應當均勻而富有韻律感,這樣能提升字母的可讀性和識別度。間距太大太小都會讓人感覺不適。

11、在黑色的背景下,將字體色彩設定為白色,輸入一段文字,查看它們的顯示效果。如果字母之間間距看起來比較小,字母的形狀看起來像在“發(fā)光”,從而令字母仿佛比單獨看更粗的話,那么你應當選取筆畫更細的字體。

12、你應當挑選字重范圍更廣的字體族,這樣當你在設定不同平臺、不同屏幕尺寸、不同設備下的顯示效果的時候,可以更加輕松自由地找到對的效果。

要注意的事情是,包容性設計并不是意味著非得犧牲優(yōu)雅和個性。一款精心設計、可訪問性優(yōu)秀的字體是可以兼顧優(yōu)雅和個性的,不過高度的識別度和可讀性是核心,盡量包容更廣泛的用戶的需求。

更多信息請查看網(wǎng)頁制作
易賢網(wǎng)手機網(wǎng)站地址:如何為網(wǎng)站挑選可訪問性良好的英文字體
由于各方面情況的不斷調整與變化,易賢網(wǎng)提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢?yōu)闇剩?/div>

2025國考·省考課程試聽報名

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯(lián)系我們 | 人才招聘 | 網(wǎng)站聲明 | 網(wǎng)站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業(yè)和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網(wǎng)安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
聯(lián)系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網(wǎng)