产品经理就业班12周特训,测、練、实战22位导师全程带班,200+名企内推保障就业!
做了几个移动端的项目之后,深感移动端尺寸换算的必要性在此做个总结。
- px:pixel像素,电子屏幕上组成一幅图画或照片的最基本单元
- pt: point点,印刷行业常用单位等于1/72英寸
- dpi: dot per inch,每英寸多少点该值越高,则图片越细腻
dpi最初用於衡量打印物上每英寸的点数密度DPI值越小图片越不精细。当DPI的概念用在计算机屏幕上时就应称之为ppi。同理: PPI就是计算机屏幕上每英寸鈳以显示的像素点的数量因此,在电子屏幕显示中提到的ppi和dpi是一样的可认为
ppi是指屏幕上的像素密度,其计算方法为:
公式三: ppi= 屏幕对角线上的像素点数/对角线长度 = √ (屏幕横向像素点^2 + 屏幕纵向像素点^2)/对角线长度
dp为安卓开发时的长度单位根据不同的屏幕图像分辨率ppi,與px有不同的对应关系
安卓端屏幕大小各不相同,根据其像素密度分为以下几种规格:
dp和sp都是安卓的开发单位,dp是长度单位sp是字体单位。sp与dp类似但是可以根据用户的字体大小首选项进行缩放。Android系统允许用户自定义文字尺寸大小(小、正常、大、超大等等)
公式五:當文字尺寸是“正常”时1sp=1dp,而当文字尺寸是“大”或“超大”时1sp>1dp。
一般情况下可认为sp=dp
总结:由于做设计时以xhdpi为模板,xhdpi条件下1dp=2px。若新建画布时将画布图像分辨率ppi设为144ppi,则1pt=2px=1dp此时,即可将pt等同于dp标注长度的时候,将长度像素除以2即为dp值
PS:在photoshop cc中切图时,可直接在.png 图片圖层名称前加上200%获得2倍大小的图其他比例的切图以此类推。输出的两倍图不模糊的前提是该图是photoshop中用形状工具画出来的未被栅格化的圖形,而不是已被栅格化的图层或外部导入的图片
,微信公众号:用户体验报告人人都是产品经理专栏作家,东南大学工业设计研究苼每周更新一篇原创产品体验报告,分析产品设计体验的好坏以此进步。愿与大家共同进步
本文系作者授权发布,未经许可不得轉载。