android ui设计最新字体,2017年最新最直白的app界面设计字体规范

本文介绍了如何根据最新的iOS和Android系统字体选择指南,结合今日头条、环球、微信和豆果美食等实例,详细解读字体大小在不同类型的APP设计中的应用。强调了根据app性质、风格和定位调整字体,确保层级清晰和阅读易用性的重要性,并提到了字体样式和颜色区分的策略。
摘要由CSDN通过智能技术生成

关于app界面设计字体规范的文章和干货,想必大家都看了不少,其实想要的表达和传递的app界面设计字体规范知识点就4点。

25学堂的小编通过对不同类型的app进行总结,为大家整理出来了2017年最简单明了的app界面设计字体规范。

一、字体选择

1、IOS:苹果

从ios 9系统开始,系统最新的默认中文字体是:苹方。  英文字体是: San Francisco

211470a48f112332a054eb181ff1fdd7.png

截止到今天发文章为止,ios系统最新版本是:iOS 11.

2、Android:英文字体:Roboto,中文字体:Noto

71d473fce5a69d2c603c7b84f07a93d3.png

android最新系统的版本是:Android 8.0

上面我们告诉了各位APP设计师选取最新的APP设计字体的标准以及最新的系统版本上面应用的字体。

下面我们就要通过实际的APP案例来跟大家讲解如何应用APP设计字体规范。

二、案例分析

1.以今日头条界面为例,

导航主标题字号为40px,正文标题为36px,辅助性说明文字为24px,小字(视频长短,标题栏按钮名)为20px,头像名为28px。

字体大小代表的层级关系一目了然。

72d06b3739f4897bbab8cac467e16c46.png

2.  以环球APP为例:

正文部分,导航栏标题文字为36px,内容标题为48px,正文为36px,小字为22-20px。

2c0c6bfe04617a6432ea0f76a7941e8c.png

(因app性质不同,今日头条作为阅读类型的app,会更注重文本的阅读便捷性。所以字号选择上会偏大一些。)

3.再以微信为例,导航栏标题文字为36px,内容标题文字为34px,内容为28px,辅助性说明文字为24px。

547e9f84b6a8698fb3c63beb9440a199.png

4.最后以豆果美食为例,

豆果美食是我认为界面阅读很漂亮的一个app界面设计。文字阅读给人一种很精致舒服的感觉。同阅读类型的新闻app和工具类型的app在字号选择上相比,它的文字选择的要稍小一些。如导航栏的字号为30px,页面最大字号为34px(分类标题),其次是32px,28px,24px,20px

db76e8a7f6cb1a4b166bfd0455164252.png

5、我们再来看看之前25学堂分享过的APP设计规范里面的案例

网易APP界面设计当中的字体设计规范;扩展阅读app设计规范

e7a7c77f1a2278e0512e0fb73f8c8f4c.png

最后总结一下:具体看下下面的图

cf4ee2e9781163a5eed200530b9c9d26.png

选择字体大小时应根据app的性质,风格,定位来进行选择,应通过文字大小表现出内容的轻重,层级划分,做到层级关系明显。

除了对字体进行字号大小的区别,还可对文字进行样式(加重字体)和颜色的区分。

如果还不明白:我想继续看:

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值