Ui设计的字体大小规范

作者: 张云钱 | 来源:发表于2016-10-11 22:17 被阅读12612次

Ui设计师经常使用的APP设计字体大小,就那么几种。

比如:22pt,24pt, 28pt, 32pt,36pt等;

下面总结一下有关字体大小的知识。

iOS字体大小

Android字体大小

ppi的换算公式

sp与px的换算公式:

iOS常用字体大小:

举例:iPhone4/5/6,淘宝购物车的字体字号总结:

标题栏中间字号:36px

标题栏侧边字号:32px

商品名称的字号:28px

店铺名称的字号:24px

iPhone6@2x的字号,天猫购物车的测量如下 :

天猫购物车的字体大小


iPhone6系统设置->字体大小的设置界面,测量如下:

iPhone6的系统设置的默认字体大小

iPhone6Plus,淘宝购物车的字体字号总结:

标题栏中间字号:54px

标题栏侧边字号:48px

商品名称的字号:42px

店铺名称的字号:36px

标签栏图标下方的字体字号:20px

安卓字体大小:

以安卓1280x720px,5.5英寸,ppi=267,的屏幕尺寸为例

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁

Android规范字号(sp)     对应的像素高度(px)

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁

22sp                                             36px

18sp                                            30px

14sp                                            24px

12sp                                            20px

▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁▁

▁▁▁▁▁▁▁▁▁▁▁▁▁

ppi的换算公式

[开根号(长度像素的平方+宽度像素的平方)]

--------------------------------------------- = ppi

屏幕对角线英寸

▁▁▁▁▁▁▁▁▁▁▁▁▁

sp与px的换算公式:

sp*ppi

------------ =  px

160

▁▁▁▁▁▁▁▁▁▁▁▁▁▁

iOS系统自带界面 字体大小测量

链接:http://blog.jobbole.com/84894/

本文作者:张云钱。微信公众号:泡一杯茶

相关文章

网友评论

  • 梨仔_Rosie:请问@2x里面,有的地方您写的字号是pt,有的地方写的是px,这是一个概念么?
  • 龟在:已马
  • Fade1992:按照作者的意思就是说 app字体大小根本就不需要根据设备的宽高比例而进行比例缩放
  • 刘英滕:应该统一用 @1x 的 pt 做单位
    张云钱: @刘英滕 我们公司,去年用2倍图作图;今年换了个主管,改成用1倍图作图。

本文标题:Ui设计的字体大小规范

本文链接:https://www.haomeiwen.com/subject/zewbyttx.html