原型设计工具对比及实践

一、原型设计工具对比

墨刀

适用领域：墨刀是一款打通产设研团队，实现原型，设计，流程，思维导图一体化的在线协同工具。

优点：1.丰富的元件，无需自己编写直接使用。

           2.非常方便分享给他人，预览速度非常快。

           3.提供非常多的元件，使用户可以快速创作原型。

缺点：1.交互比较复杂

           2.安全性和封闭性没有保障

           3.使用成本较高

Axure

适用领域：软件、网页原型设计

优点：1.即可以画图，又可以做文档，画图的难度比PS低，写文档比word灵活。

           2.Axure有一套非常强大的交互编辑器，可以实现复杂的逻辑的关系处理，使得模拟更加真实。

          3.使用成本几乎为零

缺点：1.低版本与高版本不互相兼容

           2.学习成本高，高级元件的使用有一定学习门槛

           3.手机端演示效果差

Mockplus

适用领域：Mockplus是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。

优点：1.基础版免费使用，操作简单，上手快，交互简单，功能多样，组件资源丰富，预览方式和导出类型多样，支持团队协作。

          2.有原型演示，可以帮助前端设计师、后端程序员更好地理解你的原型产品。

          3.mockplus有组件库和图标库，界面设计较为方便。

缺点：1.表格功能需要完善

           2.不支持鼠标悬停

           3.日历表组件是静态的

二、原型设计实践

主题名称：跳蚤市场

功能：可以查看及修改个人信息

界面设计考虑因素：购买或出售二手商品所需要的个人信息

界面切换：

界面组成：设置二维码

前置条件：点击我的主页

后置操作：点击设置图标或二维码

操作步骤：点击设置图标查看或修改设置或点击并查看二维码

界面组成：个人信息，返回键

前置条件：点击设置图标

后置操作：点击以查看收货地址发货地址等信息或点击返回键或 点击账号信息 选择支付方式 填写备注 查看是否包邮等 

操作步骤：点击返回键返回或点击以查看账号信息

界面组成：账号信息，返回键

前置条件：点击账号信息，点击实名认证

后置操作：点击返回键填写信息

操作步骤：点击返回键

界面切换流程图