给大家系统讲解一下APP的视觉设计流程（三）

今天我们继续给大家系统讲解一下APP的视觉设计流程。实际中很多从业UI设计只做了界面美化的这一部分。所有有时候也弱化了UI设计范围。因此我今天和大家交流的就是在APP视觉设计这块的工作流程，我们接着上一篇文章来讲第三步。
2>Android主流尺寸

idpi 240x320px 120ppi(像素密度）

mdpi 320x480px 240ppi

hdpi 480x800px 160ppi

xhdpi 720x1280px 320ppi

xxhdpi 1080x1920px 480ppi

Ios各尺寸的比为@：@2x：@3x = 0.5：1：1.6875

Andriod各尺寸的比为idpi：mdpi：hdpi：xhdpi：xxhdpi：xxxhdpi=0.75：1：1.5：2：3：4

在iOS切图与Android切图的转换中：

因为：iOS@2x像素尺寸*75%=Android的hdpi像素尺寸

所以： iOS@2x的切图缩小75%之后，就是Android的hdpi模式下的切图，

又因为：hdpi：xhdpi=1.5：2=0.75

所以得： iOS@2x的切图就是Android的xhdpi的切图尺寸

又以上可以得出，在手机APP设计中，在IOS和Android两套版本的样子一样只有大小不一样设计稿时，我们可以单独做一个ios@2x的设计稿，在切图阶段按照IOS和Android的转换关系的出不同版本不同尺寸所需要的切图。

以上就是“给大家系统讲解一下APP的视觉设计流程（三）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站获取更多内容。