单位和换乘系数(Unit and Multipliers)¶
统计信息:字数 2320 阅读5分钟
2021-08-31
这部分当前项目中没有用到,
定义/Definition¶
AntD Mobile在设计过程中需要考虑各类操作系统以及不同设备的PPI对UI的影响。在多重复杂的设计环境下,用pixel作为UI设计的基本单元是不合适的,这里我们需要引入设备独立像素的概念。苹果以及谷歌在此类问题上早就有解决方法,他们的设计团队分别采用PT (point)和DP (device independent pixel)两个单位来定义UI设计中图形的最小单元,事实上两者是同一种概念。 AntD Mobile将DP (device independent pixel)和SP(scaled pixels)分别定为UI设计的图形单位和字体单位。再通过换算系数来达到UI设计在不同PPI之下的通用性。
换算系数/multipliers¶
由于不同设备间存在PPI和分辨率的差异,设计师需要考虑设计中各类情况的兼容性,尽量保证图形在各种PPI下的物理尺寸是一致的。这时引入换算系数的概念就能令这一过程变得高效起来。换算系数(multiplier)简单的来说是在同一个操作系统下的不同设备分辨率之间一个DP所对应的像素数量。
iOS系统下的换乘系数表主要有两组,分别代表手机以及pad:
iPhone的换算系数:
iPad的换算系数:
苹果手机的换乘系数相对来说较为简单,在设计时选择基准的尺寸一般会建议1X的作为基准点,这样能更加方便的进行其他PPI的换算,但同时也需要考虑各类型号的用户覆盖率。android系统相对来说会比较复杂,根据DPI的不同总共可以分为7类(DPI和PPI是一个概念),其中标灰的两类是不太常用的。
Android的换算系数:
进一步了解更多屏幕分辨率可以访问 screensiz.es
画板尺寸/Artboard Sizes¶
在设计团队中采用统一的设计软件,一致的设计单位,和统UI设计中不同场景下的画板尺寸。