UI培训之APP项目中的切图和标注规范（二）

　　在现实中，两者的效果是一样的。这是因为Retina屏幕使用2×两个像素作为一个像素使用。例如，在Retina屏幕上显示了88个像素的高度，原本44像素高的顶部导航栏。因此，界面元素的大小为2倍，但与3gs效果相同。图像质量更清晰。

　　过去，在iOS应用的资源图片中，同一张图片通常有两个尺寸。你会看到文件名称中有些带有@2x字样，有些没有。普通屏幕上没有@2x，Retina屏幕上没有@2x。

　　理解几个基本概念：

　　物理尺寸(inch):对角线长度，不考虑长宽比。

　　例如：iphone 4s 3.5寸 iphone 6plus 5.5寸

　　像素尺寸(PX):水平和垂直坐标像素的数量与物理尺寸无关;

　　例如：iphone 3gs 320*480px

　　iphone 4s 640*960px

　　网点密度(dpi)屏幕物理区域中包含的像素点。

计算公式：

　　所谓retina ( 视网膜屏)是指当分辨率达到300dpi时，人的视觉看不到像素点，距离眼睛10-15cm。

　　注：DPI越高，图像质量越好;然而，在手机UI设计中，DPI应与相关手机相匹配，因为低分辨率手机不能满足高DPI图片对手机硬件的要求，但显示效果越差。

　　Iphone

Android(Mdpi Hdpi Xhdpi XXHdpi)