包容性設(shè)計(jì)是一個(gè)熱門(mén)的話題，它拒絕少數(shù)服從多數(shù)，也不是讓多數(shù)配合少數(shù)，而是保持對(duì)大眾的廣泛關(guān)注，創(chuàng)造出擁有足夠包容性的好設(shè)計(jì)。從這個(gè)層面上來(lái)說(shuō)，設(shè)計(jì)的可訪問(wèn)性必須做到足夠好，盡量讓大家都能輕松方便地享受設(shè)計(jì)的成果，良好的對(duì)比度，普適的交互模式，以及我們提的最多的正確的字體選取。

　　值得一提的是，不僅僅是公共機(jī)構(gòu)的網(wǎng)站需要注意選取可訪問(wèn)性?xún)?yōu)異的字體，品牌和企業(yè)的網(wǎng)站中字體的選取同樣需要精心挑選。但是，你如何確定哪些字體合適？這是否意味著要在設(shè)計(jì)上做妥協(xié)？

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

　　1、盡量不要選擇那些看起來(lái)就非常童趣的字體，完全沒(méi)有這個(gè)必要。這是相當(dāng)常見(jiàn)的錯(cuò)誤，原因也很明顯：挑選一款高包容性、可訪問(wèn)性好的字體的時(shí)候，它的平衡性和實(shí)用性同個(gè)性化同樣重要。

　　2、有些字體設(shè)計(jì)風(fēng)格會(huì)讓特定的幾個(gè)字母之間的識(shí)別度降低。最常見(jiàn)的就是數(shù)字 “8″ 和大寫(xiě)字母 “B”，大寫(xiě)的 “I (i)” 和小寫(xiě)字母 “l(fā) (L)” 之間的識(shí)別度問(wèn)題。選擇帶有襯線的字體能夠讓小寫(xiě)字母“i”和大寫(xiě)字母 “I” 更好地被分辨出來(lái)，即便是在較小的屏幕上。如果字體中的小寫(xiě)字母 “a” 是雙層結(jié)構(gòu)則能很好的同小寫(xiě)字母 “o” 區(qū)分開(kāi)。

　　3、如果你需要在標(biāo)題或者頭條的位置使用較少的文本，而字體大小在16pt 及以上的時(shí)候，那么使用筆畫(huà)較為舒展、內(nèi)外空間都比較大的非襯線體是相當(dāng)不錯(cuò)的。

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

　　4、在選取網(wǎng)頁(yè)字體的時(shí)候，盡量選取 X高度較大的字體。X高度覆蓋的區(qū)域是閱讀的主體，而上伸部和下降部則為每個(gè)字母提供了足夠的識(shí)別度。上升部應(yīng)該比大寫(xiě)字母稍微高一點(diǎn)。

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

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

　　西文字體設(shè)計(jì)存在“External Counter”和“Internal Counter”的概念，通常稱(chēng)之為外部空間和內(nèi)部空間。小寫(xiě)字母 “a” 和 “e” 的字母內(nèi)部?jī)蓚€(gè)空白區(qū)域即為內(nèi)部空間，如果某部分內(nèi)部空間比較小，當(dāng)字體尺寸較小的時(shí)候，會(huì)降低識(shí)別度。諸如字母 “r” 和 “n” 則需要注意它們外輪廓的細(xì)節(jié)銳利度和那些勾勒細(xì)節(jié)的外部空間，也就是豎線和弧線之間所夾的空間。如果外部空間較小，在字母間距較小的情況下”rn” 和 “m” 就很難分辨了。

　　6、數(shù)字的設(shè)計(jì)也應(yīng)該有特色，尤其是數(shù)字 “0″ 應(yīng)當(dāng)同大寫(xiě)字母 “O” 有顯著的差別，而數(shù)字 “6″ 和 “9″ 的末端開(kāi)口應(yīng)當(dāng)足夠舒展開(kāi)闊。

　　7、字母的X高度和筆畫(huà)寬度之間有一個(gè)最佳比例，為了達(dá)到最佳可讀性，通常筆畫(huà)寬度應(yīng)該控制在X高度的17%~20%。

　　8、挑選小寫(xiě)字母 “t” 上面的一橫相對(duì)長(zhǎng)一些的字體，這樣字母的識(shí)別度會(huì)更高。

　　9、大寫(xiě)字母 “Q” 底部的尾巴能增強(qiáng)字母的識(shí)別度，字體選取的時(shí)候應(yīng)當(dāng)注意這個(gè)細(xì)節(jié)。

　　10、字母之間的間距應(yīng)當(dāng)均勻而富有韻律感，這樣能提升字母的可讀性和識(shí)別度。間距太大太小都會(huì)讓人感覺(jué)不適。

　　11、在黑色的背景下，將字體色彩設(shè)定為白色，輸入一段文字，查看它們的顯示效果。如果字母之間間距看起來(lái)比較小，字母的形狀看起來(lái)像在“發(fā)光”，從而令字母仿佛比單獨(dú)看更粗的話，那么你應(yīng)當(dāng)選取筆畫(huà)更細(xì)的字體。

　　12、你應(yīng)當(dāng)挑選字重范圍更廣的字體族，這樣當(dāng)你在設(shè)定不同平臺(tái)、不同屏幕尺寸、不同設(shè)備下的顯示效果的時(shí)候，可以更加輕松自由地找到對(duì)的效果。

一、檢查服務(wù)器

