UI 设计软件
单位换算
在 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