第三部分：设计流程
工作流程
前期调研阶段
在我们设计界面之前，我们必须做用户研究来了解产品的调性，比如用户研究手段中的用户画像、用户调研、用户使用场景分析、设计竞品分析等方法。不管工作再忙也建议大家做这些工作，他们对我们深入了解产品大有裨益。
原型图阶段
APP产品设计首先需要构建出原型图，之后再开始视觉设计。这个工作有些公司是由产品经理负责的，也有交互设计师负责的，还有的公司因为人手较少，也会出现由UI设计师来负责的情况。就算有产品经理或其他职能人员来完成原型图，那设计师也需要和产品经理等人员沟通需求和探讨原型图，并不是产品经理向设计师下发需求。
设计师要站在视觉和交互的角度提出自己建设性的意见，而不是简单等原型图完成后照着上色而已。关于原型图的工具，我们不仅仅可以用Axure RP设计原型图，也可以使用像墨刀、Adobe XD等新工具来完成原型图。
构建APP原型图（工具：Adobe XD ）
视觉稿阶段
视觉稿阶段要根据原型图确定的内容和大体版式完成APP的界面设计。但是这里请大家注意一下：目前业界主要是以Sketch、Adobe XD、Photoshop这三个软件来完成APP的界面设计的。Sketch和Adobe XD都是以逻辑像素的单位（PT）来设计，然后导出图像的时候再进行放大两倍三倍来切图。这样做的好处是不用在设计的时候小心翼翼地使用偶数了。
而Photoshop由于主要是处理图像而非矢量图形的软件，所以在设计移动端界面时如果做成一倍的话切图会变得很虚，所以要基于2倍图来进行界面设计。比如如果我们以iPhone6/7/8的界面来进行设计，那么在Sketch和Adobe XD中我们建立的画布就是375x667pt在Photoshop中则是750x1334px。
视觉稿设计阶段（工具：Adobe XD）
视觉稿设计阶段（工具：Adobe Photoshop）
iPhone6/7/8尺寸
在iPhone6/7/8尺寸下，状态栏高度20pt(40px)、导航栏44pt(88px)、Tab栏49pt(98px)、导航标题字号建议17pt(34px)、导航栏图标建议22pt(44px)、Tab栏图标建议30pt(60px)、Tab栏图标注释文字11pt(22px)、左右安全距离建议12pt(24px)。字号从10pt（20px）到34pt（68px）均可，要视具体情况决定。
在iPhone6/7/8尺寸下的设计尺寸
