字體設計在我們APP設計中是重要的一個鏈路，好的字體設計，能更好的提升產品的可讀性，有助于用戶的快捷操作，提升用戶體驗。 

設計師應該如何在APP中設計字體，還有哪些需要我們去注意的點？今天從以下幾個方向來總結一下：

詳細的如下：

一、層級把控

二、默認字體

三、內容把控

四、簡潔設計

五、字段空間

六、清晰可讀

 一.層級把控

通過調整字體的字重、大小、顏色來突出產品中的重要引導信息，提升視覺焦點，更好的引導用戶進行產品操作。

圖片來源于behance

二.默認字體

特殊強調字體，我們可以通過切圖來進行處理給開發人員。除了特殊字體外，我們盡量在APP設計過程中，采用各端應用的系統默認字體來進行設計。

因為這樣可以避免因字體帶來的適配問題。同時我們采用各端的系統默認字體，可以采用多種樣式應用于產品設計中，比如標題、正文、說明，多種大小字重可以流暢調節。

圖片來源于behance

三.內容把控

這個是一個比較容易陷入誤區的設計，因為我們在把控內容的時候，不是說把字體設計的很大，讓用戶看清就可以了，而是要滿足用戶對于當前信息內容的瀏覽體驗、信息獲取。

比如比較典型的工具類產品阿姨一點通，用戶人群年齡是比較大的，但是我們在設計時候僅僅需要把字體放大設計嗎！

不是的！

需要整理信息流，提升層級，把控內容輸出，提升用戶可讀性，提升瀏覽體驗和信息獲取。

圖片來源于網絡截圖

四.簡潔設計

1、統一的字體樣式，太多的字體樣式設計會讓產品變得花里胡哨的，用戶也沒有心情去看了。

圖片來源于網絡截圖

2、避免全部都是字體在頁面中的呈現，巧妙的運用圖片、卡片、列表等綜合表現。讓頁面變得更有節奏和韻律。

圖片來源于behance

五.字段空間

這里的字段空間主要是用于調節字段或者字段組之間的親密關系。

1、在字段的設計中我們可以采用相對較大的行距來提升用戶的瀏覽效率，減少閱讀成本。這樣設計其實是運用了我們的親密原則，調節行與行之前的親密關系。

圖片來源于網絡截圖

2、在兩行、較少行數或者相對親密的信息字段組設計中，我們可以增加他們的親密關系，減少行距，那樣在整體頁面中，視覺焦點就會更加集中，用戶學習瀏覽成本也會減少。

圖片來源于網絡截圖

六.清晰可讀

確保頁面的清晰可讀性，是重要的一環，即使很小的字體（比如說明文字、提示文字），我們也要保證他的清晰度可讀性。

所有文字均應該清晰易讀并且符合可訪問性的標準，比如參考設計可以參考無障礙訪問指南（WCAG）,一般我們要求字體之間的顏色對比度為4.5:1。當然這些設計原則指南，也是讓我們去參考設計的，具體的設計細節還是要以我們產品為中心進行設計。

圖片來源于behance

以上就是本期分享的內容，我們下期再見~

轉載聲明：本文來源于網絡，不作任何商業用途