手机UI设计基础-尺寸&单位
这篇讲的是手机UI设计中让很多新手头疼的尺寸与单位问题。作者从移动端开发和设计的常见困惑出发，系统梳理了iPhone与Android两大平台的核心概念和适配思路。 文章首先厘清了iPhone的分辨率、屏幕尺寸、像素密度（PPI）以及逻辑分辨率（pt）与物理分辨率（px）的关系，并以表格形式清晰列出了从初代iPhone到iPhone 6 Plus的换算规律（如iPhone 6s为1pt=2px）。针对机型众多的适配难题，作者提出了一套实用的工作流：以iPhone 6的750px宽度作为设计基准稿，使用矢量元素设计，标注后同步输出用于切图的@3x资源；开发端则基于此使用自动布局，再向上向下适配更大和更小的屏幕。 对于Android平台，文章介绍了dp、sp、dpi等关键单位，并建议以1080px宽（xxhdpi）作为通用设计尺寸。最后，文章还延伸至移动端Web，指出通过设置viewport代码（如width=device-width），可以让px单位等同于逻辑像素使用，从而在不同设备上实现统一的页面宽度（如640px）。 整篇文章将碎片化的尺寸知识串联成清晰的适配逻辑，不仅解释了“是什么”，更给出了“怎么做”的具体路径，对理清设计与开发协作的流程很有帮助。