移动端设计尺寸基础知识.pdfVIP

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