px(像素)
*像素,即pixel,是屏幕上显示的最小单位。
Px是相对单位,也就是说,一个像素的大小是不固定的,可大可小。一个像素有多大,取决于显示器的分辨率。
*主要用于表示图片大小与显示器分辨率。
一张680x320的图片表示:在这张图片的长度上有680个像素点,在宽度上有320个像素点,总数就是680x320=217600(个像素),简称20万像素。
一个手机的显示分辨率为720x1280表示:在这个显示屏的长度上有1280个像素点,在这个显示屏的宽度上有720个像素点。
*像素是一个相对单位,像素本身的物理尺寸不固定。
像素的物理尺寸没有意义,有意义的是它的数量。举个例子,像素量=像素密度ppi ×屏幕英寸,那么同样是1inch的屏幕,像素密度越大,像素量就越多,则单个像素的物理尺寸就越小。(还不清楚你就拿两张a4纸张,在第一张纸上画800x800个方格,在第二张纸上画900x900个方格,你看看哪张纸上的方格小点?是不是像素密度越大,则单个像素物理尺寸越小呢?)
PPI(像素密度)
*像素密度,pixel per inch,表示每一英寸上的像素量。Pixels Per Inch是像素的密度单位,PPI值越高,画面的细节就会越丰富,因为单位面积的像素越多。
*ppi决定图片的物理尺寸。
图片的物理尺寸=ppi × px。手机等设备在出厂时其ppi就已经被确定了,一张图片的大小的px也是确定的,在不同ppi中,ppi越大,则图片物理尺寸就越小。即ppi越高显示的图片越小,ppi越低显示的图片越大。我们经常在高ppi的手机上看到图像比在低ppi的图形小,所以在设计中,要让不同屏幕显示相同大小的图片,就需要对图片进行缩放。对高ppi手机,设计更大像素的图像。
日常说的分辨率分为显示器分辨率与图像分辨率。要注意区分。显示器分辨率指的是显示器能显示的像素有多少(某手机分辨率为720x1280)。图像分辨率指的是每英寸中所包含的像素量(ps中建画布时设置图像分辨率为72ppi)。
ppi是一个很重要的单位对于设计师来说,理解像素密度的意义,根据像素密度来切图,也就理解了几倍图之间的关系。
Pt 点
*Pt,即point,是印刷行业常用单位,等于1/72英寸=0.35mm。pt是绝对单位,大小固定。
*公式:pt=(ppi/72)px。在ps中,新建画布分辨率为72ppi,那么1px=1pt。
注意区分印刷行业的pt与ios系统的开发单位pt
dp 长度
*dp(density-independent-pixel)是安卓开发系统中用的长度单位。规定:1dp等于屏幕像素密度为160ppi时1px的长度。
*公式:1dp=(屏幕ppi/160)px
*ldpi:mdpi:hdpi:xhdpi:xxdpi=0.75:1:1.5:2:3.
通常我们在设计中是以xhdpi为标准的,1dp=2px,标注长度时,将长度像素除以2即为dp值,方便与开发者沟通。
sp 大小
sp(scale-independent-pixel)安卓开发系统中字体大小单位。默认sp=dp。Sp是字体大小单位,dp是长度单位。