交互设计的工作流程是什么样的？具体负责哪些内容？（三）

交互设计的工作流程是什么样的？具体负责哪些内容？除了 前面 讲到的几项工作，还有画交互稿和做高保真原型，一起来看看吧！

4. 画交互稿

好，经过这么多的铺垫，终于可以进入画交互稿的阶段；很多人已经迫不及待了，但真正能体现价值的，却是上面所介绍的画交互稿之前的思考。

就算是画交互稿，也会经过草稿、初稿、成稿三个阶段。

草稿阶段就是，将界面的布局通过笔或者其它工具进行确定，笔者本人最喜欢用的还是笔和纸张；打好草稿之后，可以先和leader或者产品经理对一下，以免大方向出错，然后走了很多弯路。

比方说像这样：
还有像这样：
确定好了之后再进行初稿设计，初稿就可以上软件了；软件可以选择Sketch/Axure/Balsamiq Mockups/Visio等等，这就是大家讨论最多的工具部分。

大家会奇怪为什么不用Photoshop？Photoshop难道不好用吗？

Photoshop更适合运营设计师做各种图片的效果渲染，针对纯UI有点大材小用，功能不够简单、运行不够高效，但它的图片处理能力是其它软件无法替代的。

一般来看Sketch/Axure使用的最多，两者各有优势，Sketch插件多，软件运行快，可以直接与其它的动效软件进行制作高保真原型，这样就可以作为最小可行性产品（mvp）；在正式开发前就进行用户调查、可用性测试，稍后再详细来说这一块。

Axure有最大的好处就是，立马能做页面的跳转关系，更多的是产品经理做原型图比较合适；现在市面上的趋势是，使用sketch的人越来越多。

等初稿出来之后，大概是这样。
初稿的标准是，用户在这个页面整条流程都跑得通，产品经理需要的元素，页面上都有。

但大家也会发现，初稿精细程度是不高的，还有很大的优化空间，比方说信息的强弱关系还没有表达出来，对于界面空间的利用度可以再变得再高一点。

来看看初稿和成稿的对比图：
交互稿画完了，接下来就是做高保真原型了，那么该如何做呢？下篇文章继续给大家详细讲讲。

以上就是“交互设计的工作流程是什么样的？具体负责哪些内容？（三）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。