包容性設計(jì)是(shì)一(yī)個(gè)熱(rè)門(mén)的(de)♣>話(huà)題，它拒絕少(shǎo)數(shù)服從(cóng$↓ γ)多(duō)數(shù)，也(yě)不(bù)是(shì)讓多(dγ'uō)數(shù)配合少(shǎo)數(shù)，而是(shì)保持對¥γ γ(duì)大(dà)衆的(de)廣泛關注，創造出擁有(yǒu)足夠包容α→α性的(de)好(hǎo)設計(jì)。從(cóng)這(zhè)個(gè)層面上(sh¥‌♣ àng)來(lái)說(shuō)，設計(jì)的(de)可(kě)訪問(wèn)→÷性必須做(zuò)到(dào)足夠好(hǎo)，盡量讓¶γ大(dà)家(jiā)都(dōu)能(néng)輕松方便地€≥(dì)享受設計(jì)的(de)成果，良好(hǎo)的(de)對(duì)比度，普适的(d∏£λ≈e)交互模式，以及我們提的(de)最多(duō)的(de)正确的(de)字體λ ‍(tǐ)選取。

值得(de)一(yī)提的(de)是(shì)，不€¥∏(bù)僅僅是(shì)公共機(jī)構的(de)網站(zhàn)需要(yào)注意選取可(kě)¥ ≤ε訪問(wèn)性優異的(de)字體(tǐ)，品牌和(hé)企業(yè)的(de)網站(zhà→ n)中字體(tǐ)的(de)選取同樣需要(yào)精心挑選。但(dàn)是(shì)，你(nǐ&★)如(rú)何确定哪些(xiē)字體(tǐ)合适？這(zhè)是(shì)♦σ否意味著(zhe)要(yào)在設計(jì)上(shàng)做(zuò)妥協？

并不(bù)一(yī)定。今天我們來(lái)♣φ↔聊聊英文(wén)字體(tǐ)的(de)選取的(de)技(jì)巧，下(≤Ω xià)面的(de)12條技(jì)巧，應當能(néngγσ§€)給你(nǐ)足夠的(de)幫助，幫你(nǐ)選取‌₹♦α擁有(yǒu)足夠包容性和(hé)可(kě)訪問(w αèn)性的(de)英文(wén)字體(tǐ)。（注意‍α •，這(zhè)裡(lǐ)討(tǎo)論的(de)是(shì)挑選盡可(kě)能(né ¶<ng)讓所有(yǒu)人(rén)都(dōu)↔" <能(néng)清晰閱讀(dú)的(de)字體(tǐ)，尋找展示性、個(gè)性化(huà)、強∞•形式感的(de)功能(néng)性字體(tǐ)是(shì)另∏₩ α一(yī)個(gè)問(wèn)題。）

1、盡量不(bù)要(yào)選擇那(nà)些(xiē)看(kàn)起來(lái)就(jiù λ∏)非常童趣的(de)字體(tǐ)，完全沒有(yǒu)這(zhè)個(gè)必要(yào)。這(z↔ hè)是(shì)相(xiàng)當常見(jià®♠n)的(de)錯(cuò)誤，原因也(yě)很(hěn)♥$"明(míng)顯：挑選一(yī)款高(gāo)包容性、可$γ↕(kě)訪問(wèn)性好(hǎo)的(de)字體(tǐ)↕≥✔☆的(de)時(shí)候，它的(de)平衡性和(hé)實用(yòng)性同個(gè<≠)性化(huà)同樣重要(yào)。

2、有(yǒu)些(xiē)字體(tǐ)設計(jì)風(fēng)格會(h♥ ≥βuì)讓特定的(de)幾個(gè)字母之間(jiān)的(d&✔✘e)識别度降低(dī)。最常見(jiàn)的(de)★δ✘就(jiù)是(shì)數(shù)字 “8″ 和(hé✘')大(dà)寫字母 “B”，大(dà)寫的(deβ✔) “I (i)” 和(hé)小(xiǎo)寫字母 “l (L)” 之間(jiān)的(de)±×δ≥識别度問(wèn)題。選擇帶有(yǒu)襯線的(de)字體(tǐ)能(néng)夠讓小(x↑↑αεiǎo)寫字母“i”和(hé)大(dà)≥∑寫字母 “I” 更好(hǎo)地(dì)被分(fēn)辨γπ×↓出來(lái)，即便是(shì)在較小(xi™>±ǎo)的(de)屏幕上(shàng)。如(rú)果字體(tǐ)中的(de)小(xiǎo)寫字母 “₽•a” 是(shì)雙層結構則能(néng)很(hěn)好(hǎo®$)的(de)同小(xiǎo)寫字母 “o” 區(qū)分(fēn)開(kāi✘↓)。

天貓&京東(dōng),內(nèi)蒙古電(diàn)商品牌策劃,內(nèi)蒙古微(wēi)信營銷,內(nèi)♥ ♥蒙古微(wēi)網站(zhàn),呼和(hé)浩特電(diàn)商品牌策劃,呼和(hé)浩特π$微(wēi)信營銷,呼和(hé)浩特微(wēi)網站(zhàn),內(nèi)蒙古網站(zhàn)制(zhì)作(zu☆±‍ò)，內(nèi)蒙古網站(zhàn)設計(jì)，內(nèi)蒙古網站(zhàn)建設，呼和(hé)浩特網站(zhàn)建設，呼和(hé)浩特網站(zhàn)制(zhì✔Ω)作(zuò)、呼和(hé)浩特網站(zhàn)設計‌↓★(jì)首選內(nèi)蒙古呼和(hé)浩特先誠網絡科(kē)技(jì)公司。先誠官網‍₩​​：/

3、如(rú)果你(nǐ)需要(yào)在标±§題或者頭條的(de)位置使用(yòng)較少(s•σhǎo)的(de)文(wén)本，而字體(tǐ)大(dà)小(xiǎo)在1& ↕<6pt 及以上(shàng)的(de)時(shí)候，那(nà)麽使用(yòng)筆(b∑☆₹ǐ)畫(huà)較為(wèi)舒展、內(nèi)外¥≤(wài)空(kōng)間(jiān)都(dōu)比較大(dà)的(de)非襯線體(tǐ)是(♥±shì)相(xiàng)當不(bù)錯(cuò)的(de)。

pt 也(yě)就(jiù)是(shì) ♣§§Point ，而我們常說(shuō)的(de) px 指的(de)是(shì)像素 Pixeγ₹l，兩者有(yǒu)著(zhe)明(míng)顯的φ↕>(de)差異。pt 源自(zì)平面印刷領域，指的(de)是(shì)1/7‍÷ 2 英寸，是(shì)一(yī)個(gè)固定的(de)長(cháng)度，而px λσ指的(de)是(shì)像素點，在iPhone 3GS 上←≈γ∏(shàng) 5px 的(de)物(wù)理(lǐ)長(cháng) σ‍λ度和(hé) iPhone 6s 上(shàng) Ω>πφ5px 的(de)物(wù)理(lǐ)長(c₩£háng)度是(shì)不(bù)一(yī)樣的(de)，前者由于像素密&γ♦度低(dī)從(cóng)而導緻5px 的(de)物(wù)理(lǐ)長(cδ↕π háng)度更長(cháng)。所以，px 是(shì)一(yī)個(g‍∞₹è)“相(xiàng)對(duì)長(cháng)度”單位，而 pΩ¥t 是(shì)一(yī)個(gè)“絕對(duì)長(chá₽ ng)度”單位。

4、在選取網頁字體(tǐ)的(de)時(shí)候，盡量選取 X高(gā₽₽✘o)度較大(dà)的(de)字體(tǐ)±♣€™。X高(gāo)度覆蓋的(de)區(qū)域是(shì)閱讀(dú)∏★的(de)主體(tǐ)，而上(shàng)伸部和(hé)下(xià)降部則為(wèi)每個(gè)™÷≥字母提供了(le)足夠的(de)識别度。上(shàng)升部應該比大(dà)寫∏≈±字母稍微(wēi)高(gāo)一(yī)點。

X高(gāo)度通(tōng)常指的(de)是(shì)小(xiǎo)寫字母的(de)平均高(>&gāo)度，之所以為(wèi)稱為(wèi)x高(gāo)度是(shìδ£)應為(wèi)通(tōng)常拿(ná)字母x作(zuò)為(w±€èi)參考。諸如(rú)字母 “h” 和(hé) “f” 超出X高(gāo)度的(de∞™↔♣)部分(fēn)被稱為(wèi) Ascender，也(yě)就×∑♠£(jiù)是(shì)上(shàng)伸部。而字母 “p” 和(hé) “g” 下(xià)方♣βα 低(dī)于X高(gāo)度的(de)部位則被稱為(wèi) Descender，即是(s♦≈©±hì)下(xià)降部。

5、盡量挑選內(nèi)部空(kōng)間(jiān)均衡、外(wài)部輪廓銳利、末端清晰的("γ↑™de)字體(tǐ)，當字體(tǐ)較小(xiǎo)的(de)時(shí)候，字母之™¥↓間(jiān)距離(lí)縮小(xiǎo)靠近(jìn)，空(kōng)間(jiān)會(huì)↔→"被模糊、填充，會(huì)影(yǐng)響識别度和(hé)可(kě)讀(¥$↔'dú)性。

西(xī)文(wén)字體(tǐ)設計(jì)↓​存在“External Counter”和(hé)“Inte€‌αrnal Counter”的(de)概念，通(ⶣ™tōng)常稱之為(wèi)外(wài)部空(kōng)間(jiān)和(hé)內(nè φπi)部空(kōng)間(jiān)。小(xiǎo)寫字母 “a” 和(hγ•é) “e” 的(de)字母內(nèi)部兩個(gè)空(kōng)白Ω×(bái)區(qū)域即為(wèi)內(nèi)部空(kōng)間(ji™β✔¶ān)，如(rú)果某部分(fēn)內(nèi)部空(kōng)間(jiān)比較小(xiǎo)♦✔¥<，當字體(tǐ)尺寸較小(xiǎo)的(de)時(shí)候，會(huì)降低(dī)♣Ω識别度。諸如(rú)字母 “r” 和(hé) “n” 則需要(yào)注意它們外(wà÷↕₽™i)輪廓的(de)細節銳利度和(hé)那(nà)些(xiē)勾勒細節的(de)外(wài)部空φ‍(kōng)間(jiān)，也(yě)就(j‌≠δ§iù)是(shì)豎線和(hé)弧線之間(jiān)所夾的(de)空(kōngβ♣&&)間(jiān)。如(rú)果外(wài)部空(kōng)間(jiān)較小(xiǎo)，₽±在字母間(jiān)距較小(xiǎo)的(de)情況下(xià)”rn” 和(hé) “★σ&m” 就(jiù)很(hěn)難分(fēn)辨了(le)。

6、數(shù)字的(de)設計(jì)也(yě)應該有(y₹∞δ¶ǒu)特色，尤其是(shì)數(shù)σ"✘字 “0″ 應當同大(dà)寫字母 “O” 有(yǒu)顯著的(de)差别，§₩而數(shù)字 “6″ 和(hé) “9″ 的(de)末端開(kāi £)口應當足夠舒展開(kāi)闊。

7、字母的(de)X高(gāo)度和(hé)筆(bǐ)畫(Ωλ™×huà)寬度之間(jiān)有(yǒu)一(yī)個(g$¥¶&è)最佳比例，為(wèi)了(le)達到(dào)最佳÷±©可(kě)讀(dú)性，通(tōng)常筆(bǐ)≠Ω‌畫(huà)寬度應該控制(zhì)在X高(gāo™ ♠​)度的(de)17%~20%。

8、挑選小(xiǎo)寫字母 “t” 上(shàng)面的α×®(de)一(yī)橫相(xiàng)對(duì)長<←±(cháng)一(yī)些(xiē)的(de)字體(tǐ)<®≠✘，這(zhè)樣字母的(de)識别度會(huì)更高(gāo)。

9、大(dà)寫字母 “Q” 底部的(de)尾巴能(néng↕♥₽)增強字母的(de)識别度，字體(tǐ)選取的(de)時(shí)候應當注意這(zhè)個(g✔><Ωè)細節。

10、字母之間(jiān)的(de)間(jiān)距應當均勻而富有(yǒu)韻≤&♥&律感，這(zhè)樣能(néng)提升字母的(de)可(kě)讀(dú)性和(hé)識别度。∑§₽間(jiān)距太大(dà)太小(xiǎo)都≈ε'(dōu)會(huì)讓人(rén)感覺不(bù)适。

11、在黑(hēi)色的(de)背景下(xià)，将字體(tǐ)色彩設定為(wèi)白(↓"bái)色，輸入一(yī)段文(wén)字，查看(kà÷∏>✘n)它們的(de)顯示效果。如(rú)果字母之間(jiān)間(jiā∏"§≈n)距看(kàn)起來(lái)比較小(xiǎ≥λ✘"o)，字母的(de)形狀看(kàn)起來(l±$ ái)像在“發光(guāng)”，從(có∑★¶ng)而令字母仿佛比單獨看(kàn)更粗的(de)話(huà)，那(nà)麽你(nǐ φ)應當選取筆(bǐ)畫(huà)更細的(de)字體₩♦>₽(tǐ)。

12、你(nǐ)應當挑選字重範圍更廣的(de)∑♥©字體(tǐ)族，這(zhè)樣當你(nǐ)在設定不(bù‌∑ )同平台、不(bù)同屏幕尺寸、不(bù)同設備下(xiε©'↑à)的(de)顯示效果的(de)時(shí)候，可(kě)以更加輕松自(zì)由地(dì)找到(±&÷♥dào)對(duì)的(de)效果。

要(yào)注意的(de)事(shì)情是(shφ‌ì)，包容性設計(jì)并不(bù)是(shì)意味著(z∞≥he)非得(de)犧牲優雅和(hé)個(gè)性。一(yī)款精心設計(jì)、可(™♥ kě)訪問(wèn)性優秀的(de)字體(tǐ)是(shì)可(kě)以兼顧優雅和(hé)©ε個(gè)性的(de)，不(bù)過高(gāo)度的(de)識别度和(hé)可(kě)讀(dú)性¥☆是(shì)核心，盡量包容更廣泛的(de)用(yòng)戶的(de×δ®)需求。

原文(wén)地(dì)址：webdesignerdepot

原文(wén)作(zuò)者：Stuart de Roz₩÷§ario

優設譯文(wén)：www.uisdc.com

注：本文(wén)均來(lái)自(zì)百度搜索，如‍><↕(rú)涉及版權問(wèn)題，請(qǐng)聯系我們，我們會(huì)↑™第一(yī)時(shí)間(jiān)解決。