App字体设计规范
APP UI字体设计规范,这些或许你还不知道
APP UI在设计的时候对字体的运用还是需要经验积累的,不是随便往上一摆就行了,其中还有很多的技巧和技法,今天为大家整理出来了2017年最简单明了的app界面设计字体规范。
一、字体选择
1、IOS:苹果
从ios 9系统开始,系统最新的默认中文字体是:苹方。 英文字体是: San Francisco

截止到今天发文章为止,ios系统最新版本是: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的性质,风格,定位来进行选择,应通过文字大小表现出内容的轻重,层级划分,做到层级关系明显。