写在前面

我给你讲一个场景，看看有多少人被牵连。你在一家没有专职交互设计师的公司做客户产品，基本上所有产品和交互工作都是你负责的。当你准备好了，你需要把新版本的设计呈现给领导和项目组：

做过WEB产品的资深人士或多或少都会用Axure来实现从简单到复杂的交互原型。但是当涉及到移动设备时，Axure的适用性就有点让人担忧了。而且学好Axure需要一定的时间，就算你精通Axure，做一个针对移动设备的交互原型也要花不少时间。很多时候只能用文字或者图标来标注。如果遇到理解力强的RD还好，如果遇到懒得思考的RD，就只能一遍遍的解释。

有没有一个简单易学，能满足你的需求，而且几乎免费的工具呢？答案是有的。下面就是这样的一个工具。地址：

1. 注册

点击右上角sign up free即可完成注册，注册方式为邮箱注册。

2. 菜单

注册成功登录后会进入这个页面，这里有3个DEMO可以观看，首先我来介绍一下顶部菜单。

红色1标注的部分分别是（项目）、（历史）、（成员）三个主要功能。

：大部分时间都会花在这里，后面我会详细讲解。

：以时间线的形式记录历史。

：成员支持多人协作，共同完成项目，如果一个人无法完成，可以请同事帮忙。

红色2是项目排序，红色3是项目创建。

3. 创建项目

点击绿色的“新建”：

会弹出一个浮动层：

有两个输入框，上面是项目名称，支持中文，下面是设备选择：

支持的设备类型比较多sketch怎么导出ai文件，从图片上看支持桌面、（横竖）、（横竖）、iPad、（横竖）这几种，这次主要以它为例做个小教程，所以选择（竖），点击。

4. 上传原型

首先说一下文件要求，不管你是用Axure还是做原型设计，都要把每一页单独导出为一张图片，文件格式可以是PNG，JPG，GIF，AI，PSD。

另外，为了达到最佳的显示效果，原型机的尺寸也受到限制。

如果对尺寸有任何疑问，可以点击尺寸帮助进行查看

需要注意的是，如果原型机已经有手机状态栏，可以查看我的状态栏。

每次只能上传一张图片，如果图片多的话就麻烦了。也可以批量上传，如果有国外网盘服务的话，可以做文件连接。

如果你有MAC电脑就更好了，下载安装MAC APP，然后把图片拖进文件夹就可以自动上传了。

另外要注意的是，上传的原型不能带原型主体。

5. 迈出第一步

上传完所有文件后，找到原型的第一页并点击进入编辑模式。在此之前，如果可能的话，最好也上传页面和图标，因为它们稍后会用到。

您可以在底部看到四个按钮，从左边开始分别是预览模式、编辑模式、注释模式和历史模式。

每次点击开关的时候都会弹出系统帮助提示sketch怎么导出ai文件，不过在开始制作之前我们先把它的显示样式改得更赏心悦目一些。

点击右下角的齿轮图标，打开详细配置。

皮肤：可以更改模型（4和5）和颜色（黑色、白色）

栏样式（状态栏样式）

我的栏下：如果原型中已经添加了手机状态栏，勾选此框将关闭内置状态栏。

（背景）

：勾选该选项之后，状态栏会变得像iOS7一样透明。

：状态栏字体样式，与iOS7一致，有两种风格：黑色和白色，当然你也可以自定义颜色。

6.正式开工

进入编辑模式后，首先要固定页眉和页脚，图中两个红框是锚点工具，上下拖动到合适的位置即可，否则长页面会出现问题。比如下面的情况：

接下来设置正确的固定页眉和页脚，看看效果如何：

完成这些基础准备之后，接下来就是跳转页面了。

用鼠标在原型上选中一个蓝色区域，这个蓝色区域就是操作热点，一旦建立了操作热点，就会出现页面跳转选项。

点击 可打开下拉菜单，选择要跳转的页面。您可以按名称、预设值搜索，或自由选择页面。将鼠标移到页面名称上时，还会提供预览。以下是两个常用的预设值。

指向此点：锚定到当前页面的某个位置

URL：打开 URL

选择好页面跳转方式后，接下来就是设置触发手势，支持的手势基本覆盖了所有常用的手势。

选择手势之后，接下来就是设置如何跳转到页面。

：当前页面已改变

向右推：向右推

向左推：向左推

向上滑动：弹出

向下滑动：较低

向右翻转：向右翻转

向左翻转：向左翻转

：褪色

我们设置了一个基础设置，点击热点之后，页面会向左侧推送一个新的页面，这也是APP里最常见的。设置好之后需要进入预览模式才能看到效果。

需要注意的是，跳转到新页面后，仍然需要重置固定的页眉和页脚并跳回。不太智能...

最后说一下和，直接用视频来解释会更快：

7. 发布

完成交互原型后，需要发布给其他人预览。选择分享

提供多种发布方式，实用性方面，发布在线预览网址、发布到手机更符合工作需要。

其他人打开这个网址就会进入在线预览，这个地址可以在PC或者手机上打开。

发送到手机就是把预览网址包含在系统短信里，其他人打开短信里的网址按照提示就可以像APP一样把原型安装在自己手机上了，但每次使用都必须在联网的情况下。

还有两点需要注意：

1. 您必须点击设置才能启动共享链接（原型起始页）

否则，最后编辑的页面将被用作默认起始页。（我犯过几次这个错误）

2.任何设备的原型只能在对应的设备上预览，并且原型只能在设备上使用。

最后说一下大家关心的钱的问题，如果只创建一个项目，是完全免费的，如果创建第二个项目，则会有30天的试用期倒计时。

费用不贵，升级为高级用户的费用是每月25美元或每年264美元，付费后还可以开通一些其他增值功能，喜欢就花点钱，至于谁出钱，就看你自己了……

如有侵权请联系删除！