安卓字号规范规范中为什么推荐字号都是4的倍数

对于一位移动APP设计师来说,字体的把控非常重要。特别是app设计。因为不同的字体在不同的移动终端显示出来的效果真是百花齐放。终极没达到我们设计图的效果。
所以,ios和android都有各自的设计规范。也是告诉各位一定APP设计和开发人员可以遵循这些规范来设计开发,尽量达到最佳显示效果。
25学堂今天来跟大家回顾和整理iOS&Android 移动设计字体规范。
其他详细的尺寸规范大家可以点击查看:
一、IOS版本的字体设计规范和常识
iOS 的 1 pt = 逻辑像素 1 px = 物理像素 1 px(非 Retina)或 2 px(Retina)
如果你新建 Photoshop 文档时将 PPI 设定为 72,则文档中 1 pt = 1 px;如果你把 PPI 设为 144,则 1 pt = 2 px。
单位术语:pt: point
PPI: pixels per inch
Photoshop 默认使用 1 inch = 72 pt 的标准,所以为什么我们设计APP界面设计效果的时候,设置的分辨率就是72,主要是这样设计方便、免了换算之苦。
1、如果你是iOS客户端开发人员,你在编程时使用的默认简体中文字体,就是常用的华文Heiti SC。
2、如果你是iOS UI设计人员,你在设计时如果使用Photoshop,请选中“黑体-简”或Heiti SC,并设置为“细体”、“浑厚”是与iOS上的实际效果最接近的(Heiti SC Thin)。或者是冬青黑简体、黑体等等。英文字体是 Helvetica Neue Ultra Light。
之前25学堂报道的相关ios 设计字体:
如今iphone6和iphone6+开始流行,我们设计的字体规范也有所改变。
因为iPhone6和iPhone 6Plus都有标准模式和放大模式2种分辨率:
1.iPhone4和iPhone5宽度一样,5只是比4高176像素,所以5和4一套规范即可;
2.iPhone6的放大模式分辨率是640*1136,和iPhone5正好相同;
3.iPhone6的标准模式分辨率为750*1334,整体放大1.5倍正好是iPhone6 Plus的放大模式。
我们来看淘宝购物车的截图(从左到右依次为iPhone4、5、6):
总结: 我们可以看出iPhone 4、5、6是可以共用一套字体大小规范。
而iPhone6 plus在放大模式下的字体正好是在此基础上放大
<span style="color: #倍:
如下我们来看下一般规律(72像素/英寸下的字号大小规律,即72ppt下面)
导航栏标题:大概34px-42px;现在标题越来越小,一般36比较合适。
如果是iphone plus 那么字体大小应该是51-63px之间。
最合适的54px。
标签栏文字:20-24px。ios自带应用都是20px。个人认为标签栏时(图标+文字)形式的的话不要大于22比较合适。
正文:28px-36px,新闻类基本都在用36,比如网易新闻正文部分。
除了新闻类,其他类型的APP
表单 都可以是30-32px左右。
二、安卓android APP字体设计规范
安卓中文字体: droid sans fallback
安卓英文字体:roboto
安卓手机的默认中文字体都是droid sans fallback,是谷歌自己的字体,与微软雅黑很像,小米miui v5 用的也是这种字体。
大家可以阅读25学堂之前发布的《》
sp与px的换算公式:sp*ppi/160 = px
如果想看下详细android字体:
题外话:为什么android安卓机器上的字体没ios的好看,原因有2点
第一点:android分辨率很多,字体渲染机制不一样。
第二点:和 iOS 相比,Android 的“字体系统”最大的一个缺点其实是缺字。正好体现了 iOS 在 Android 字符数面前的优越感。
附加各大主流的移动或者桌面操作系统的默认中英文字体
以下列出的是西英文字体和简体中文字体:
Windows(Vista 及更高版本)
微软雅黑 [1](Windows 8 开始用微软雅黑 UI [2])
Windows(Vista 之前)
中易宋体(又称宋体、SimSun)
Windows Phone
方正等线(简体中文 locale,详见 [3])或微软雅黑 [1](英语 locale)
Lucida Grande
华文黑体(具体情况比较复杂,详见 [4])
Helvetica Neue [5](非 Retina display 的设备用 Helvetica)
华文黑体(该版本称作黑体-简,参见 [4])
Droid Sans(4.0 之前)或 Roboto [6](4.0 及更高版本)
Droid Sans Fallback [1](文泉驿微米黑之母)
文泉驿微米黑 [1]
方正兰亭中黑和方正兰亭黑
本文标题:
本文地址:/appdesign/8011.html
除非注明,本站文章均为原创或编译,转载请注明出处和原文链接,转载同时请务必保留原网站网址。
移动APP设计入门课程
为你推荐的相关文章
Copyright@
All Rights Reserved ICP备案号:桂ICP备号-2本站声明所有资源均是网上搜集或网友上传提供,如有侵犯您的版权,请及时联系我们(),我们将尽快处理。安卓 尺寸规范_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
安卓 尺寸规范
阅读已结束,下载文档到电脑
想免费下载本文?
定制HR最喜欢的简历
下载文档到电脑,方便使用
还剩3页未读,继续阅读
定制HR最喜欢的简历
你可能喜欢我们在做Android移动APP设计的时候,字号的选择也是很让人头疼,今天整理了一份有关Android系统字体规范,主要从以下几个方面:1. 移动设计中与字号有关的基本概念px:Pixels即像素,基本原色素及其灰度的基本编码。DPI:dots per inch,是印刷上的记量单位,意思是每个英寸上,所能印刷的网点数。PPI:pixels per inch 数字影像的解析度,意思是每英寸所拥有的像素数,即像素密度。PPI = √(长度像素数2 + 宽度像素数2) / 屏幕对角线英寸数pt:Point,磅因,国际通行的印刷单位,是一个自然界标准的长度单位。inch = 2.54cm = 25.4 mm = 72pt, 1pt≈0.35mmPhotoshop里的字体单位pt和point不一样。在Photoshop里,同样是10pt的字,只要变换字体,字的高度就会变化。dp:Density-independent pixels,以160PPI屏幕为标准,则1dp=1pxdp和px的换算公式 :dp*ppi/160 = pxsp:Scale-independent pixels.安卓的字体单位,以160PPI屏幕为标准,当字体大小为 100%时, 1sp=1pxsp 与 px 的换算公式:sp*ppi/160 = px2. Android 系统默认字体 Rotobo,限定使用以下字号3. Android 字体单位 sp 与 px 的换算PPI =
√(长度像素数2 +
宽度像素数2) /
屏幕对角线英寸数sp与px的换算公式:sp*ppi/160 = px以三星Note2为例,PPI =
√(12802 + 7202) / 5.5=267经测量,三星Note2的字体高度确实如此,见下图:4. 规范字号的意义保证相同字号的字在不同PPI屏幕上显示的物理高度一致,下面来验证一下。设定 PPI为 267 时,高度18sp(即 30px)的字的物理高度为 X,则:一英寸里的像素数 267 / 一英寸里的毫米数 25.4mm = 30 / XX ≈ 2.86mm设定 PPI为 160 时,高度18sp(即 18px)的字的物理高度为 Y,则:一英寸里的像素数 160 / 一英寸里的毫米数 25.4mm = 18 / YY ≈ 2.86mm综上,X = Y,这就证明了同为18sp的字在 PPI分别为 267 和 160 时,显示的物理高度都是 2.86mm5. 印刷业的规范字号的用法看书的时候眼睛距离书本的最佳距离为 33cm,书本的阅读距离比较接近于手机的阅读距离,所以我们来参考下书本上印刷文字的规范。印刷业已经有成熟的行业字号标准,如下表所示:其中正文常用的字号是六号(7.5p)、小五号(9p)、五号(10.5p),如下表所示:6. Android 规范字号的近似用法通过计算出 Android规范字号的物理高度,找到每个字号最接近的印刷字号:再根据印刷字号的用途,近似得出Android 规范字号的用法7. 如何向前端输出?第一步:将sp 换算成px。但是px随PPI 变化而变化,这一点可以从sp 与px的换算公式“sp*ppi/160 = px ”看出来。我们不能算出所有的情况,所以只计算首选需要适配的ppi 对应的像素高度。第二步:把算好的像素高度和换算公式“ sp * ppi/160 = px ”同时输出给前端,这样以后再换ppi,前端可以自动计算。另外,前端代码里定义字体高度用的也是px,所以设计师向前端输出以px计算的字号尺寸是非常合适的。例如:8. 如何在photoshop里选择字号?上文中,我们已经算出了字体像素高度,把这些像素高度画到ps 里,再把你要使用的字体调到这样的像素高度,得出photoshop 里对应的字号,用于设计。也就是说Photoshop 里的字号都需要根据实际情况,手动调出来,没有捷径。例如ppi 为240 时,对应的像素高度和字体字号如下图所示:如果ppi 变化,上面的图就不能用了,又要重新算,比较劳神费力,但我目前还没有更好的办法,欢迎大家拍砖,我会积极采纳意见,优化方案。
热门素材内容推荐
& CopyRight , , Inc.All Rights Reserved.Android APP界面标注_百度文库
两大类热门资源免费畅读
续费一年阅读会员,立省24元!
Android APP界面标注
阅读已结束,下载文档到电脑
想免费下载本文?
定制HR最喜欢的简历
下载文档到电脑,方便使用
还剩3页未读,继续阅读
定制HR最喜欢的简历
你可能喜欢}

我要回帖

更多关于 app字号规范 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信