UI设计

UI设计

UI 设计软件

pixso

单位换算

在 UI 设计中常见的长度单位有 px(pixel)、pt、em。其中 px 是像素单位,pt 是物理世界中的长度单位,em 是百分比。
px 与 pt 之间根据设备的分辨率不同,其映射关系也不同。通常通过 ppi 来进行换算。

ppi(pixel per inch)是衡量像素密度的一个单位,表是每英寸所包含的像素个数。

界面尺寸确认

以小米12s 为例,屏幕分辨率为2400x1080,屏幕大小为6.28英寸,所以,它的 ppi 计算如下:

ppi=\frac{\sqrt{2400^2+1080^2}}{6.28}=419

因此屏幕的高度的 pt 值计算为:

pt_h=(2400/419)*72=412

屏幕宽度的 pt 值计算为:

pt_w = (1080/419)*72=185

因此,在 UI 设计中可使用 (2400x1080)px,或者使用 (412x185)pt

LICENSED UNDER CC BY-NC-SA 4.0