Ui设计的字体大小规范

Ui设计的字体大小规范_第1张图片

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

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

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

iOS字体大小

Android字体大小

ppi的换算公式

sp与px的换算公式:

iOS常用字体大小:

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

标题栏中间字号:36px

标题栏侧边字号:32px

商品名称的字号:28px

店铺名称的字号:24px

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

Ui设计的字体大小规范_第2张图片
天猫购物车的字体大小


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

Ui设计的字体大小规范_第3张图片
iPhone6的系统设置的默认字体大小


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

标题栏中间字号:54px

标题栏侧边字号:48px

商品名称的字号:42px

店铺名称的字号:36px

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

Ui设计的字体大小规范_第4张图片

安卓字体大小:

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

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

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

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

22sp                                             36px

18sp                                            30px

14sp                                            24px

12sp                                            20px

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


Ui设计的字体大小规范_第5张图片


Ui设计的字体大小规范_第6张图片

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

ppi的换算公式

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

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

屏幕对角线英寸

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

sp与px的换算公式:

sp*ppi

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

160

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

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

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

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

你可能感兴趣的:(Ui设计的字体大小规范)