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