美文网首页Sketch
移动设计常见单位

移动设计常见单位

作者: 追光柚子 | 来源:发表于2020-07-17 15:02 被阅读0次

在移动界面设计过程中,会遇到各种各样的单位,只有了解这些单位的含义,才能更好的去选用它们。

1、像素(pixel)px,一个点即一个像素;

2、物理尺寸,实际大小;

3、Pixels Per Inch(PPI),每英寸所拥有的像素数量,PPI越高,画面细节越丰富;

4、Dots Per Inch(DPI),打印分辨率,每英寸所能打印的点数,即打印精度;

5、dip(dp),device independent pixels(设备独立像素);

不同设备有不同的显示效果,这个和设备硬件有关,一般我们为了支持WVGA、HVGA和QVGA推荐使用这个,不依赖像素。在每英寸160点的显示器上,1dp=1px。

6、sp,scaled pixels(放大像素),主要用于字体显示 best for textsize;

7、pt,Point-磅数,IOS设备开发使用单位,也是标准长度单位,1pt=1/72英寸;

在IOS中

1、retina屏幕中 1pt=2px;

2、非retina屏幕中 1pt=1px;

在Android中

1、单位为dp或者sp;

2、在160dpi的屏幕上,1dp=1px;

3、在320dpi(左右)的屏幕上,1dp=2px;

所以,两大平台,标注统一用设计稿中的pt或者px即可。

收藏一篇更全的科普文章:

https://www.uisdc.com/firework-label-knowledge

以上链接纯属个人收藏与分享,非广告!

相关文章

  • 移动设计常见单位

    在移动界面设计过程中,会遇到各种各样的单位,只有了解这些单位的含义,才能更好的去选用它们。 1、像素(pixel)...

  • 移动端rem适配

    1.移动端适配使用技术 . sass . 单位rem 2.移动端设计稿转px 一般的移动端设计稿都是 750/13...

  • UI设计稿中常见的单位及移动端适配

    一、pt 在我们的设计稿中,经常看到以pt单位来标注的稿子,那么pt究竟是个什么单位?其实pt是用于印刷行业用来表...

  • 你真的了解移动端导航设计吗?来看这篇系统性的总结!

    合理的移动导航设计能够尽可能地减少摩擦,引导用户去他们要去的地方。 这篇文章汇总了移动端导航设计最常见的样式、要注...

  • 移动架构01-设计模式

    移动架构01-设计模式 设计模式是一套设计标准,用来指导实际的设计工作。作用是提高工作效率。 Android常见的...

  • APP导航设计

    良好的APP导航设计模式决策对整个app的核心体验起到关键作用。几种常见的移动APP导航设计模式对比图。 ☆ AP...

  • 常见的单位

    常见的单位有px,em,rem,vh,vw,% 1. pxpx是pixel的意思(像素)。图像是由一个个像素组成的...

  • 常见单位梳理

    单位(px/em/rem、vw/vh/vmin/vmax) px px像素(Pixel)。相对长度单位。像素px是...

  • 几种最常见移动设计模式盘点

    本文盘点几种常见的移动交互模式(pattern),掌握了这些pattern的特点,有助于选择适合的交互。 导航类 ...

  • 常见移动端产品导航设计模式

    平时生活中使用过很多APP,也看过一些关于移动产品导航设计的文章。今天整理了一下市场上常见的几种导航设计,算是对自...

网友评论

    本文标题:移动设计常见单位

    本文链接:https://www.haomeiwen.com/subject/wasghktx.html