交互设计 » 推荐移动UI/UX设计师和PM使用的原型工具

推荐移动UI/UX设计师和PM使用的原型工具

发表于: 交互设计, 设计工具. 评论 (5)
Sponsor

无论是做网页设计还是手机移动端设计,开始制作时都是先从原型框架开始设计,最初设计师们可能在纸上画原型图,但现在已有很多先进的工具能让我快速生成原型并能实现一些交互设计功能。因此,设计达人网整理一些适用于移动应用的原型设计工具,这些都能有助于你的工作哦!

FLINTO

原型制作工具 flinto

Flinto 用于演示APP原型的工具,它能快速将你设计好的原型图(框架图也可以)链接起来,并以app形式展示,这样你给客户看的时候,简直像一个真的APP一样。使用flinto一般5分钟就能制作完原型展示,简单快速。

地址:https://www.flinto.com/

POP

原型制作工具 pop

POP和上面一样,也是APP原型演示工具,它特别之外就是通过拍摄就能让你很方便的将纸上草图变成可在 iPhone 上演示的应用原型,并可生成URL分享给其它用户浏览。

地址: http://popapp.in/

FileSquare

原型制作工具 filesquare

一个链接模型画面的工具,通过在线方式上传和操作。另外它还是一个开放的交流平台,用户可以为作品添加注释,比如添加反馈意见等等,或许你会发现有专业的设计师给你意见哦!

这里有个在线DEMO演示:http://app.filesq.com/projects/dHIpVa

FileSquare :http://filesq.com/

CONCEPT.LY

原型制作工具 concept-ly

可以快速将框架图和ui设计图转换成交互式APP程序。

CONCEPT.LY:http://concept.ly/

Fluid UI

原型制作工具 fluidui

Fluid UI帮助交互设计师们方便制作产品线框图,它甚至能够影响到后期的界面设计、产品功能设置以及上线前测试。Fluid UI具有丰富的资源库,不管是iOS、Android还是Windows 8都能找到最合适的资源来使用。支持添加手势,让设计原型更真实。Fluid UI有动画效果,高保真模拟用户体验和操作。

Fluid UI:https://www.fluidui.com/

Brief

原型制作工具 briefs

Brief 堪称移动APP上的”Axure RP”,Library内置了很多丰富的UI组件/控件,可以快速创建你的APP框架图,并能添加Actives(触发动作)实现交互功能,该软件价格有点贵,但对工作却是很有帮助的,(其实你可以向公司申请购买嘛!)

Brief:http://giveabrief.com/

Balsamiq

原型制作工具 balsamiq

balsamiq 可以让你原型框架图变成可爱的手绘风格,就像在纸上手绘草图一样,看起来很Q版。balsamiq 还内置很多手绘风格的常用UI控件,足够画一般的网页设计框架、APP框架使用。

Balsamiq:http://balsamiq.com/

Axure

原型制作工具 axure

Axure这个是很出名的原型工具了,很多设计师、PM(产品经理)都有用它,它除了能够高效率制作产品原型,快速绘制线框图、流程图、网站架构图、示意图、HTML 模版外,还支持javascript交互的实现,并生成Web格式给用户浏览。

Axure:http://www.axure.com/

MocKingBot

原型制作工具 axure
MocKingBot是国人开发的一款在线移动应用原型工具,非常适用于手机APP原型制作,用户只需在浏览器上就能轻松做出常用的交互效果出来,所有过程都是十分的简单。大家可以直接点击体验场来在线体验一下。

MocKingBot: https://mockingbot.com/

上面的工具能满足你吗?如果你有更好的推荐,请在下方评论处给我们留言,并希望你能分享这个文章给其它设计师们,谢谢!

推荐:查看最受欢迎的 301 个设计网站 → http://hao.shejidaren.com
交流:为设计新人提供的设计交流群,请加入UI设计交流群,分享经验、接单、求职、聊设计。
赞助商链接
赞助商链接
设计达人微信交流社区:shejidaren888
喜欢这篇文章吗?欢迎分享到你的微博、QQ群,并关注我们的微博,谢谢支持。
版权:除非注明,本站文章均为原创文章,转载请联系我们授权,否则禁止转载。

+ 添加评论5 Responses to “推荐移动UI/UX设计师和PM使用的原型工具”

  1. 微邻居 - 回复

    ……

  2. XartDESIGN - 回复

    原型工具一定要试试顺手

  3. HeySpencer - 回复

    ~

  4. who-what-how前端 - 回复

    推荐


Leave a Reply to HeySpencer