Android系统字体规范与应用探索
Android系统字体规范与应用探索
发布时间:2015-05-12 来源:查字典编辑
摘要:我们在做Android移动APP设计的时候,字号的选择也是很让人头疼,今天整理了一份有关Android系统字体规范,主要从以下几个方面:方案...

我们在做Android移动APP设计的时候,字号的选择也是很让人头疼,今天整理了一份有关Android系统字体规范,主要从以下几个方面:方案。

1. 移动设计中与字号有关的基本概念

2. Android 系统默认字体 Rotobo,限定使用以下字号

Android系统字体规范与应用探索1

3. Android 字体单位 sp 与 px 的换算

以三星Note2为例,PPI = √(1280² + 720²) / 5.5=267
Android系统字体规范与应用探索2

经测量,三星Note2的字体高度确实如此,见下图:
Android系统字体规范与应用探索3

4. 规范字号的意义

保证相同字号的字在不同PPI屏幕上显示的物理高度一致,下面来验证一下。

综上,X = Y,这就证明了同为18sp的字在 PPI分别为 267 和 160 时,显示的物理高度都是 2.86mm

5. 印刷业的规范字号的用法

看书的时候眼睛距离书本的最佳距离为 33cm,书本的阅读距离比较接近于手机的阅读距离,所以我们来参考下书本上印刷文字的规范。

印刷业已经有成熟的行业字号标准,如下表所示:
Android系统字体规范与应用探索4

其中正文常用的字号是六号(7.5p)、小五号(9p)、五号(10.5p),如下表所示:
Android系统字体规范与应用探索5

6. Android 规范字号的近似用法

通过计算出 Android规范字号的物理高度,找到每个字号最接近的印刷字号:
Android系统字体规范与应用探索6

再根据印刷字号的用途,近似得出Android 规范字号的用法
Android系统字体规范与应用探索7

7. 如何向前端输出?

第一步:将sp 换算成px。但是px随PPI 变化而变化,这一点可以从sp 与px的换算公式“sp*ppi/160 = px ”看出来。我们不能算出所有的情况,所以只计算首选需要适配的ppi 对应的像素高度。

第二步:把算好的像素高度和换算公式“ sp * ppi/160 = px ”同时输出给前端,这样以后再换ppi,前端可以自动计算。另外,前端代码里定义字体高度用的也是px,所以设计师向前端输出以px计算的字号尺寸是非常合适的。例如:
Android系统字体规范与应用探索8

8. 如何在photoshop里选择字号?

上文中,我们已经算出了字体像素高度,把这些像素高度画到ps 里,
再把你要使用的字体调到这样的像素高度,得出photoshop 里对应的字号,用于设计。也就是说Photoshop 里的字号都需要根据实际情况,手动调出来,没有捷径。例如ppi 为240 时,对应的像素高度和字体字号如下图所示:
Android系统字体规范与应用探索9

如果ppi 变化,上面的图就不能用了,又要重新算,比较劳神费力,但我目前还没有更好的办法,欢迎大家拍砖,我会积极采纳意见,优化方案。

参考文献:
1.Android 设计指南:
http://www.sunjw.us/adchs/style/typography.html

2.维基百科:点(印刷)
http://zh.wikipedia.org/wiki/%E7%82%B9_(%E5%8D%B0%E5%88%B7

3.百度文库《印刷文字的字体与字号规定》
http://wenku.baidu.com/view/c3f12af9aef8941ea76e05f2.html

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新交互设计教程学习
热门交互设计教程学习
网页设计子分类