一份原型文档模板的启示

产品原型和用户界面的区别

年底帮着产品经理做了一些原型版本管理的工作，UI平时做工作时，功能性的东西不必考虑过多，心思主要放在交互和视觉上就行。但产品经理既要考虑用户需求还要兼顾开发周期，这是产品和UI的最大区别。其中还夹着UE，不过一般都由UI来充当，有时开发也会自己来做，分工的细致当然会使工作更加明确，但是工种之间的相互了解会使工作之间的沟通成本大幅降低，大大提升工作效率。

XD的不足和Axure的优势

我做设计时使用的软件是XD，这款软件可以看作是PS和AI的结合精简体，也可以用来做原型。它提供图形化的方式用来链接页面间的关系，在原型界面即可对页面元素进行逻辑交互，然后上传云端给其他人分享。

但是有一个问题，由于Adobe是国外公司，Adobe云时常会打不开。这就有了替代方案，上传蓝湖，再在里面进行二次操作，这无疑会做很多重复工作。

XD原型设置界面

Axure是专门用来做产品原型的，既然是设计软件，肯定有很多共通之处。上手难度也会小很多。Axure会生成一个Html文档，其他工作人员在浏览器里直接就能查看，这无疑避免了XD遇到的问题，而且用户不用为了查看文件内容而另外安装软件。只需要拷贝文件副本或者从公司服务器拉取文件即可。

原型文档模板更新日志截图

版本管理规范

在我做工作之前，产品经理给了我一份模板，这个模板文件我会给出下载附件。

从这份模板上我想到我平时做UI设计的时候也没有版本管理的概念，经常是让改哪里就改哪里，没有记录。这样在问题追溯时候很难查证。下图是模板的原型页面，其中粉色的是备注说明，在此可以填写页面的变迁史。

模板原型设计界面

总结

最后我想说的是UI设计师除了有视觉规范外，还得有版本规范，也就是完整的用户界面设计文档。这样才能使自己的工作更加完整和规范。