26款免费原型⼯具,免费原型⼯具⼤合集
1. ⼩红星
⼩红星是⼀款桌⾯版原型设计⼯具,纯中⽂界⾯,吸收了国内外多种原型⼯具的特⾊功能,结合国内产品设计的特点、去除了商业软件的各种限制,⽆需注册账号、⽆需登录平台、原型⽂件保存在⽤户⾃⼰的电脑上,导出html不受限制,分享原型不受限制。扩展了
hotgloo/axure/invision等软件的组件包、并定期更新扩展组件包。
免费⽅式:免费
主要功能:
丰富的组件、灵活的组件组合⽅式、丰富的图标库。
项⽬分享到⽹络
导出html⽂件
快速制作⽹站、⼿机app、游戏、桌⾯软件、移动设备软件等多种类型项⽬原型图。
页⾯容器、丰富的设备外观
适⽤情景:视觉稿/⾼保真原型,⼤型复杂项⽬,Web线框图,⽹页原型
2. HotGloo
免费⽅式:免费试⽤
⾮常直观易⽤,内置⽀持聊天功能,实时与他⼈分享原型。这款⼯具适合⽤户体验设计师、视觉设计师、IT从业⼈员和管理⼈员。3. Invision
免费详情:免费1个项⽬
功能特⾊:项⽬反馈管理,团队协作,⽀持⼿势和转场功能快速创建热点链接页⾯⽀持Sketch/Photoshop导⼊⽀持版本控制⽀持多种分享⽅式(URL, Email, SMS, Zip, PNF)
4. Justinmind
免费⽅式:免费试⽤30天
功能特⾊:
⽀持⼿势交互⾃定义组件(库)⽀持动画⽀持团队协作功能⽀持版本控制快速预览原型多种导出⽅式(HTML+JS, Word, PNG, 导航地图)
适⽤情景:⾼保真原型,线框图,移动端原型
5. origami
免费⽅式:免费
早在Facebook推出Facebook Home时,相信强⼤的原型⼯具Quartz Composer就进⼊了很多设计师的法眼,⽆须编写代码就可以输出细腻丰富的动画,这个太刁了,和⼤家⼀样,彼时我也信誓旦旦励志要学会这个玩意⼉,于是开始参考教学视频摸索,甚⾄拿着Quartz Composer的Guideline企图翻译,结果发现并不是那么简单。于是学QC这件事情就⼀直⼀直搁浅,直到Facebook⼜推出了Paper,有了Origami这个插件,QC的门槛瞬间降低了很多,终于,感觉⾃⼰⼊!门!了!!尤其是和Sketch联动,做demo真是⽅便了很多。
但是只有mac版,⽽且学起来也不是那么容易,个⼈感觉principle做交互⾜够了
6. axure
免费⽅式:免费试⽤30天
功能特⾊:
⽀持交互设计⽣成规格说明⽂档输出HTML原型版本控制管理⽀持多⼈协作设计母版功能⽀持动态⾯板和复⽤模板
适⽤情景:视觉稿/⾼保真原型,⼤型复杂项⽬,Web线框图,⽹页原型
7. Flinto
免费详情:免费
功能特⾊:⽀持转场动画,画⾯滚动流畅⽀持创建⼿势交互⽀持Sketch导⼊⽀持在iPhobe/iPad上进⾏实时预览分享原型
网站制作工具8. Proto.io
免费情况:免费试⽤
功能特⾊:
丰富的移动端设计组件 (可⾃定义) ⽀持Sketch和Photoshop插件⼤量现成的项⽬模板⽀持原型预览(HTML,短信发送⾄⼿机预览),⽀持多种⽂件导出形式(HTML, PNG, PDF)
适⽤场景:移动端原型,弱动画原型
9. balsamiq
免费情况:免费试⽤30天
功能特⾊:独⼀⽆⼆的⼿绘风格⽀持Linux, ⽀持WIKI风格的代码规则内置⼤量模块(包括桌⾯App,移动端App及⽹站模板等)⽀持多平台使⽤(Windows、Mac OS、Linux)⽀持PDF导出拥有种类繁多且风格独特的UI库
适⽤场景:低保真原型,静态⽹页原型,⼿绘风格原型
10. 蓝湖
免费⽅式:免费
蓝湖是⾼效的产品设计协作平台。可以⽆缝衔接产品,设计、研发流程,降低沟通成本,缩短开发周期,提⾼⼯作效率。
11. Cacoo
免费⽅式:免费
这款⼯具⽀持22种语⾔,适⽤于全球⼤多数⽤户。⽀持实时团队协作,⽤户可以同时在线使⽤这款原型⼯具。运⽤它可以制作多种图表,例如:site maps, wire frames, UML和⽹络图表等。
12. Gliffy
免费⽅式:免费
这款⼯具号称是最⼴泛的在线原型⼯具,可制作⾮常专业的流程图、org图、UML图、network图、线框图等等。
13. 墨⼑
免费⽅式:免费3个项⽬
13. iPlotz
免费⽅式:免费
iPlotz可以快速创建可点击的、可导航的模型,以及各种⽹站和软件的线框原型图。
14. Creately
免费⽅式:免费
Creately提供实时协作功能和50多种图形类型,⽀持7种语⾔,并为Linux、Mac和Windows三⼤系统提供桌⾯版本
15. ProtoShare
免费⽅式:免费试⽤
ProtoShare是⼀款易于使⽤且协作性强的原型⼯具,帮助团队创建⽹站线框和交互原型。它可以⽤JavaScript和CSS⽣成⾃定义模块。16. Lumzy
免费⽅式:免费
已经有200个国家的47,604位设计师运⽤在52,872个项⽬中。Lumzy是⼀个功能很强⼤的原型⼯具,⽀持弹出操作、警报、页⾯导航等等。它是唯⼀⼀款提供实时图像编辑器的原型⼯具,⽀持图像抓取、⼤⼩调整、对⽐度调整和饱和度调整等等。
17. Pidoco
这款快速原型设计⼯具⽀持拖放操作、交互原型、实时协作、可⽤性测试、⾃定义模板等功能,可⽣成PDF⽂档、可编辑的RTF⽂件、SVG 图像和HTML⽂件。
18. Mockingbird
免费⽅式:免费试⽤
Mockingbird拥有⽹站和软件原型所需的所有UI元素,⽀持⾃定义⽹格和智能⽂本⼤⼩,可同时创建多个页⾯原型,能输出PDF和PNG⽂件。
19. Figma
免费⽅式:免费试⽤
Figma 是⼀个基于浏览器的协作式 UI 设计⼯具,Figma 从推出⾄今越来越受到 UI 设计师的青睐,如今也有很多的设计团队投⼊了Figma 的怀抱,接下来会聊聊为什么我们应该选择 Figma ⽽不是 Sketch。
20. Framer X
免费⽅式:免费试⽤
Framer 已经上线有⼀段时间了。它的前⾝——Framer Studio 是⽤来制作⾼阶且复杂的交互原型,⽐如可以键⼊信息、调⽤设备传感。不过它也有⼀个缺点,就是需要 CoffeeScript编程基础。
21. Marvel
Marvel 也是海外知名度较⾼的⼀款在线原型设计协作⼯具,⽀持PS和sketch设计稿导⼊做交互原型,也有⾃动标注功能。使⽤Marvel 可以在线完成中保真程度的原型设计,添加⼿势操作和过渡效果后,即可实现可交互的产品原型设计。
通过 Marvel,⽤户可以便捷地分享和演⽰项⽬,客户或团队其他成员则可以直接在相应的界⾯上进⾏评论或注释。
22. ProtoPie
免费试⽤
ProtoPie 是⼀款⽐较年轻的产品,ProtoPie 将交互简化成了三个基本的要素:动作对象、触发动作和反应动作。⼤量的触发动作库(基本动作,条件和传感器)拼接出保真度⾮常⾼的原型。虽然制作过程中点击操作⽐较多,但产出效果都⾮常好。
23. 墨⼑
免费⽅式:免费
墨⼑是⼀款不错的在线原型设计和协同⼯具。尤其拖拽连接的功能尤其好⽤。并且提供⼤量设计素材。
24.xiaopu
免费
xiaopiu作为⼀款新型的原型⼯具,它的最⼤特点就是,提倡资源共享。你可以随便引⽤他⼈公开的共享资源,可以在他⼈公开的资源⾥⾯,直接编辑,学习他们的制作过程,选取你想⽤到的任何组件和素材
25. 摩客
免费⽅式:免费
摹客是更快更简单的协作设计平台,其核⼼功能点包括:智能标注、⼀键切图、多样批注、交互原型
、全貌画板、团队管理。⽀持上传PS,Sketch,Adobe XD三⼤设计⼯具的设计稿,以及原型图(Justinmind、Mockplus、Axure等)。摹客的主要⽤户对象是产品经理、设计师和⼯程师,提升团队协作效率。
26. Atomic
免费
Atomic 是在⽹页端操作的软件。个⼈其实更喜欢安装型应⽤,但是我还是要感谢 Atomic 提供了强⼤协作功能,⽐如团队可以远程协作同⼀个项⽬。不过 Atomic团队宣布他们正将把注意⼒转移到其他项⽬上。如果你有 Atomic 的账户,你可以⼀直使⽤到2019年6⽉30⽇,在此之后你将⽆法再使⽤ Atomic。真是个坏消息!不过你还有⼀些时间试试这款⼯具。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论