當(dāng)前位置：首頁 > 牌匾知識
牌匾知識

這篇英文指南：[優(yōu)秀字體排版的5條原則]

發(fā)布時間：2022-10-17 13:24:14點擊量：

無論你是做網(wǎng)頁還是App設(shè)計，文字內(nèi)容總是能占到整個版面將近80%的區(qū)域。因此理解字體與排版對UI設(shè)計師來說十分關(guān)鍵。你必須一直把內(nèi)容的可讀性放到首位去考量和取舍你對字體與排版的選擇。

牌匾字體設(shè)計圖片_什么字體適合做牌匾_牌匾字體在線設(shè)計

字體的基礎(chǔ)術(shù)語

了解字體設(shè)計的基礎(chǔ)詞匯比較重要，這些名詞在介紹字體設(shè)計的相關(guān)文章中常常發(fā)生。比如x-（X字高）指的是從字母的基準(zhǔn)線起初往上到最矮字母的邊沿的距離，當(dāng)X字高的比重相對大一些的話能夠降低易讀性。

牌匾字體在線設(shè)計_什么字體適合做牌匾_牌匾字體設(shè)計圖片

襯線字與非襯線字

在西*家的字母制度，分成兩大字族：serif（襯線字體）及sansserif（無襯線字體）。襯線字（右圖中的宋體、TimesNewRoman）是指在字的筆畫開始及結(jié)束的地方有額外的裝飾，而且筆畫的長短會因直橫的不同而有所不同。相反的，無襯線字（右圖中的思源黑體、）就沒有很多額外裝飾，而且筆畫長短大致上是差不多。

襯線字的圖標(biāo)較易識別，也因而具備較高的易讀性。反之無襯線字則較醒目。通常來說，需要指出、突出的小篇幅文字通常使用無襯線字,而在短篇正文中，為了閱讀的方便，一般使用襯線字。在實際應(yīng)用中，因為英文的粗體和西文的襯線體，中文的粗體和西文的無襯線體，在樣式和應(yīng)用情景上相同，所以一般搭配使用。

牌匾字體在線設(shè)計_什么字體適合做牌匾_牌匾字體設(shè)計圖片

字體排版建議

在你對字體排版技巧了如指掌之前，首先必須確保你的內(nèi)容無法簡潔且清晰地呈現(xiàn)出來。優(yōu)秀的文字與排版使我們更愿意去閱讀，所以最好先關(guān)注你所設(shè)定的圖標(biāo)和排版是否方便閱讀，然后再考量為了簡潔改進(jìn)行修飾。我們可以參考這篇中文指南：[優(yōu)秀字體排版的5條原則](inten)以及將文中的這種方法應(yīng)用到我們的App和Web設(shè)計中去。

iOS中的系統(tǒng)字體

隨著iOS9系統(tǒng)及其EI系統(tǒng)的發(fā)布，現(xiàn)在的平臺字體變?yōu)榱薃pple自己設(shè)計的[San]。iOS仍然在其它地方使用**SFUI**,而在AppleWatch中使用**SF**

牌匾字體在線設(shè)計_什么字體適合做牌匾_牌匾字體設(shè)計圖片

San有兩類尺寸:***文本模式（SFUIText）***和***展示方式（SFUI）***。文本方式適用于大于20的厚度，展示方式則適用于高于20的尺寸。當(dāng)你在你的app中使用San時，iOS會自動在適度的契機在文本方式和展現(xiàn)模式中切換。

注：如果你使用例如或的軟件來進(jìn)行設(shè)計，那么當(dāng)你設(shè)置的字體大于等于20的之后，你必須切換到展示方式。iOS會按照字體大小為San自動調(diào)整字間距。

牌匾字體在線設(shè)計_牌匾字體設(shè)計圖片_什么字體適合做牌匾

選擇Body字體

為bodytext挑選適合的字體是最重要的。務(wù)必選用這些可讀性強的，看起來干凈易讀的字體。我推薦的常見中文字體有：San,Neue,Next,OpenSans,MuseoSans。中文字體則有，華文細(xì)黑，思源黑體

