原型设计工具对比及实践

发布时间 2023-04-26 23:05:59作者: 枫染雪

一、原型设计工具对比

墨刀

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

优点: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.日历表组件是静态的

二、原型设计实践

主题名称:跳蚤市场

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

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

界面切换

界面组成:设置二维码

前置条件:点击我的主页

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

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

 

 

界面组成:个人信息,返回键

前置条件:点击设置图标

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

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

 

界面组成:账号信息,返回键

前置条件:点击账号信息,点击实名认证

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

操作步骤:点击返回键

 

 

界面切换流程图