移动端界面设计之尺寸基础常识

时间:2021-07-16 | 标签: | 作者:Q8 | 来源:网络

小提示：您能找到这篇{移动端界面设计之尺寸基础常识}绝对不是偶然，我们能帮您找到潜在客户，解决您的困扰。如果您对本页介绍的移动端界面设计之尺寸基础常识内容感兴趣，有相关需求意向欢迎拨打我们的服务热线，或留言咨询，我们将第一时间联系您！

我们都知道移动端界面设计的尺寸与电脑端的尺寸设计是不一样的，有的企业因为费用或者其他因素的考虑会考虑只设计适用电脑端的界面，或者兼容性高的网站页面，这里就为大家总结一下移动端界面设计之尺寸基础常识。

初涉移动端设计和开发的同学们，基本都会在尺寸问题上纠结好一阵子才能摸精确推广到头绪。我也花了很长时间才弄明白，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起，理清关于尺寸的所有细节。由于是写给初学者的，所以不要嫌我啰嗦。
现象
首先说现象，大家都知道移动端设备屏幕尺寸非常多，碎片化严重。尤其是Android，你会听到很多种分辨率：480x800, 480x854, 540x960, 720x1280,舆情价格 1080x1920，而且还有传说中的2K屏。近年来iPhone的碎片化也加剧了：640x960, 640x1136, 750x1334, 1242x2208。
不要被这些尺寸吓倒。实际上大部分的app和移动端网页，在各种尺寸的屏幕上都能正常显示。说明尺寸的问题一定有解决方法，而且有规律可循。
像素密度
要知道，屏幕是由很多像素点组成的。之前提到那么多种分辨率，都是手机屏幕的实际像素尺寸。比如480x800的屏幕，就是由800行、480列的像素点组成的。每个点发出不同颜色的光，构成我们所看到的画面。而手机屏幕的物理尺寸，和像素尺寸是不成比例的。最典型的例子，iPhone 3gs的屏幕像素是320x480，iPhone 4s的屏幕像素是640x960。刚好两倍，然而两款手机都是3.5英寸的。
所以，我们要引入最重要的一个概念：像素密度，也就是PPI(pixels per inch)。这项指标是连接数字世界与物理世界的桥梁。
以上文章就是小编为大家带来的关于移动端界面设计之尺寸基础常识的全部内容了，这些你都学会了吗？

上一篇：移动端页面尺寸设计要考虑哪些因素
下一篇：移动端界面尺寸应该怎样设计？