牌匾字體在線設(shè)計_牌匾字體設(shè)計圖片_什么字體適合做牌匾

字體的大小

在,iPad,中設(shè)定的Body字體不需要大于***11pt***，這樣就能被正常閱讀。我們推薦的Body文本大小必須在***15-18pt***。

牌匾字體設(shè)計圖片_牌匾字體在線設(shè)計_什么字體適合做牌匾

什么字體適合做牌匾_牌匾字體設(shè)計圖片_牌匾字體在線設(shè)計

字體的字重

當(dāng)我們設(shè)定更大的字體來獲得更好的易讀性的同時，我們也應(yīng)相應(yīng)地減少字體的字重（粗細(xì)），考慮Light，Thin或者UltraThin。過重的字體會太過醒目，從而妨礙其他內(nèi)容的顯示效果。

當(dāng)字體大小為12-18pt時，使用，18-24pt時，使用Light，24-32pt,使用Thin，當(dāng)字體大小達(dá)到32pt時，建議使用。以上都是建議值，你必須按照不同字體的顯示效果進(jìn)行設(shè)置使文字內(nèi)容看起來清晰和舒適什么字體適合做牌匾，從而維持良好閱讀體驗。

牌匾字體設(shè)計圖片_牌匾字體在線設(shè)計_什么字體適合做牌匾

現(xiàn)代字體都有多種字重設(shè)置：，Light，Thin和

合理設(shè)定行高，讓文字也才能呼吸

行間距（）需要修改為字體大小的120%到145%之間。

牌匾字體設(shè)計圖片_牌匾字體在線設(shè)計_什么字體適合做牌匾

在后面的舉例中，行高設(shè)為了與字體高度相似的100%，而在上面的舉例中，我將它設(shè)為145%。它們的顯示療效有著十分顯著變化。當(dāng)字?jǐn)?shù)進(jìn)一步提高時，你更會看到閱讀行距設(shè)置過小的大段文字會特別累。合理設(shè)定行高，也是一種留白的方法，能夠提高用戶的閱讀感受。

每行45-90個字

行長指單行文字的長度，如果一行中包括的字?jǐn)?shù)太多，文本內(nèi)容將會很難閱讀。英文字符通常在45-90字非常適宜，而英文35-60字為宜。合理的行長使用戶在行間跳轉(zhuǎn)時十分感到輕快和愉快，反之則會使閱讀作為一種負(fù)擔(dān)。

牌匾字體設(shè)計圖片_牌匾字體在線設(shè)計_什么字體適合做牌匾

字體樣式

字體風(fēng)格對易讀性和迅速瀏覽非常重要，一般的方法是，被修飾的文本不應(yīng)達(dá)到整個文本的10%，如果所有文本都都借助修飾被提出的話，那顯然就不是指出了。當(dāng)然，一次不需要同時使達(dá)到三種的指出樣式。換句其實，不要在同一段文本中同時使用，顏色，字體改變，大小，下劃線，斜體，粗體。

牌匾字體在線設(shè)計_什么字體適合做牌匾_牌匾字體設(shè)計圖片

尋找合適的字體

大部分商用字體都很貴，但還有眾多優(yōu)秀的字體是免費的。你只應(yīng)該從中挑選你最偏愛的字體，并應(yīng)用到你的設(shè)計中就可以了。下面就介紹幾個特別優(yōu)秀的字體網(wǎng)站。

Fonts（需翻墻）

在Fonts，你可以免費下載你喜歡的圖標(biāo)，并且根據(jù)你的應(yīng)該在項目中使用。由于在iOS中使用其它字體的唯一途徑就是將字體文件導(dǎo)出到平臺中，因此Fonts的下載功能十分有用。Fonts包含少于1400種不同的字體什么字體適合做牌匾，其中包括最知名的：OpenSans和字體，他們是平臺使用的默認(rèn)圖標(biāo)。

牌匾字體在線設(shè)計_什么字體適合做牌匾_牌匾字體設(shè)計圖片