1.了解需求、确定需求、设计前思考

需求多种多样，需要优先考虑。毕竟，需求是产品的基础。必须清楚地理解要求的细节。如果不明确，就会一改再改，工作效率就会大大降低。

2、确定整个产品的功能点以及整个产品的页面逻辑

考虑产品的整体需求逻辑和功能逻辑，确定页面数量和层次关系，比如需要什么功能？需要什么样的结构？我们应该注意什么？ ，可以在草稿纸上构思并初步绘制出页面流程图，称为页面流程图（page flow Chart）

3、单页面的页面设计及需要注意的细节

显示什么信息？信息的优先级是什么？信息呈现形式？交互原理？这里我们可以在草稿纸上一点一点的列出所需要的信息

4. 原型绘制、细节优化及交互

在没有清晰的想法之前千万不要对软件进行操作，因为如果在纸上修改的话，只需要擦除或者划掉即可，但是在电脑上修改是非常耗时的。

工具使用

接下来就不得不提一下这款软件了。当然，这个软件只能在Mac上使用。可以使用Axure来绘制app线框图或者低保真原型，但是效率会比较慢。

为什么选择使用它？

1.材料报价快捷方便，支持全局修改

(材质成分)

2.电脑修改并在手机上实时预览（需要在手机上下载）

( )

3.图片可快速导出sketch mirror，源文件可直接导出到其他软件（无缝连接，保留图层）

（出口）

5.页面实现交互跳转及效果

页面的交互跳转和效果如何实现？

、axure、、墨刀、demo等软件很多，我们需要选择一款合适的软件

工具比较

下面我们对比一下三者，axure和demo

可以无缝衔接，文件导入后图层保留。简单的连接即可实现页面跳转、电脑上实时预览、手机上下载。同一wifi下多人可以在手机上预览效果。您可以使用 lite 与其他人分享

（快速链接页面跳转）

埃克苏尔

Axure功能非常强大，是老牌级别的制作交互原型的软件，但是用它来制作app并分享会很麻烦。

（axure手机预览）

演示

demoo是腾讯ISUX推出的一款制作交互原型的工具。它可以更简单、更快速地呈现演示原型，并以二维码的形式发送给客户和领导。不幸的是，用微信扫描二维码并不完美。兼容的（）

（腾讯ISUX演示）

（演示低保真交互式原型）

总结

如果你需要快速制作一个交互原型，添加无疑是最快、最好的体现效果的方式。如果在电脑上修改，可以在手机上实时预览修改内容，及时调整交互页面和效果，达到像原生App一样的既视感。 。而低保真原型如果交给视觉设计师可以直接根据自己的作品进行修改sketch mirror，如果交给开发人员可以一键标注。

如果需要给客户分享和演示，可以使用墨刀、demo等工具来实现！

如有侵权请联系删除！