Android APPUI设计师必知:pt sp dp之间的关系

时间:2016-03-31

我们都知道APPUI设计师常用的工具是Ps或者Ai,但是里面都没有sp的单位的。我们先来普及下一些关于Android尺寸单位或者是分辨率一些知识点:

px: pixels(像素).不同设备显示效果相同,一般我们HVGA代表320×480像素,这个用的比较多。

pt: point,是一个标准的长度单位,1pt=1/72英寸,用于印刷业,非常简单易用;

sp: scaled pixels(放大像素).主要用于字体显示best for textsize。由此,根据 google 的建议,TextView 的字号最好使用 sp 做单位,而且查看TextView的源码可知 Android 默认使用 sp 作为字号单位。

sp和dp一样,是android开发里特有的单位,设计师在做UI设计的时候通常最初是建立320*480这个尺寸的画布开始的,这个尺寸的画布在android分辨率的分类中称为mdpi,在这个尺寸下,ps里的1px就等于android中的1dp,同样,这个时候1点的字就等于android中1sp,举个栗子:你建立画布的尺寸是320-480,里面的文字是30点,那么它就是30sp。

android-设计

下面我们来详细讲解下pt 、sp、dp之间的换算关系

Android支持下列所有单位:
px(像素):屏幕上的点。
in(英寸):长度单位。
mm(毫米):长度单位。
pt(磅):1/72英寸。
dp(与密度无关的像素):一种基于屏幕密度的抽象单位。在每英寸160点的显示器上,1dp = 1px。
dip:与dp相同,多用于android/ophone示例中。
sp(与刻度无关的像素):与dp类似,但是可以根据用户的字体大小首选项进行缩放。

分辨率:整个屏是多少点,比如800×480,它是对于软件来说的显示单位,以px为单位的点。 density(密度)值表示每英寸有多少个显示点,与分辨率是两个概念。apk的资源包中,

当屏幕density=240时使用hdpi标签的资源
当屏幕density=160时,使用mdpi标签的资源
当屏幕density=120时,使用ldpi标签的资源。
一般android设置长度和宽度多用dip,设置字体大小多用sp. 在屏幕密度为160,1dp=1px=1dip, 1pt = 160/72 sp 1pt = 1/72 英寸.当屏幕密度为240时,1dp=1dip=1.5px.

 

举例说明:

对于一部wvga(480×800)手机(G7、N1、NS),一般是运行在hdpi模式下。当运行在hdpi模式下时,1dp=1.5px:也就是说设计师在PS里定义一个item高72px,开发就会定义该item高48dp;Photoshop中21px大的字体,开发会定义为14sp。

 

另外mdpi、hdpi、xhdpi是android屏幕分辨率的单位。别搞混了!

 

扩展阅读:Android界面设计专业术语:xxxhdpi和4K分辨率

android的分辨率和IOS类似,它有四个像素密度,android提供120DPI(低密度),160DPI(中密度),240DPI(高密度)和320DPI(超高密度),所有用户界面都是基于四个密度之一的尺寸来设计的。要支持所有4个密度,是很悲剧的。如果一开始是以160DPI来设计,那么你就需要扩展这些密度到100%、150%和200%。

AndroidDPI设计知识详解:

ppi(pixels per inch):图像的采样率(在图像中,每英寸所包含的像素数目)
dpi(dots per inch):打印分辨率(每英寸所能打印的点数,即打印精度)等。

androidapp

总结:为了使用户UI界面能够在现在和将来的移动端显示器类型上正常显示,建议大家始终使用sp作为Android系统上面文字大小的单位,将dip作为其他元素的单位。

 

上一条:APP登录界面设计的几种常见的设计思路 下一条:iOS 7风格的APP界面设计首页PSD模版下载

相关文章

最新文章