高橋凉介

原型设计工具比较及实践

一、原型设计工具

1、墨刀

墨刀是一款在线原型设计与协同工具,借助墨刀,产品经理、设计师、开发、销售、运营及创业者等用户群体,能够搭建为产品原型,演示项目效果。墨刀同时也是协作平台,项目成员可以协作编辑、审阅,不管是产品想法展示,还是向客户收集产品反馈,向投资人进行Demo展示,或是在团队内部协作沟通、项目管理。

优点:(1)墨刀在组件方面有巨大的优势,墨刀自带了很多成熟的组件例如键盘、开关、手机模型等,方便开发者使用。

           (2)墨刀在交互方面十分便捷。

           (3)墨刀适合于团队协作的项目,与同事共同编辑原型,效率提升,一键分享发送给别人,分享便捷,还可在原型上打点、评论,收集反馈意见,高效协作。

           (4)墨刀还具备十分丰富的素材库,也可创建自己的素材库、共享团队组件库,高频素材直接复用。

 

缺点:(1)仅限移动端的产品原型。

           (2)由于效果切换是采用连线的方式,容易给使用者造成错乱的感觉,影响设计时的体验。

           (3)如果要使用更强大的共享创建功能,如团队协作、单机版下载,则还需要付费购买。

 

 

2、Axure

Axure RP是美国Axure Software Solution公司旗舰产品,是一个专业的快速原型设计工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的边框图、流程图、原型和规格说明文档。作为专业的原型设计工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理 。

优点:(1)一种通信工具 开发人员、企业业主和可用性测试,传达互动的概念可以节约节省了时间,金钱。

           (2)Axure rp可以在PC和Mac之间通用。

           (3)可以提前知道用户的反应。

           (4)对于专业从事者来说,如交互设计师、UI设计师等能够高效快速创建原型。

 

缺点:(1)Axure在组件方面略显单薄,只有一些基础元件。   

           (2)Axure要做交互,需要设置各种条件,或者输入各种用例,通过条件,动态面板状态,隐藏,切换等功能才能形成交互效果,较为复杂。

           (3)正版的Axure售价其高。

 

 

3、Mockplus

Mockplus是一款简洁快速的原型图设计工具。适合软件团队、个人在软件开发的设计阶段使用。其低保真、无需学习、快速上手、功能够用。并能够很好地表达自己的设计。

优点:(1)Mockplus除用于移动APP原型设计,还可以制作PC、网页的原型设计,它可以帮助UI设计师在最短的时间内完成产品原型图的设计。

           (2)Mockplus专业版的价格较为便宜。

           (3)交互设计比较快捷,新手也能很容易上手入门制作原型。

           (4)增加了原型演示,可以帮助前端设计师、后端程序员更好地理解你的原型产品。

缺点:(1)内容单一。

           (2)功能不够强大,无法满足专业设计师的需求。

           (3)不支持手势交互。

 

 二、学习原型设计工具的网站推荐

墨刀:https://www.bilibili.com/video/BV15A411h7uY?from=search&seid=5702302568664325139

Axure:https://www.bilibili.com/video/BV1Gx41187Bj?from=search&seid=8092731773048775745

Mockplus:https://www.bilibili.com/video/BV18W411j7rr?from=search&seid=4317384472845270705

 

三、原型工具界面设计

1、介绍:这次设计的是一个英语学习软件,共有登录界面、注册界面、密码找回界面、主页、推荐界面以及个人中心界面。

2、页面介绍:

 

 (1)登陆界面:登录界面可以直接输入账号密码登陆,或者点击进入注册界面或密码找回界面。

 

 (2)注册界面:完成相关信息的填写后,点击“注册”按钮会返回登陆界面进行登陆。

 

 (3)密码找回界面:完成相关信息的填写后,点击“确定”按钮会返回登陆界面进行登陆。

 

 (4)主界面:主界面包含了每日推荐的滚轮图,同时也有课程推荐。点击下方的“课程”按钮会进入课程界面,点击“我的”按钮会进入个人界面。

 

 (5)课程界面包含了精品课程推荐、热门排行、直播课程以及课程分类,点击下方“首页”按钮可以返回主界面。点击“我的”按钮可以进入个人界面。

 

(6)个人界面:个人界面包含了个人信息、好友、通知提醒、下载开关、版面更新、账号交换等功能、 点击下方“首页”按钮可以返回主界面。点击下方的“课程”按钮会进入课程界面。

posted on 2020-04-19 18:00  高橋凉介  阅读(114)  评论(0编辑  收藏  举报

导航