　　服務(wù)器選得好，網(wǎng)站訪問(wèn)速度就如同快馬加鞭。尤其是以網(wǎng)站為產(chǎn)品經(jīng)營(yíng)的商城類(lèi)網(wǎng)站，在服務(wù)器的配置上要高于一般展示型網(wǎng)站。對(duì)于網(wǎng)站服務(wù)器檢查可以從幾個(gè)方面入手：1.服務(wù)器地域，檢查是否選錯(cuò)了服務(wù)器。如果是在國(guó)內(nèi)運(yùn)營(yíng)的網(wǎng)站要選擇國(guó)內(nèi)服務(wù)器，選擇境外的會(huì)影響訪問(wèn)速度。2.服務(wù)器參數(shù)，什么類(lèi)型的網(wǎng)站適合怎么樣的服務(wù)器，通過(guò)參數(shù)就能知道。所以適合的服務(wù)器在于看參數(shù)。如CPU、帶寬、容量、并發(fā)數(shù)等相關(guān)數(shù)據(jù)是否滿足網(wǎng)站需求。3.服務(wù)器安全性與穩(wěn)定性，這其實(shí)在建網(wǎng)站之前就要確定好。選擇一家大品牌的服務(wù)器，可以不用擔(dān)心安全性與穩(wěn)定性，基本上有保證。不要因?yàn)楸阋司瓦x擇低質(zhì)的服務(wù)器。

　　二、改成靜態(tài)頁(yè)面

　　如果管理員有網(wǎng)站優(yōu)化相關(guān)經(jīng)驗(yàn)，就會(huì)明白靜態(tài)網(wǎng)站對(duì)訪問(wèn)速度的重要性。到目前為止，網(wǎng)絡(luò)爬蟲(chóng)暫時(shí)還無(wú)法識(shí)別網(wǎng)站里的FLASH動(dòng)效和動(dòng)態(tài)圖片。如果網(wǎng)站里這相關(guān)的內(nèi)容是無(wú)法被抓取的，只能根據(jù)所設(shè)置的ALT標(biāo)簽進(jìn)行判斷。不管是FLASH動(dòng)效還是動(dòng)態(tài)圖片都是比較大，網(wǎng)站里現(xiàn)太多或者占用面積過(guò)大都會(huì)影響加載速度。因此，企業(yè)建網(wǎng)站盡可能避免使用FLASH和動(dòng)態(tài)圖片。雖然從視覺(jué)角度來(lái)看，精美的FLASH和圖片都有提高網(wǎng)站美感和吸引客戶(hù)的作用。但從速度的角度上不建議采用，當(dāng)客戶(hù)訪問(wèn)網(wǎng)站時(shí)若一直在轉(zhuǎn)圈圈，即使內(nèi)容再精彩好看也會(huì)失去興趣。

　　三、優(yōu)化簡(jiǎn)化代碼

　　當(dāng)網(wǎng)站有人來(lái)訪問(wèn)的時(shí)候，就會(huì)讀取網(wǎng)站里的代碼，然后呈現(xiàn)出網(wǎng)站內(nèi)容。如果網(wǎng)站打開(kāi)慢有可能是因?yàn)榇a問(wèn)題導(dǎo)致頻繁地訪問(wèn)數(shù)據(jù)庫(kù)，給網(wǎng)站造成重大的負(fù)荷。因此，企業(yè)建網(wǎng)站之前要選擇專(zhuān)業(yè)建網(wǎng)站公司，只有專(zhuān)業(yè)的才能夠更好的進(jìn)行代碼編程，做到簡(jiǎn)化代碼以提高網(wǎng)站打開(kāi)速度。因?yàn)榫W(wǎng)站里有JS腳本和CSS相關(guān)的代碼，都是會(huì)占用網(wǎng)站運(yùn)行資源，只有對(duì)這些代碼進(jìn)行優(yōu)化簡(jiǎn)化，并合理的編程，才能使網(wǎng)站從根本上提高速度。這么做主要是減少讀取時(shí)間，讓網(wǎng)站更快的跳轉(zhuǎn)，使內(nèi)容更加的加載出來(lái)。

網(wǎng)站關(guān)鍵詞：網(wǎng)站建設(shè)  網(wǎng)站設(shè)計(jì)  網(wǎng)站制作  上海網(wǎng)站建設(shè)  上海網(wǎng)站設(shè)計(jì)  上海網(wǎng)站制作  上海網(wǎng)絡(luò)公司  網(wǎng)站建設(shè)上海  上海做網(wǎng)站  上海建設(shè)網(wǎng)站  上海做網(wǎng)站公司  上海建網(wǎng)站公司  上海高端網(wǎng)站建設(shè)  上海手機(jī)網(wǎng)站建設(shè)  怎么建設(shè)網(wǎng)站  如何建設(shè)網(wǎng)站  營(yíng)銷(xiāo)網(wǎng)站建設(shè)  品牌網(wǎng)站建設(shè)  網(wǎng)站建設(shè)方案  響應(yīng)式網(wǎng)站建設(shè)  外貿(mào)網(wǎng)站建設(shè)  公司網(wǎng)站建設(shè)  建設(shè)網(wǎng)站  網(wǎng)站建設(shè)服務(wù)  高端網(wǎng)站建設(shè)  網(wǎng)站優(yōu)化服務(wù)  上海網(wǎng)站公司  企業(yè)網(wǎng)站設(shè)計(jì)  官網(wǎng)制作  官網(wǎng)建設(shè)  官網(wǎng)設(shè)計(jì)  網(wǎng)站建設(shè)公司  網(wǎng)站設(shè)計(jì)公司  網(wǎng)站制作公司