無論你是做網(wǎng)頁還是App設計，文字內(nèi)容總是能占到整個版面將近80%的區(qū)域。因此理解字體與排版對UI設計師來說非常關(guān)鍵。你需要始終把內(nèi)容的可讀性放在首位去考慮和權(quán)衡你對字體與排版的選擇。

字體排版建議

在你對字體排版技巧了如指掌之前，首先需要保證你的內(nèi)容能夠簡單且清晰地展現(xiàn)出來。優(yōu)秀的文字與排版使我們更愿意去閱讀，所以最好先關(guān)注你所設定的字體和排版是否便于閱讀，然后再考慮為了美觀改進行修飾。我們可以參考這篇英文指南：優(yōu)秀字體排版的5條原則 并且將文中的這些原則應用到我們的App和Web設計中去。

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

隨著iOS 9系統(tǒng)以及EI Capitan系統(tǒng)的發(fā)布，現(xiàn)在的系統(tǒng)字體變?yōu)榱薃pple自己設計的 [San Francisco]。iOS仍然在其他地方使用SF UI，而在Apple Watch中使用SF Compact。

San Francisco 有兩類尺寸: 文本模式（SF UI Text）和展示模式（SF UI Display）。 文本模式適用于小于20 points的尺寸，展示模式則適用于大于20 points的尺寸。當你在你的app中使用San Francisco時，iOS會自動在適當?shù)臅r機在文本模式和展示模式中切換。

注：如果你使用諸如Sketch或Photoshop的工具來進行設計，那么當你設置的字體大于等于20 points的時候，你需要切換到展示模式。iOS會根據(jù)字體大小為San Francisco自動調(diào)整字間距。

選擇Body字體

為body text挑選合適的字體是最重要的。務必選擇那些可讀性強的，看上去干凈易讀的字體。我推薦的常用英文字體有：San Francisco, Helvetica Neue, Avenir Next, Open Sans, Museo Sans。中文字體則有，華文細黑，思源黑體。

字體的大小

在iPhone,iPad,iWatch 中設置的Body字體不應該小于11pt，這樣才能被正常閱讀。我們推薦的Body文本大小應該在15-18pt。

字體的字重

當我們設置更大的字體來獲得更好的易讀性的同時，我們也應相應地減小字體的字重（粗細），考慮Light，Thin或者Ultra Thin。過重的字體會太過醒目，從而影響其他內(nèi)容的顯示效果。

當字體大小為12-18pt時，使用Regular，18-24pt時，使用Light，24-32pt,使用Thin，當字體大小超過32pt時，建議使用Ultralight。以上都是建議值，你應該根據(jù)不同字體的顯示效果進行設定使文字內(nèi)容看上去清晰和精致，從而保持良好閱讀體驗。

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

合理設置行高，讓文字也能夠呼吸

行間距（leading）應該設置為字體大小的120%到145%之間。

在右邊的例子中，行高設為了與字體高度相同的100%，而在左邊的例子中，我將它設為145%。它們的顯示效果有著非常明顯差異。當字數(shù)進一步增加時，你更會發(fā)現(xiàn)閱讀行距設置過小的大段文字會非常累。合理設置行高，也是一種留白的技巧，能夠增強用戶的閱讀體驗。

每行45-90個字

行長指單行文字的長度，如果一行中包含的字數(shù)太多，文本內(nèi)容將會很難閱讀。英文字符一般在45-90字比較適宜，而中文35-60字為宜。合理的行長使用戶在行間跳轉(zhuǎn)時非常感到輕快和愉悅，反之則會使閱讀成為一種負擔。

字體樣式

字體樣式對易讀性和快速瀏覽非常重要，一般的原則是，被修飾的文本不應超過整個文本的10%，如果所有文本都都通過修飾被強調(diào)的話，那反而就不是強調(diào)了。當然，一次不應該同時使超過三種的強調(diào)樣式。換句話說，不要在同一段文本中同時使用，顏色，字體改變，大小，下劃線，斜體，粗體。

文章來自：設計與貓