包容性設計是一個熱門的話題，它拒絕少數服從多數，也不是讓多數配合少數，而是保持對(duì)大衆的廣泛關注，創造出擁有足夠包容性的好(hǎo)設計。從這(zhè)個層面(miàn)上來說，設計的可訪問性必須做到足夠好(hǎo)，盡量讓大家都(dōu)能(néng)輕松方便地享受設計的成(chéng)果，良好(hǎo)的對(duì)比度，普适的交互模式，以及我們提的最多的正确的字體選取。

值得一提的是，不僅僅是公共機構的網站需要注意選取可訪問性優異的字體，品牌和企業的網站中字體的選取同樣(yàng)需要精心挑選。但是，你如何确定哪些字體合适？這(zhè)是否意味著(zhe)要在設計上做妥協？

并不一定。今天我們來聊聊英文字體的選取的技巧，下面(miàn)的12條技巧，應當能(néng)給你足夠的幫助，幫你選取擁有足夠包容性和可訪問性的英文字體。（注意，這(zhè)裡(lǐ)讨論的是挑選盡可能(néng)讓所有人都(dōu)能(néng)清晰閱讀的字體，尋找展示性、個性化、強形式感的功能(néng)性字體是另一個問題。）

1、盡量不要選擇那些看起(qǐ)來就非常童趣的字體，完全沒(méi)有這(zhè)個必要。這(zhè)是相當常見的錯誤，原因也很明顯：挑選一款高包容性、可訪問性好(hǎo)的字體的時候，它的平衡性和實用性同個性化同樣(yàng)重要。

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

天貓&京東,内蒙古電商品牌策劃,内蒙古微信營銷,内蒙古微網站,呼和浩特電商品牌策劃,呼和浩特微信營銷,呼和浩特微網站,内蒙古網站制作，内蒙古網站設計，内蒙古網站建設，呼和浩特網站建設，呼和浩特網站制作、呼和浩特網站設計首選内蒙古呼和浩特先誠網絡科技公司。先誠官網：/

3、如果你需要在标題或者頭條的位置使用較少的文本，而字體大小在16pt 及以上的時候，那麼(me)使用筆畫較爲舒展、内外空間都(dōu)比較大的非襯線體是相當不錯的。

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

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

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

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

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

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

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

8、挑選小寫字母 “t” 上面(miàn)的一橫相對(duì)長(cháng)一些的字體，這(zhè)樣(yàng)字母的識别度會更高。

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

10、字母之間的間距應當均勻而富有韻律感，這(zhè)樣(yàng)能(néng)提升字母的可讀性和識别度。間距太大太小都(dōu)會讓人感覺不适。

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

12、你應當挑選字重範圍更廣的字體族，這(zhè)樣(yàng)當你在設定不同平台、不同屏幕尺寸、不同設備下的顯示效果的時候，可以更加輕松自由地找到對(duì)的效果。

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

原文地址：webdesignerdepot

原文作者：Stuart de Rozario

優設譯文：www.uisdc.com

注：本文均來自百度搜索，如涉及版權問題，請聯系我們，我們會第一時間解決。