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

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

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

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

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

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

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

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

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

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

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

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

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

　　8、挑選小寫字母 “t” 上面的一橫相對長一些的字體，這樣字母的識別度會更高。

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

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

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

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

制定一個建站流程時，要明白建網(wǎng)站的工作在前期的計劃階段是怎樣的。比如設(shè)置網(wǎng)站的主題階段，最主要的目的是確定網(wǎng)站的內(nèi)容主題，亦即決定整個網(wǎng)站的走向、提供主題等。例如教育類的網(wǎng)站提供各種學(xué)習(xí)信息與內(nèi)容，提供各種技術(shù)知識等。計劃網(wǎng)站內(nèi)容與框架，在制作過程當(dāng)中，表現(xiàn)哪些信息與內(nèi)容給使用者，而且將數(shù)據(jù)系統(tǒng)化，以網(wǎng)頁為單位把要體現(xiàn)的數(shù)據(jù)項目劃分成實際的樹狀圖，以便日后計劃各個頁面。

建網(wǎng)站的工作在前期的計劃階段是怎樣的

　　這也是為啥在建站時，需要對目標(biāo)關(guān)鍵詞，進(jìn)行定位分類，在欄目名稱中包括重點關(guān)鍵詞，這樣一個可以很好的對網(wǎng)站進(jìn)行分類，知道客戶喜歡什么樣的內(nèi)容，還有一個原因就是能夠的宣傳核心關(guān)鍵詞。

　　網(wǎng)站的制作過程已經(jīng)差不多就要基本的完成時，主要的工作是需要程序員將網(wǎng)站后臺和網(wǎng)頁前臺連接起來，而后按照計劃把網(wǎng)站信息上傳，那么建站到這兒就已經(jīng)基本完成了。

　　建站都是鑒于調(diào)查策劃開始的，只有明白用戶的行業(yè)、同行競爭對手才可以有計劃的建站，做到反映行業(yè)特征、迎合用戶、并且區(qū)別于同行對手的要求。便宜的網(wǎng)站就不要指望有這樣的流程。

　　在計劃中比如首頁導(dǎo)航設(shè)計以生活元素為主，鼠標(biāo)滑動選擇不同的元素與懸停效果的結(jié)合，讓整個網(wǎng)頁設(shè)計相當(dāng)富有創(chuàng)意和設(shè)計感。插圖的運(yùn)用讓網(wǎng)站變成生動風(fēng)趣。

　　再計劃中一定要注意把豐富意義還有多樣的形式組織成統(tǒng)一網(wǎng)頁，一定要符合網(wǎng)站計劃的要求，內(nèi)容一定要豐富多彩。在形式上面一定要運(yùn)用對照，對稱和平衡以及對韻律的把握，做整體的均衡的頁面。這樣才能夠產(chǎn)生協(xié)調(diào)的網(wǎng)頁。再添加一些富有豐富的文字或者是圖案，用多種手法進(jìn)行應(yīng)用。

　　整體網(wǎng)站布局就包含網(wǎng)站內(nèi)部圖標(biāo)、圖片、導(dǎo)航以及文字的排版方法，當(dāng)大家在制作以及設(shè)計頁面之前，都務(wù)必要自己動手，先進(jìn)行計劃，把自己心目中理想的網(wǎng)頁設(shè)計形式通過圖紙的形式畫出來，萬萬不要不需要就這么貿(mào)然的動手進(jìn)行制作，這是一種錯誤的行為，浪費(fèi)的是自己精力以及時間。

　　網(wǎng)站的建站工作是不是成功，要看建站人員是不是將公司的品牌準(zhǔn)確地傳達(dá)給客戶，讓用戶對企業(yè)品牌形成統(tǒng)一的價值觀。以對品牌和互聯(lián)網(wǎng)的進(jìn)行理解，將傳統(tǒng)品牌的創(chuàng)造理念滲入到互聯(lián)網(wǎng)中，為公司發(fā)掘既定的品牌價值！網(wǎng)站是不是能夠達(dá)到預(yù)期的營銷性商業(yè)目標(biāo)，除了在前期嚴(yán)謹(jǐn)?shù)挠媱濍A段、完善的建站技術(shù)之外，還有賴于周全的推廣計劃實施。依托自身多年的網(wǎng)站推廣經(jīng)驗，幫助用戶充分利用網(wǎng)絡(luò)優(yōu)勢，獲得商業(yè)機(jī)會。

網(wǎng)站關(guān)鍵詞：網(wǎng)站建設(shè)  網(wǎng)站設(shè)計  網(wǎng)站制作  上海網(wǎng)站建設(shè)  上海網(wǎng)站設(shè)計  上海網(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)站  營銷網(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è)計  官網(wǎng)制作  官網(wǎng)建設(shè)  官網(wǎng)設(shè)計  網(wǎng)站建設(shè)公司  網(wǎng)站設(shè)計公司  網(wǎng)站制作公司