干货!所有常用的原型设计工具都在这里了

干货!所有常用的原型设计工具都在这里了,第1张

干货!所有常用的原型设计工具都在这里了

本文引用了20种流行的原型设计工具。我把它们分为以下五类:

原型设计工具(仅限网页交互)手机上的原型工具网页原型工具静态数据原型工具动态原型工具(组件和网页交互)

交互原型设计工具(只限网页页面交互)

这类工具主要用于创建网页之间的交互。它不能自己制作和设计组件,必须从其他地区(如PS、local)导入设计图纸,为已有设计图纸建立网络热点,开发交互式设计方案。

一个非常好的原型交互测试工具。你可以从本地、Dropbox、GoogleDrive和box上传照片。拖动以快速建立网络热点。它的分享、合作、评价功能也很方便。

一个轻量级的交互式原型工具。拖动电脑鼠标快速建立交互;可以嵌入多种转换站点和实际效果,一键即可应用;扫一扫,马上在手机上浏览实际效果。也可以导出HTML,与好友分享。

漫威-一个简单实用的原型工具。只需简单点击几下,静态数据的设计图就可以连接成可点击的原型图。

一个用于Mac的交互式原型工具。适用于一键导入草图设计图,网络热点相互配合,相互交互,形成原型,根据网页或移动终端展示给客户。

atomic——可以用来快速设计程序交互和动画的原型工具,无论是手机原型还是桌面原型,都是非常不错的选择。

手机上原型工具

这种工具在手机上嵌入了制作原型的组件,可以构建和编写组件。设计方案时,可以选择不同的手机型号。在手机上浏览很方便。

Proto.io-Proto.io做手机样机是个不错的选择。手机上有默认的元件库,拖出来进行简单的功能设置就可以使用。也适用于交互设计方案,适用的开口和姿势非常丰富。

Mockplus-Mockplus在手机上展示了很多组件和logos,可以快速上手,开发设计方案。在设计之前,可以选择不同规格的手机型号,按照各种方式在手机上浏览:公布新项目,然后在浏览器中查询,在移动端键入样机代码,扫描二维码。在手机上设计原型非常方便。

Fluid-Fluid是一款在线原型设计工具,比较适合制作手机App原型,包括iOS、Android及其智能穿戴产品。

Pixate-Pixate可以完成复杂的交互和动画,而且只能用来做移动原型。

Justinmind——能够自己制作hi-fi手机原型。适用于复杂的交互、动画和手型。此外,它也是一个需要较高学习和培训成本的工具。

网页页面原型工具

这类工具比较适合做网页原型。

axure——功能全面的原型设计工具,可以完成复杂的交互,必须投入更多的钱在学习时间上。

webflow——可以形成代码的原型设计工具,适合制作网页原型,中专难度系数。

webydo——可以自己制作高保真音频网页原型的工具,但是学习和训练的难度系数也很高。

indigoStudio-该工具不仅可以导入设计图纸供您进行交互式设计方案,还可以显示组件设计方案的功能。

protoshare——一个学习和训练难度系数适中的在线原型设计工具,可以用来设计具有交互实际效果的网页原型。

静态数据原型

总的来说,这个工具在实际 *** 作和功能上非常简单,只用于设计方案的静态数据原型。

Fluid-Fluid是一个简单的在线原型设计工具,不能设计方案交互,但是可以用来设计静态数据原型的方案。

balsamiqMockups-手绘设计风格原型设计手机软件,实际 *** 作简单,新手可以尝试设计静态页面原型。

一个非常简单的静态数据原型工具。

动态性原型工具(组件和网页页面交互)

这类工具具有全方位的功能,可以完成简单或复杂的交互。学习难度系数的高低也因工具而异。

axure——一个知名的原型工具,可以完成复杂的交互。

Mockplus——一个新的原型设计工具,mockplus封装了常见的交互组件,完成交互数据可视化。无论是网页的交互,还是组件的交互,都可以按照拖动的方式进行。

UXPin-UXpin是一个在线原型设计工具,可以用来设计网页和手机上的原型。内置组件库,拖出来进行基础编写,完成简单的交互实用效果。

proto.io-一个在线原型设计工具,适合组件的交互。

是一个基于编码的原型设计工具。如果你知道如何编程,那么Framer可以帮助你完成复杂的动画和交互。

hotgloo-一个在线原型设计工具,可以完成常见的交互设计方案。

origami——脸书集团的原型设计工具,可以完成复杂的交互和动画。

principle-一款仅适用于Mac的交互式绘图软件。

Justinmind——能够自己制作hi-fi手机原型。适用于复杂的交互、动画和手型。

这么多原型设计工具,总有一款适合你。如有疏漏,热烈欢迎补上。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zz/781855.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-04
下一篇 2022-05-04

发表评论

登录后才能评论

评论列表(0条)

保存