原型设计工具简介

原型设计工具简介

首先,通过浏览老师所给的网址可以了解到墨刀的五个特性。简单易用;多种设备完美演示;工作流文档生成,关注产品全局;在线团队协同,多人聚焦讨论;可以进行交互批注利器。除此以外,下载墨刀后大家可以发现它上面是有很多的模板,通过对现有模板的完善可以节省我们不少的时间。

除了墨刀以外Mockplus,Balsamiq便于设计中低保真,快速的手机端和Web网站场景;Raw HTML和UXPin便于响应体验设计,可以省时高效地构建响应式网站;而对于一些需要显示运动,动画元素和时机的场景则推荐使用Flinto与Origami两种工具,其中Flinto工具也是自带控件,需要联网,交互较少,部分功能需要收费,但是免费的功能便基本能满足用户需求。Pop与Tapcase两种工具也适用于低保真,除以以外,他们还无控件,支持ios系统,当然最重要的一点也是免费的。PS,AI,keynote,Sketch这些工具则比较适用于高保真,同时适合交互。

除了老师所提供的资料,通过我自己查询相关资料我了解到了Mockplus是一款简洁高效的免费产品原型工具。它为用户提供丰富的组件和图标资源,通过拖曳即可实现界面设计。支持一键导入项目页面和模板,快速搭建基础页面。软件还支持自定义组件库,数据填充,Sketch导入,拖曳设置交互等特色功能实现快速设计。此工具学习曲线短,可以快速上手,交互简单,功能多样,组件资源丰富,支持八种预览方式和多种文件导出类型,支持团队协作。

Axure是一个专业的快速产品原型工具,让负责定义需求和规格、设计功能和界面的专家能够快速创建应用软件或Web网站的线框图、流程图、原型和规格说明文档。作为专业的原型工具,它能快速、高效的创建原型,同时支持多人协作设计和版本控制管理。此工具拥有变化多端的操作,自带组件库并支持强大的第三方组件库,提供强大的交互支持,完整的教程及支持文档,支持原型预览。

WireframeSketcher是一款强操作灵活、功能强大的线框图工具。可帮助设计人员,开发人员和产品经理快速创建用于桌面,Web和移动应用程序的线框和原型。值得一提的是WireframeSketcher还是一款带有手绘风格的创作工具,这在一定程度上可以帮助用户专注于设计。除此之外,这款产品原型工具还提供大量的UI控件,支持通过链接创建交互原型,灵活的Wiki形式,线框图注释,生成PDF文档等。该工具操作灵活,绘制页面速度很快,功能强大,支持手绘风格,提供大量模板,可以进行原型导出。但是该工具交互较少。

Proto.io是一个专门用于移动应用的产品原型工具——可以构建和部署全交互式的移动应用的原型,并且可以模拟出相似的成品。基于Web的在线环境,它可以让你制作流行的 iPhone,iPad,Android 手机以及任何带有屏幕界面的产品原型。并且它可以运行在大多数的浏览器中,并提供了3个重要的接口:dashboard、编辑器以及播放器。它有着丰富的UI元素,且可以自定义;支持多屏互动和组件交互,可以从Dropbox上传设计图。如果产品是Android方面的工程建议使用此类工具。

Balsamiq Mockups是一款软件工程中快速产品原型工具,可以作为与用户交互的一个界面草图,一旦客户认可也可以做为美工开发HTML的原型使用,特别是在web原型图设计领域有不错的影响力。使用Balsamiq Mockups画出的原型图都是手绘风格的图像,看上去非常美观、清爽。此外,这款工具支持几乎所有的HTML控件原型图,比如按钮(基本按钮、单选按钮等)、文本框、下拉菜单、树形菜单、进度条、多选项卡、颜色控件、表格、Windows窗体等。除此以外,还支持iPhone手机元素原型图。但是该工具并不是免费的原型工具,所以不建议大家使用。

我们小组团队的项目是一个简单的2D模型游戏,并且我们的游戏是一个闯关类的游戏,通过控制人物的运动得到一些提示信息从而达到闯关,在这里我们将会用到大量的动画元素和时机场景的切换,通过对原型工具的初步选择,我们团队青睐于使用Flinto这款原型工具,通过下载使用发现其中一些功能是需要收费的,但是免费的功能基本能够满足我们项目的使用,同时虽然交互较少,但是对于我们简单的项目来说也是够用的。

 

posted @ 2021-05-18 20:26  Ashuaiyaa  阅读(97)  评论(0)    收藏  举报