一张图解释手机端8p原理.pdf

一张图解释手机端 8px 原理 1. 我们先看市场上常用的屏幕精度尺寸 这时候我们统一用的是视觉常用的 px为单位。 2. 我们假定 320 的是 1 ，那么其他相对应的尺寸就应该如上所述。 为何定 320 为 1呢？因 为已经约定俗成啦。 3. 我们举个栗子，在 320 为基数的时候设定为 4(px) 时，所有的 屏幕换算之后都是整数， 这样我们的视觉元素就不会变形模糊。 而在设定为 2(px) 的情况下，最低精度的屏幕就会 出现非整数。 这就是常说的 8px 原理啦 (640 情况下 ) ～ ps: 由于目前 240 的机子慢慢被淘汰，所以如果项目不需要适配该尺寸的话， 8px 原理也可以变 成 4px 原理。 4. 既然 320 是基数，那为什么我们平时新建文件的时候要选 640 呢？ 因为我们视觉工 作时，需要设计高清的元素，方便给开发缩小， 否则一旦向量元素，放大就会模糊。 当然，如果你想保证完美， 开960 也是可以的。（交互的同学就不需要考虑这个问题） 5. 那为什么有 dp 呢？其实 dp 是个基数，就好像当初设 1一样。 这在视觉进行标注的时候 ，方便和开发沟通的一种方式。 这样在开发的过程中，开发同志们能自己去换算。 假 定320 情况下为 1dp ，那么各屏幕尺寸的 dp 与px 之间的换算 如上所述。 比如：当我们建立了 640 的文件，那么我们在标注的时候，就 应该总起一句 假定在“ 320 的情况下 1dp=1px ，这样一来，” 我们只需要以 dp 为单位，标一套标注就可以了，而不用 每个尺 寸标一套。 源：淘宝网 UED 人人都是产品经理（ ）中国最大最活跃的产品经理学习、交流、分享平台