关于app界面设计字体规范的文章和干货,很多人应该都会看,但实际上想要的表达和传达的app界面设计字体规范知识点有4点。
25学堂小编总结了不同类型的APP,总结了2017年最通俗易懂的APP界面设计字体规范。
一.字体选择
1、IOS:苹果
从ios 9系统开始,系统的最新默认中文字体是苹果。 英语字体是San Francisco
截至今天的帖子,ios系统的最新版本是iOS 11。
2、安卓:英文字体: 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、再看看前面25学堂分享的APP设计规范中的案例
网易APP接口设计中的字体设计规范; 阅读扩展app设计规范
最后总结。 具体看一下下图
选择字体大小时,要根据APP的性质、风格、定位进行选择,用文字大小来体现内容的轻重、分级,使层次关系明显。
字体不仅有大小的差异,还有文字的样式(强调字体)和颜色的差异。
如果还不知道:我想继续看: