手机APP UI设计尺寸基础知识.pdfVIP

手机A PP U I设计尺寸基础知识 推荐语 ：初入开发和设计的同学的福利 ，移动端详细的设计干 。 初涉移动端设计和开发的同学们 ，基本都会在尺寸问题上纠结好一阵子才能摸到头绪。我也花了很 长时间才弄明白 ，感觉有必要写一篇足够通俗易懂的教程来帮助大家。从原理说起 ，理清关于尺寸 的所有细节。由于是写给初学者的 ，所以不要嫌我啰嗦。 现象 首先说现象 ，大家都知道移动端设备屏幕尺寸非常多 ，碎片化严重。尤其是A ndro id ，你会听到很 多种分辨率 ：4 80×800, 4 80×854 , 54 0×960, 720×1280, 1080×1920 ，而且还有传说中的2K屏。近 年来iPho ne的碎片化也加剧了 ：64 0×960, 64 0×1136, 750×1334 , 1242×2208。 不要被这些尺寸吓倒。实际上大部分的app和移动端网页 ，在各种尺寸的屏幕上都能正常显示。说 明尺寸的问题一定有解决方法 ，而且有规律可循。 像素密度 　　要知道 ，屏幕是由很多像素点组成的。之前提到那么多种分辨率 ，都是手机屏幕的实际像素 尺寸。比如4 80×800的屏幕 ，就是由800行、4 80列的像素点组成的。每个点发出不同颜色的光 ， 构成我们所看到的画面。而手机屏幕的物理尺寸 ，和像素尺寸是不成比例的。最典型的 例子 ，i