亲爱的产品经理们,您们是否期待有一个完美的学习平台来助力您的事业腾飞?那么您定不会想错过人人都是产品经理社区推出的产品经理培训课程!让我们共同在BAT产品总监的引领下,手把手地深入学习产品管理的精髓吧!
随着移动端项目的不断推进,我深感掌握移动端尺寸换算的重要性。今天,就让我们一起来总结下这方面的要点。
关于屏幕单位与换算关系
- 像素(px):它是电子屏幕上组成一幅图画或照片的基本单元。
- 点(pt):这是印刷行业常用的单位,相当于1/72英寸的长度。
- 像素密度(ppi):每英寸的像素数,该值越高,屏幕显示越细腻。
- 每英寸点数(dpi):常用于描述打印物上每英寸的点数密度,但在计算机屏幕上通常使用ppi。
- 密度独立像素(dp):安卓开发中常用的长度单位,用于适应不同屏幕密度。
- 无级缩放像素(sp):安卓开发中用于定义字体大小的单位,能够根据用户设置的文字大小进行缩放。
接下来,让我们探讨一下它们之间的换算关系。
换算公式一:当Photoshop中新建画布的分辨率为72ppi时,1pt等于1px;当分辨率为其他值时,可以使用(DPI / 72)来计算pt与px之间的换算关系。
dpi和ppi在计算机屏幕上可视为等同概念。换算公式二:dpi等于ppi。
要计算ppi值,可使用换算公式三:像素点数除以对角线长度后开方。以小米2s为例,其屏幕分辨率为720px x 1280px,对角线长度为4.3英寸,经过计算可得点密度为342ppi。
在安卓开发中,dp是根据屏幕密度进行适配的长度单位。对于不同屏幕分辨率的设备,dp与px的对应关系会有所不同。换算公式四:1dp等于(屏幕PPI / 160)px。
以WVGA屏为例,其屏幕规格及dp与px的换算关系如上所述。而sp单位则用于定义字体大小,能够根据用户设置的文字大小进行自适应缩放。换算公式五:在文字尺寸为“正常”时,1sp约等于1dp;而在“大”或“超大”文字尺寸下,sp的值会大于dp。
对于设计工作而言,在xhdpi条件下进行设计时,我们可以将1dp视为等于2px。当画布分辨率为144ppi时,1pt、dp和px的值是相等的。在进度标注时,将长度像素值除以2即可得到dp值。
小贴士:在使用Photoshop CC进行切图时,通过在图层名称前加上适当的比例系数(如200%),可以快速获得所需大小的图片。但需注意,此方法仅适用于由形状工具创建且未被栅格化的图形。