文章插图
现在回到正题，我们怎么通过DPI来调节倍率？既然屏幕本身的分辨率是72，DPI设成72刚好是1倍尺寸，那设成72的两倍就是倍率为2的屏幕了，就这么简单 。
下面来看看3个平台各自的画布设置：
iPhone
iPhone的屏幕尺寸各不相同，我说的是逻辑像素尺寸，这确实是让人很头疼的事情 。 如果想用一套设计涵盖所有iPhone，就要选择逻辑像素折中的机型 。
从市场占有率数据来看，目前最多的是iPhone5/5s的屏幕 。 倍率为2，逻辑像素320x568 。 上升势头最猛，未来有望登上第一的是iPhone 6的屏幕 。 倍率为2，逻辑像素375x667 。
按照这两种尺寸来设计，都是比较主流的做法 。 可以兼顾短一些的iPhone 4s，大一点的6 plus也不会过于空旷 。
不过在切图的时候要注意，由于iPhone 6 plus的3倍图是由2倍图放大而来，所以位图要注意保证清晰 。
Android
都说Android碎片化严重，但它现在反而比iOS好处理 。 因为如今的Android屏幕逻辑像素已经趋于统一了：360x640，就看你设成几倍了 。 想以xhdpi为准，就把DPI设成72x2=144 。 想以xxhdpi为准，就把DPI设成72x3=216 。
对于那些比较老的低端机，宽度是480px的那批，画面确实会小一些，显示内容会更少 。 稍微留意一下，重要内容尽量保持在界面中上部分 。
当然，这些机型不出一年就会被边缘化，基本淘汰 。 现在能运转的也是当作功能机在用，软件多了必卡无疑，用户体验无从谈起 。 不作考虑也是OK的 。
Web
手机端网页就没有统一标准了，比较流行的做法是按照iPhone 5的尺寸来设计 。 倍率2，逻辑像素320x568 。
这样的做法比较实在，倍率2的屏幕无论在iOS还是Android方面都是主流，而且又是2倍屏幕中逻辑像素最小的 。 所以图片的尺寸可以保持在较小的水平，页面加载速度快 。 当然，缺点就是在倍率3的设备上看，图片不是特别清晰 。
如果追求图片质量，愿意牺牲加载速度，那么可以按照最大的屏幕来设计 。 也就是iPhone 6 plus的尺寸，倍率3，逻辑像素414x736 。
总结
【分享移动端尺寸基础知识 什么是移动端设计尺寸？】移动端的尺寸比PC端复杂，关键就在倍率 。 但也正因为倍率的存在，把大大小小的屏幕拉回到同一水平线，得以保证一套设计适应各种屏幕 。 站在这条水平线的角度看，会发现它很好理解 。
推荐阅读
- 分享美团外卖上线新的抽佣方式 美团外卖抽成规则有哪些？
- 分享绝地求生22个服饰箱子 绝地求生所有箱子介绍，
- 分享6款神仙煮茶器 煮茶器哪个牌子质量好？
- 分享做好团队管理的几大规划 怎样做好团队管理规划？
- 分享护肤品vi设计的4大步骤 护肤品vi设计步骤有哪些？
- 分享选择优秀品牌设计公司的6种方法 优秀品牌设计公司如何选择？
- 分享品牌设计公司的3个特点 品牌设计公司的特点有哪些？
- 我的侠客赤刀门武学大全-赤刀门武学特点分享为你解答
- 我的侠客少林值得加入吗-少林武学特点分享你知道吗
- 分享以下3个加密方法 文件夹如何加密最简单的方法有哪些？