原型制作工具

上篇文章给大家分享了部分我自己制作的instagramAPP中的一些交互界面“ h5交互原型设计是什么样的？用什么工具制作？（中） ”接下来继续看看剩下的部门界面。 三、页面嵌入视频 网页嵌入视频交互的主要逻辑是：透明按钮-事件控制播放/暂停。 视频规格似乎限制了MP4格式

上篇文章给大家介绍了H5交互原型常用的一些工具“ h5交互原型设计是什么样的？用什么工具制作？（上） ”，接下来就分享一下我自己用HTML5工具临摹的instagramAPP中的一些交互界面，以及叙述相应的逻辑。 一、页面跳转 页面跳转的主要逻辑是:透明按钮-顶部同层控制-显示/隐藏页面

h5交互原型设计是什么样的？用什么工具制作？今天我们就来聊聊这个话题，产品或者设计新人们赶紧来看看吧！ 现在市面上有很多产品原型设计软件，比如Axure.Shireframe.Penci.lProject等。每个产品都有自己独特的优势，目标只有一个:高效输出、可测试、可交互的产品原型。

通过产品原型图制作工具来设计产品原型，通过产品原型图的梳理来让种子用户对产品的业务模型和业务逻辑有一个直观的了解。下面小编就给大家分享两款超级实用的产品原型图制作工具。 Axure 产品原型设计工具，如果产品经理对产品原型、交互演示、原型细节设计等等有更强的需求，那么AxureRP是一个很好的选择。

很多初入互联网的创业者脑子里可能有一大堆的创意，却苦于不会代码和用户界面设计，没有办法快速把这些想法快速呈现出来。YC支持的创业公司\nEasel注意到你的这种痛点，推出基于浏览器的所见即所得Web设计工具，帮助你和你的团队快速制作出产品原型页面。Easel最重要的特点是速度和协作，它支持多人同时在线编辑。虽然与强大的

Asana是一款工作任务管理工具，它有手机端和网页端。这款App在配色上很棒，采用了一些渐变色，这里由于是制作原型，采用的色彩依然是黑白灰，主要体现功能和交互。这类App，功能上，注重任务创建方便快速、任务完成进度跟踪，任务分类归档清晰，对于团队任务，分工明确，管理便捷等。下面一起来看原型，之后会和大家分享这款软件的网

工具的选择不是越多人用越好。像Axure这类专业的原型制作软件，在标尺、对齐上面，是iH5远比不上的。但后者在与人沟通以及查看时有着优势。最近支付宝进行了一次比较大的版本更新，引起了很多人的关注，无论从视觉还是交互体验上都有了很大的改变，但是从原型制作来说，其实比之前更加简单了。通过临摹这些知名厂商的产品，是快速进步的

Origami的意思是折纸（听起来是由日文翻译过来的）。它是Facebook的设计团队花费了9个月时间开发的工具，Origami是一款基于Quartz Composer的插件，安装Origami之后，Quartz Composer的界面会变得更加友好，更适合于交互设计师操作。 Origami官方网站下载页面：