作为一个UI设计师，在做移动应用之初会遇到这样的问题：我们的App产品会用在几类移动终端？每种终端系统设计规范是否有较大区别？对每类终端画布尺寸设计多大，图标和字体大小如何确定，以及切图切几套等等的问题。这里我将分享以Android和IOS为主的App应用设计知识，毕竟目前Windows Phone的市场还太小。

Android篇

Android设备的种类繁多，屏幕大小各异，借用我司程序员的术语：碎片化超级严重。在设计App的时候，需要将适配考虑进去，这里介绍一下Android常规的屏幕分辨率和对应的参数，ldpi(低分辨率),mdpi(标准分辨率),hdpi(高分辨率),xhdpi(超高分辨率)。

这里先科普一些基础知识：

px

px是pixel的缩写，即像素，它是数字图像在计算机图形学中基本元素，即屏幕上的最小单位。通常用来指代电子设备的分辨率：
如我们所说的分辨率1280 × 720，实际上就是竖屏上面总共的像素点1280,横屏上面像素点为720个。

inch

inch，英寸，屏幕长度计量单位，一英寸等于2.54厘米。一般常说的5英寸大小的手机是指手机的对角线是5英寸，12.7cm长。

ppi(IOS)

pixel per inch，每英寸上面的像素点。

dpi

dot per inch，每英寸上面的点，打印分辨率 （每英寸所能打印的点数，即打印精度，Android采用打印分辨率），即Android手机的屏幕密度，这里dpi=ppi。对于4.5英寸，1280 × 720分辨率的手机，我们可以通过对角线上的分辨率除以屏幕大小4.5英寸得到dpi。注意：对角线分辨率通过长1280,宽720做勾股定理算出。

算出dpi为326,非常接近320。
科普环节到此结束，对于多分辨率的Android而言，在为一个图标定义长宽的时候，使用的是dip的单位（如50dip），这时候图标会根据手机的屏幕密度，自动调整换算成px，这里会用到公式： px = dp × (dpi / 160) (标准情况是160)。如在1280×720的手机上，50dp的图形就是px = 50 × (dpi / 160)=50 × (320 / 160)=100px。那知道这个对我们设计师有什么影响呢？那就是我们在设计的时候要找一个标准基础，比如目前主流的手机是1280×720,或是1334×750,这两种屏幕密度都差不多为320，查看上图屏幕尺寸表，对应xhdpi。这个时候，新建一个画布1334×750,然后再画布上设计视觉稿，打上各种标注之后给Android开发小组，这个时候，他们就可以根据标注图上的PX,采用公司 dp = px /(dpi / 160)，换算成dp。这样就可以。而我们设计师所做的就是找到一个主流的手机分辨率作为基础标准，然后设计即可，主流手机的分辨率，友盟有统计，点击产看。对于字体Android使用的是sp，计算方式和dp相同，sp = px/(dpi / 160)。主流的是12sp，14sp，16sp，18sp，不过自己可以随便定义，根据视觉稿的大小调整就可以了。

IOS篇

ppi

pixel per inch，每英寸上面的像素点。iPhone手机的屏幕密度。
IOS不像Android无数种分辨率，这里列出ihone手机系统版本和相关参数

目前IOS适配以上手机就可以了，根据手机分辨率做出3套图形即可。