App字型設計規範
APP UI在設計的時候對字型的運用還是需要經驗積累的,不是隨便往上一擺就行了,其中還有很多的技巧和技法,今天為大家整理出來了2017年最簡單明瞭的 ofollow,noindex">app介面設計 字型規範。
一、字型選擇
1、IOS:蘋果
從ios 9系統開始,系統最新的預設中文字型是:蘋方。 英文字型是: San Francisco

截止到今天發文章為止,ios系統最新版本是:iOS+11/">iOS 11.
2、Android:英文字型:Roboto,中文字型:Noto

android最新系統的版本是:Android 8.0
上面我們告訴了各位APP設計師選取最新的APP設計字型的標準以及最新的系統版本上面應用的字型。
下面我們就要通過實際的APP案例來跟大家講解如何應用APP設計字型規範。
二、案例分析
1.以今日頭條介面為例,
導航主標題字號為40px,正文標題為36px,輔助性說明文字為24px,小字(視訊長短,標題欄按鈕名)為20px,頭像名為28px。
字型大小代表的層級關係一目瞭然。

2. 以環球APP為例:
正文部分,導航欄標題文字為36px,內容標題為48px,正文為36px,小字為22-20px。

(因app性質不同,今日頭條作為閱讀型別的app,會更注重文字的閱讀便捷性。所以字號選擇上會偏大一些。)
3.再以微信為例, 導航欄標題文字為36px,內容標題文字為34px,內容為28px,輔助性說明文字為24px。

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

5、我們再來看看之前分享過的APP 設計規範 裡面的案例
網易APP介面設計當中的字型 設計規範 ;擴充套件閱讀app設計規範

最後總結一下:具體看下下面的圖

選擇字型大小時應根據app的性質,風格,定位來進行選擇,應通過文字大小表現出內容的輕重,層級劃分,做到層級關係明顯。