美文网首页
移动端界面设计单位-了解一下

移动端界面设计单位-了解一下

作者: wishes丶啊 | 来源:发表于2019-03-16 11:46 被阅读0次

尺寸 inch

屏幕对角线的距离,以英寸为单位,一英寸大概2.54厘米。如果一个手机屏幕对角线的距离为12.7厘米(12.7=2.54*5),则这个手机屏幕大小为5寸。

px 像素

屏幕上面像素点的数量,如果一个手机屏幕水平方向有1000排像素点,垂直方向有2300列像素点,则这个手机的像素为230,0000(两百三十万像素)。像素点:其实屏幕由很多个单色(红,绿,蓝)的小点组成,不同的占比形成了我们肉眼所观看颜色的不同。

ppi 屏幕密度

每一寸屏幕的像素点的数量,一英寸所拥有的像素点越多,则这个ppi越高,手机也越清晰。当然,ppi到达一定程度,ppi再增高的话肉眼无法察觉。在很多地方ppi可以视为dpi。

dp/dip 逻辑分辨率

Android元素尺寸,每个手机的dp都是固定的,无论像素跟尺寸。所以建议除了字体以外的单位都使用dp。

sp

Android字体元素大小

px与dp关系

换算其实根据了ppi,下面Android屏幕定义。

屏幕密度 屏幕分类 资源文件夹 转化率
120ppi 低 Ldpi drawble-ldpi 0.75
160ppi 中 Mdpi drawable-mdpi 1
240ppi 高 Hdpi drawable-hdpi 1.5
320ppi 超高 XHdpi drawable-xhdpi 2
480ppi 超超高 XXHdpi drawable-xxhdpi 3
640ppi 超超超高 XXXHdpi drawable-xxxhdpi 4

个人理解转换率表示1dp所占用的像素。如果是转换率为3,则1dp占用三个像素。

如果一个手机的分辨率是720 * 1280,那么计算dp(逻辑分辨率)是 720/2=360,1280/2=640。所以这个屏幕的逻辑分辨率是360 * 640。这样的话,定义Android控件宽度的时候layout_width="180dp" 就代表占据屏幕的一半。
超高,超超高,超超超高的屏幕逻辑分辨率都是360*640。所以layout_width="180dp" 在这三种dp的手机上显示的都是屏幕的一半。

相关文章

  • 移动端界面设计单位-了解一下

    尺寸 inch 屏幕对角线的距离,以英寸为单位,一英寸大概2.54厘米。如果一个手机屏幕对角线的距离为12.7厘米...

  • 移动设计常见单位

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

  • 移动端开发网站

    1、移动端界面设计:http://www.xueui.cn/tutorials/app-tutorials/mob...

  • 点击手势与滑动手势-笔记

    文章来自:http://www.ui.cn/detail/381335.html PC端和移动端界面设计的区别在哪...

  • 移动端的单位

    绝对单位 px相对单位 rem em浏览器默认的字体大小 16px 那么 1em = 16pxem 具有继...

  • 移动端单位转换

    iOS尺寸单位pt、ppi与px之间换算关系 px:像素,构成影像的最小单位 ppi:Pixels Per Inc...

  • 如何做好登录页面的用户体验?

    登录是99%以上产品都会做的基本功能,那么移动端的登录也有那些坑可以绕过? 标签:灵感、用户界面设计,网页和移动端...

  • 从品牌策划的角度设计商业空间

    品牌形象设计是平面设计、环艺设计、ui设计(pc端界面设计和移动端界面设计)的总和。 当今的品牌形象设计在传达司理...

  • 移动端UI界面设计之-注册登录

    原文地址:https://www.mockplus.cn/blog/post/999 注册登录是移动端UI界面设计...

  • IOS-APP视觉

    之前一直做网页,在12月1日,首次做IOS移动端的界面设计,很多网页的思维并不适用于移动端的设计。网页端的设计空间...

网友评论

      本文标题:移动端界面设计单位-了解一下

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