UI設(shè)計(jì)中的字體要求

1、UI設(shè)計(jì)中的字體要求無論你是做網(wǎng)頁還是App設(shè)計(jì)，文字內(nèi)容總是能占到整個(gè)版面將近80%的區(qū)域。因此理解字體與排版對(duì)UI設(shè)計(jì)師來說非常關(guān)鍵。你需要始終把內(nèi)容的可讀性放在首位去考慮和權(quán)衡你對(duì)字體與排版的選擇。字體的基礎(chǔ)術(shù)語了解字體設(shè)計(jì)的基礎(chǔ)術(shù)語非常重要，這些術(shù)語在介紹字體設(shè)計(jì)的相關(guān)文章中經(jīng)常出現(xiàn)。比如 x-height(X字高)指的是從字母的基準(zhǔn)線開始往上到最矮字母的頂端的距離，當(dāng)X字高的比例相對(duì)大一些的話就能增加易讀性。漢字字形在大多數(shù)情況下我們都選擇使用系統(tǒng)自帶的字體，比如微軟雅黑、宋體、黑體等來定義標(biāo)題和內(nèi)容，但有時(shí)，我們?cè)谧鯨ogo，banner設(shè)計(jì)時(shí)也需要通過對(duì)字體進(jìn)行改造，來達(dá)到更加理

2、想的效果。這時(shí)我們就需要掌握漢字的字形結(jié)構(gòu)以及一些最基本的設(shè)計(jì)原則。襯線字與非襯線字在西方國家的字母體系，分成兩大字族：serif(襯線字體)及sans serif(無襯線字體)。襯線字(下圖中的宋體、Times New Roman)是指在字的筆畫開始及結(jié)束的地方有額外的裝飾，而且筆畫的粗細(xì)會(huì)因直橫的不同而有所不同。 相反的，無襯線字(下圖中的思源黑體、Helvetica)就沒有這些額外裝飾，而且筆畫粗細(xì)大致上是差不多。襯線字的字體較易辨識(shí)，也因此具有較高的易讀性。 反之無襯線字則較醒目。通常來說，需要強(qiáng)調(diào)、突出的小篇幅文字一般使用無襯線字,而在長篇正文中，為了閱讀的便利，一般使用襯線字。在實(shí)

3、際應(yīng)用中，因?yàn)橹形牡乃误w和西文的襯線體，中文的黑體和西文的無襯線體，在風(fēng)格和應(yīng)用場景上相似，所以通常搭配使用。字體排版建議在你對(duì)字體排版技巧了如指掌之前，首先需要保證你的內(nèi)容能夠簡單且清晰地展現(xiàn)出來。優(yōu)秀的文字與排版使我們更愿意去閱讀，所以最好先關(guān)注你所設(shè)定的字體和排版是否便于閱讀，然后再考慮為了美觀改進(jìn)行修飾。我們可以參考這篇英文指南：優(yōu)秀字體排版的5條原則 并且將文中的這些原則應(yīng)用到我們的App和Web設(shè)計(jì)中去。選擇Body字體為body text挑選合適的字體是最重要的。務(wù)必選擇那些可讀性強(qiáng)的，看上去干凈易讀的字體。字體的大小在iPhone,iPad,iWatch 中設(shè)置的Body字體不應(yīng)該小于11pt，這樣才能被正常閱讀。字體的字重當(dāng)我們?cè)O(shè)置更大的字體來獲得更好的易讀性的同時(shí)，我們也應(yīng)相應(yīng)地減小字體的字重(粗細(xì))，考慮Light，Thin或者Ultra Thin。過重的字體會(huì)太過醒目，從而影響其他內(nèi)容的顯示效果。當(dāng)字體大小為12-18pt時(shí)，使用Regular，18-24pt時(shí)，使用Light，24-32pt,使用Thin，當(dāng)字體大小超過32pt時(shí)，建議使用Ultralight。以上都是建議值，你應(yīng)該根據(jù)不同字體的顯示效果進(jìn)行設(shè)定使文字內(nèi)容看上去清晰和精致，從而保持良好閱讀體驗(yàn)。更多知識(shí)干貨分享，盡在中公優(yōu)就業(yè)，>