包容性設計是一個(gè)熱門(mén)的話(huà)題,它拒絕少數服從多數,也不是讓多數配合少數,而是保持對大眾的廣泛關(guān)注,創(chuàng )造出擁有足夠包容性的好設計。從這個(gè)層面上來(lái)說(shuō),設計的可訪(fǎng)問(wèn)性必須做到足夠好,盡量讓大家都能輕松方便地享受設計的成果,良好的對比度,普適的交互模式,以及我們提的最多的正確的字體選取。 值得一提的是,不僅僅是公共機構的網(wǎng)站需要注意選取可訪(fǎng)問(wèn)性?xún)?yōu)異的字體,品牌和企業(yè)的網(wǎng)站中字體的選取同樣需要精心挑選。但是,你如何確定哪些字體合適?這是否意味著(zhù)要在設計上做妥協(xié)? 并不一定。今天我們來(lái)聊聊英文字體的選取的技巧,下面的12條技巧,應當能給你足夠的幫助,幫你選取擁有足夠包容性和可訪(fǎng)問(wèn)性的英文字體。(注意,這里討論的是挑選盡可能讓所有人都能清晰閱讀的字體,尋找展示性、個(gè)性化、強形式感的功能性字體是另一個(gè)問(wèn)題。) 1、盡量不要選擇那些看起來(lái)就非常童趣的字體,完全沒(méi)有這個(gè)必要。這是相當常見(jiàn)的錯誤,原因也很明顯:挑選一款高包容性、可訪(fǎng)問(wèn)性好的字體的時(shí)候,它的平衡性和實(shí)用性同個(gè)性化同樣重要。 2、有些字體設計風(fēng)格會(huì )讓特定的幾個(gè)字母之間的識別度降低。最常見(jiàn)的就是數字 “8″ 和大寫(xiě)字母 “B”,大寫(xiě)的 “I (i)” 和小寫(xiě)字母 “l(fā) (L)” 之間的識別度問(wèn)題。選擇帶有襯線(xiàn)的字體能夠讓小寫(xiě)字母“i”和大寫(xiě)字母 “I” 更好地被分辨出來(lái),即便是在較小的屏幕上。如果字體中的小寫(xiě)字母 “a” 是雙層結構則能很好的同小寫(xiě)字母 “o” 區分開(kāi)。 3、如果你需要在標題或者頭條的位置使用較少的文本,而字體大小在16pt 及以上的時(shí)候,那么使用筆畫(huà)較為舒展、內外空間都比較大的非襯線(xiàn)體是相當不錯的。 pt 也就是 Point ,而我們常說(shuō)的 px 指的是像素 Pixel,兩者有著(zhù)明顯的差異。pt 源自平面印刷領(lǐng)域,指的是1/72 英寸,是一個(gè)固定的長(cháng)度,而px 指的是像素點(diǎn),在iPhone 3GS 上 5px 的物理長(cháng)度和 iPhone 6s 上 5px 的物理長(cháng)度是不一樣的,前者由于像素密度低從而導致5px 的物理長(cháng)度更長(cháng)。所以,px 是一個(gè)“相對長(cháng)度”單位,而 pt 是一個(gè)“絕對長(cháng)度”單位。 4、在選取網(wǎng)頁(yè)字體的時(shí)候,盡量選取 X高度較大的字體。X高度覆蓋的區域是閱讀的主體,而上伸部和下降部則為每個(gè)字母提供了足夠的識別度。上升部應該比大寫(xiě)字母稍微高一點(diǎn)。 X高度通常指的是小寫(xiě)字母的平均高度,之所以為稱(chēng)為x高度是應為通常拿字母x作為參考。諸如字母 “h” 和 “f” 超出X高度的部分被稱(chēng)為 Ascender,也就是上伸部。而字母 “p” 和 “g” 下方低于X高度的部位則被稱(chēng)為 Descender,即是下降部。 5、盡量挑選內部空間均衡、外部輪廓銳利、末端清晰的字體,當字體較小的時(shí)候,字母之間距離縮小靠近,空間會(huì )被模糊、填充,會(huì )影響識別度和可讀性。 西文字體設計存在“External Counter”和“Internal Counter”的概念,通常稱(chēng)之為外部空間和內部空間。小寫(xiě)字母 “a” 和 “e” 的字母內部?jì)蓚€(gè)空白區域即為內部空間,如果某部分內部空間比較小,當字體尺寸較小的時(shí)候,會(huì )降低識別度。諸如字母 “r” 和 “n” 則需要注意它們外輪廓的細節銳利度和那些勾勒細節的外部空間,也就是豎線(xiàn)和弧線(xiàn)之間所夾的空間。如果外部空間較小,在字母間距較小的情況下”rn” 和 “m” 就很難分辨了。 6、數字的設計也應該有特色,尤其是數字 “0″ 應當同大寫(xiě)字母 “O” 有顯著(zhù)的差別,而數字 “6″ 和 “9″ 的末端開(kāi)口應當足夠舒展開(kāi)闊。 7、字母的X高度和筆畫(huà)寬度之間有一個(gè)最佳比例,為了達到最佳可讀性,通常筆畫(huà)寬度應該控制在X高度的17%~20%。 8、挑選小寫(xiě)字母 “t” 上面的一橫相對長(cháng)一些的字體,這樣字母的識別度會(huì )更高。 9、大寫(xiě)字母 “Q” 底部的尾巴能增強字母的識別度,字體選取的時(shí)候應當注意這個(gè)細節。 10、字母之間的間距應當均勻而富有韻律感,這樣能提升字母的可讀性和識別度。間距太大太小都會(huì )讓人感覺(jué)不適。 11、在黑色的背景下,將字體色彩設定為白色,輸入一段文字,查看它們的顯示效果。如果字母之間間距看起來(lái)比較小,字母的形狀看起來(lái)像在“發(fā)光”,從而令字母仿佛比單獨看更粗的話(huà),那么你應當選取筆畫(huà)更細的字體。 12、你應當挑選字重范圍更廣的字體族,這樣當你在設定不同平臺、不同屏幕尺寸、不同設備下的顯示效果的時(shí)候,可以更加輕松自由地找到對的效果。 要注意的事情是,包容性設計并不是意味著(zhù)非得犧牲優(yōu)雅和個(gè)性。一款精心設計、可訪(fǎng)問(wèn)性?xún)?yōu)秀的字體是可以兼顧優(yōu)雅和個(gè)性的,不過(guò)高度的識別度和可讀性是核心,盡量包容更廣泛的用戶(hù)的需求。 |
嘉興雷鳥(niǎo)是一家集企業(yè)軟件開(kāi)發(fā),WEB網(wǎng)站建設,移動(dòng)APP制作等綜合型的互聯(lián)網(wǎng)公司,為嘉興顧客提供一站式的企業(yè)軟件開(kāi)發(fā),安卓app開(kāi)發(fā),ios開(kāi)發(fā)服務(wù),同時(shí)為嘉興企業(yè)提供全面移動(dòng)互聯(lián)軟件技術(shù)解決方案,是嘉興知名的綜合型APP軟件外包開(kāi)發(fā)公司。根據前期調研方案和客戶(hù)實(shí)際需求,以專(zhuān)業(yè)獨到的設計理念、精益求精的技術(shù)精神、嚴格完善的品控系統,為嘉興每一位客戶(hù)提供專(zhuān)屬的移動(dòng)互聯(lián)軟件技術(shù)解決方案。經(jīng)過(guò)不斷積累,嘉興雷鳥(niǎo)陸續推出視頻直播APP、電商商城APP、P2P網(wǎng)貸APP、智能硬件APP開(kāi)發(fā)、移動(dòng)APP開(kāi)發(fā)、微信公眾平臺開(kāi)發(fā)、一元購APP、智慧社區服務(wù)APP、生活服務(wù)O2O系統APP等各類(lèi)APP產(chǎn)品,為嘉興各行企業(yè)向移動(dòng)互聯(lián)網(wǎng)轉型奠定了堅實(shí)基礎。在激烈的市場(chǎng)競爭中,嘉興雷鳥(niǎo)創(chuàng )造了嘉興軟件定制開(kāi)發(fā)行業(yè)的卓越口碑,是具有更高品質(zhì)的移動(dòng)互聯(lián)網(wǎng)軟件技術(shù)定制服務(wù)商。