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

APP的视觉设计流程是怎样的？前面的文章已经给大家讲解了第一步和第二步，接下来我们再看一下第三步吧。
第三步

对于UI新手来说，设计链接的交付是一个相对短板的链接。就像平面设计一样，界面设计是好的，但是如何交给开发，让开发在产品上实现呢？

首先，我们知道IOS和Android开发所需的设计交付至少包括：高保真UI图（设计草案）、标记和切割图。并知道这些交付对开发有什么影响。

高保真UI图：

高保真UI图的作用是，开发会参考其绘制页面，这只是了解页面外观的一种手段，而不是一件高精度的事情。因此，没有必要制作IOS和Android两套样子一样大小不一样的图。

标注和切图：

标注和切图的作用是，开发会按照标注的尺寸，把切图按照高保真UI图的摆放方式做到界面上。

那么问题来了，iOS的开发和Android开发所需要的标注和切图是不一样的。如何在一套iOS的高保真UI图上做出两套标注和切图呢？

首先ios设计的像素尺寸是750×1334（iphone6的尺寸）

Android主流的hdpi模式下的像素尺寸是480×800,

可以得出他们的换算关系是，iOS@2x像素尺寸*75%=Android的hdpi像素尺寸。（480÷640=0.75宽度比)

1>ios尺寸

iphone一二三代的：320x480px

@2x iphone4-4s：640x960px iphone 5，5c，5s ：640x1136px

iphone6：750×1334 px

@3x iphone6 puls：1080x1920px

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