關于app界面設計字體規(guī)范的文章和干貨，想必大家都看了不少，其實想要的表達和傳遞的app界面設計字體規(guī)范知識點就4點。

25學堂的小編通過對不同類型的app進行總結，為大家整理出來了2017年最簡單明了的app界面設計字體規(guī)范。

一、字體選擇

1、IOS:蘋果 ?

從ios 9系統(tǒng)開始，系統(tǒng)最新的默認中文字體是：蘋方。 ?英文字體是： San Francisco

截止到今天發(fā)文章為止，ios系統(tǒng)最新版本是：iOS 11.

2、Android：英文字體：Roboto，中文字體：Noto

android最新系統(tǒng)的版本是：Android 8.0

上面我們告訴了各位APP設計師選取最新的APP設計字體的標準以及最新的系統(tǒng)版本上面應用的字體。

下面我們就要通過實際的APP案例來跟大家講解如何應用APP設計字體規(guī)范。

二、案例分析

1.以今日頭條界面為例，

導航主標題字號為40px，正文標題為36px，輔助性說明文字為24px，小字(視頻長短，標題欄按鈕名)為20px，頭像名為28px。

字體大小代表的層級關系一目了然。

2. ?以環(huán)球APP為例：

正文部分，導航欄標題文字為36px，內(nèi)容標題為48px，正文為36px，小字為22-20px。

(因app性質(zhì)不同，今日頭條作為閱讀類型的app，會更注重文本的閱讀便捷性。所以字號選擇上會偏大一些。)

3.再以微信為例，導航欄標題文字為36px，內(nèi)容標題文字為34px，內(nèi)容為28px，輔助性說明文字為24px。

4.最后以豆果美食為例，

豆果美食是我認為界面閱讀很漂亮的一個app界面設計。文字閱讀給人一種很精致舒服的感覺。同閱讀類型的新聞app和工具類型的app在字號選擇上相比，它的文字選擇的要稍小一些。如導航欄的字號為30px，頁面最大字號為34px(分類標題)，其次是32px，28px，24px，20px

5、我們再來看看之前25學堂分享過的APP設計規(guī)范里面的案例

網(wǎng)易APP界面設計當中的字體設計規(guī)范；擴展閱讀app設計規(guī)范

最后總結一下：具體看下下面的圖

選擇字體大小時應根據(jù)app的性質(zhì)，風格，定位來進行選擇，應通過文字大小表現(xiàn)出內(nèi)容的輕重，層級劃分，做到層級關系明顯。

除了對字體進行字號大小的區(qū)別，還可對文字進行樣式(加重字體)和顏色的區(qū)分。

如果還不明白：我想繼續(xù)看：

1、iOS&Android 移動設計字體規(guī)范整理大全

2、Android移動APP設計字體規(guī)范詳解

3、APP設計常用字體以及字體打包下載(含中英文字體)