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

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

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

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

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

一、BBC Reith & Qalam

二、無障礙字體指南

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

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

這些是你可以用到的字體設(shè)計(jì)原則:

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

1. 選擇適合讀者的字體

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

2. 避免設(shè)計(jì)出相似形狀的字母

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

3. 確保沒有鏡像字母

4. 字母之間更容易區(qū)分

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

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

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

6. 確保足夠的字母間距

7. 大寫字母和升部之間的高度應(yīng)有明顯區(qū)別

升部和降部*:

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

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

建議重點(diǎn)關(guān)注閱讀困難,中度到重度視力障礙,失語癥以及成年學(xué)習(xí)障礙者群體。同時(shí)請確保獨(dú)立對字體進(jìn)行可用性測試,避免字體的組合或?qū)嶋H應(yīng)用效果對測試者產(chǎn)生負(fù)面影響。并且字體要有良好的呈現(xiàn)和排版。

相關(guān)閱讀:

 

公眾號(hào):第三設(shè)計(jì)觀察所

本文由 @第三設(shè)計(jì)觀察所 翻譯發(fā)布于人人都是產(chǎn)品經(jīng)理,未經(jīng)許可,禁止轉(zhuǎn)載

題圖來自 pixabay,基于CC0協(xié)議

更多精彩內(nèi)容,請關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評論
評論請登錄
  1. 在做設(shè)計(jì)的時(shí)候也會(huì)經(jīng)??紤]到這一點(diǎn),怎么在美觀的同時(shí)也很好辨認(rèn)呢?

    回復(fù)
  2. 好的字體設(shè)計(jì)確實(shí)讓閱讀者減輕了很多的閱讀障礙

    回復(fù)
  3. 好的字體設(shè)計(jì)讓人更容易閱讀,減輕了閱讀負(fù)擔(dān)自然閱讀量也會(huì)提高

    來自河北 回復(fù)
  4. 良性的字體設(shè)計(jì)可以有效的提升閱讀體驗(yàn),作者總結(jié)得字體設(shè)計(jì)八大原則確實(shí)非常受用。

    來自江蘇 回復(fù)
  5. 學(xué)到了很實(shí)用!有些海報(bào)上的字體感覺是隨便擺的但很好看其實(shí)都是有設(shè)計(jì)的

    回復(fù)