sketch如何做设计稿交互_如何用sketch制作精致的APP原型

需要先申明的一点，本文不是一篇sketch的入门教程，如果对sketch一点不熟悉的话，建议先看一遍sketch用户手册。

一年前写过一篇文章：如何用Axure快速制作APP交互原型，相对来说还算比较受欢迎。从文章的标题也能看出两点重要信息：工具是「Axure」，主要特点是「快速」。

Axure作为一个老牌的设计工具，算是产品经理入门必备，而最近几年火起来的一个设计软件——sketch，则异军突起，逐渐成为了互联网从业人员的新宠，不仅仅可以拿来画交互，也是UI设计的利器。所以，用sketch产出的内容有一个很大的特点就是颜值高，这篇文章就尝试讲解一下如何用「sketch」制作「精致」的APP原型，当然只要使用熟练，速度也是足够快的。

1. sketch自带模板

Sketch做的非常人性化的一点，就是自带了很多模板，而且用来画交互完全够用，省去了从网上各种非正规渠道找资源的麻烦，如果你是sketch的老用户，而不知道自带模板功能的话，真的是要面壁思过了。

其中，APP相关的模板有两个“iOS用户界面设计”和“Material Design”，顾名思义，分别用来设计ios界面和Android界面。以ios为例，模板中包含了常用的各种控件：状态栏、导航栏、弹窗、键盘等等，当我们需要的时候，直接拿过来用，不仅省事而且非常精致，并且如果我们多去研究并拆解一下官方的这些控件的制作过程，能给我们提供很多设计思路，比如如何用各种形状拼合成想要的图形，如何利用填充和阴影达到想要的视觉效果……这部分就不展开讲解了，留给你自己去发现。

2. APP原型样式

知道利用sketch自带的APP界面模板之后，我们首先讨论一下APP原型采用哪个样式比较合适。

2.1 待选样式

在Sketch中插入画板的时候，软件会提供一些常用设备的尺寸供用户选择，我们需要用到的是iPhone6(375×667px)，为什么一定要采用iPhone6呢？非常重要的一点，是因为上边提到的sketch自带模板，iOS界面的所有控件大小全部是以iPhone6尺寸为基准的，拿过来可以直接使用。如果采用了plus或se的手机型号尺寸，控件大小和画板大小标准不一致，还得需要人为调整，异常的繁琐。