無障礙字體指南:如何讓字體更為友好

5 評論 3952 瀏覽 4 收藏 7 分鐘

編輯導語:字體/字型是無障礙閱讀的體驗基線。友好的字體可以幫助特殊人群提高閱讀的易讀性和可讀性,本文就介紹了設計字體的幾大原則,希望感興趣的小伙伴閱讀,并從中獲得一些經驗。

但想要讓字體真正具備無障礙性則需要結合其他的最佳視覺原則;同時如果沒有選擇一個好的字體,僅用顏色對比這類的方法的效果也只是有限的。

  • 易讀性*:描述的是在文字排版設計過程中,觀者對每一單個文字的辨識程度,常與文字的印刷、尺寸和外觀相聯系,文字的易讀性高低決定了觀者是否能夠準確的辨識出文字內容。
  • 可讀性*:說的是在一段內容中文字、句子構造的復雜度。在這背后的假定前提是復雜的句子比簡單的更難分解和閱讀。一般描述為可以輕松進行閱讀的閱讀能力。

一、BBC Reith & Qalam

二、無障礙字體指南

我們在開發BBC Reith和Qalam所進行的實驗讓我們總結出了一些原則。使用這些方法可以為有學習障礙、視覺障礙、失語癥、失讀癥的人提供更友好的字體(typeface)設計和字型(font)選擇方案,同時可以保持我們網站或app的品牌完整性和一致性。

  • 鏡像書寫癥*:是腦部疾病引起的一種特殊類型的書寫障礙,它是指書寫時出現字體及筆畫順序的逆轉.即書寫的字左右顛倒,像照在鏡子里一樣。
  • 敏感性綜合癥*:又稱艾倫綜合癥,是視覺感知的問題,由于用于解釋視覺信息的大腦區域功能障礙,人們難以處理文本。在患有艾倫綜合癥的人中,在各種情況下(尤其是在強光下)以及文本出現在白色或淺色背景下時,文本都變得難以閱讀。 文本可能顯示為模糊,亂碼或亂碼。 (有觀點稱該癥狀是一種偽科學,是一種因為利益所捏造出來的癥狀)
  • 透明語言*:像德語或意大利語屬于所謂的透明語言,這意味著字母和發音是對應的。然而英語和法語屬于不透明的類別,同一個字母讀起來可能會有幾個音。

這些是你可以用到的字體設計原則:

  1. 適合讀者的字體樣式
  2. 避免相似的字母形狀
  3. 確保沒有鏡像字母
  4. 字母之間更容易區分
  5. 在小尺寸中使用人文主義字體
  6. 足夠的字母間距
  7. 大寫字母和升部之間的高度應有明顯區別
  8. 在具體場景中測試字體的可用性

1. 選擇適合讀者的字體

Comic Sans的這種隨意的視覺風格在致力于與兒童交流或與兒童有關的組織中很受歡迎。然而,如果組織的形象是正式的或潮流的,那么這種選擇可能會破壞它的形象和品牌完整性。

2. 避免設計出相似形狀的字母

字臂*:也叫橫線(bar),一端或者兩端開放的水平筆畫。如大寫字母T和F;或是大寫字母K和Y上部的筆畫。

3. 確保沒有鏡像字母

4. 字母之間更容易區分

字懷*:字母所包含的內部空間,無論是否封閉,也就是字碗的內部區域。比如H或者n兩個豎畫之間的區域。

開口*:指的是類似于a,c這種字母的開口。開口越大,清晰度越高。

5. 在小尺寸中使用人文主義字體而不是怪誕字體

6. 確保足夠的字母間距

7. 大寫字母和升部之間的高度應有明顯區別

升部和降部*:

像小寫字母b、d、f、h、k、l這樣從x字高向上延伸的部分成為升部,其高度成為升部高,升部頂部的對齊線稱為升部線。像小寫字母g、j、p、q、y這樣從基線向下延伸的部分稱為降部(descenders)。

8. 在具體場景中測試字體的可用性

建議重點關注閱讀困難,中度到重度視力障礙,失語癥以及成年學習障礙者群體。同時請確保獨立對字體進行可用性測試,避免字體的組合或實際應用效果對測試者產生負面影響。并且字體要有良好的呈現和排版。

相關閱讀:

 

公眾號:第三設計觀察所

本文由 @第三設計觀察所 翻譯發布于人人都是產品經理,未經許可,禁止轉載

題圖來自 pixabay,基于CC0協議

更多精彩內容,請關注人人都是產品經理微信公眾號或下載App
評論
評論請登錄
  1. 在做設計的時候也會經??紤]到這一點,怎么在美觀的同時也很好辨認呢?

    回復
  2. 好的字體設計確實讓閱讀者減輕了很多的閱讀障礙

    回復
  3. 好的字體設計讓人更容易閱讀,減輕了閱讀負擔自然閱讀量也會提高

    來自河北 回復
  4. 良性的字體設計可以有效的提升閱讀體驗,作者總結得字體設計八大原則確實非常受用。

    來自江蘇 回復
  5. 學到了很實用!有些海報上的字體感覺是隨便擺的但很好看其實都是有設計的

    回復