h5交互原型设计是什么样的？用什么工具制作？（下）

上篇文章给大家分享了部分我自己制作的instagram APP中的一些交互界面“ h5交互原型设计是什么样的？用什么工具制作？（中） ”接下来继续看看剩下的部门界面。

三、页面嵌入视频

网页嵌入视频交互的主要逻辑是：透明按钮-事件控制播放/暂停。

视频规格似乎限制了MP4格式，不超过50M。当设置属性时，取消自动播放。通过在播放图标上设置透明按钮，用户可以点击触发视频播放和暂停。当然，这个播放图标也可以通过时间轴和轨迹的配合来实现闪烁、呼吸伸缩等提示效果。
当然，我还没有详细表达很多页面，包括页面中的动画交互、图片预览时的放大收缩等，可以通过时间轴等功能实现，3D翻转相册类型的交互也可以实现。

总之，在整个体验过程中，操作效率和实现效果都很好。利用Axure等工具制作原型时，不妨使用H5作为辅助展示，相信能更直观地提高与老板、交互设计师等对象沟通时的效率，方便产品的全局决策。

关于H5交互原型设计的内容暂时就分享到这里了，如果大家对此感兴趣的话，可以在下方留言，之后还会继续更新相关内容。

以上就是“h5交互原型设计是什么样的？用什么工具制作？（下）”的内容了，如果你还想了解其他相关内容，可以来 产品壹佰 官方网站。