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

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

我们都知道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作为其他元素的单位。

 

本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

25学堂今天跟大家分享12张精美的移动模型素材分享,这12张素材你可以应用在你的移动APP项目当中或者是APP官网设计当中,顿时让你的作品高大上!下面的这12张移
如今再来看扁平化APP设计,还是那么的简洁漂亮!最重要的是扁平化的移动APPUI界面简单实用,对移动设计师来说,...最近,25学堂将会推出很多漂亮的移动APP应用模板(框
有创造性的APPUI设计往往可以大幅度提升用户体验的。那么好的移动APP设计干货和APP设计规范也是新手们的渴求的干粮。25学堂秉着分享和共同学习的原则,收集了
移动APP项目名称:易配货APP 2.0移动APP项目背景:易配货是传化物流产业集团为货主与司机打造的物流信息交易平台,基于诚信会员体系和移动互联技术,为会员
iOS切图神器,我想大家都不会很陌生啦,Cutterman也是目前移动端设计人员用的比较多的一款切图工具。还有25学堂之前推荐的在线切图工具和PS切图插件推荐等。
今天25学堂的小编跟大家分享一个国外优秀的图标字体酷站,也是一个在线编辑的SVG图标素材的酷站-SmartIcons.coSmartIcons 网站是一个提供了1500+个顶级图标和内建多种