H5这个词早已不陌生了。在现今这个信息交互时代，H5也被运用到各个平台之上。现如今，品牌想要推广产品，基本都会选择以H5营销的方式。那么H5制作需要注意哪些细节？下面蓝橙互动来告诉大家。

一、多个音乐同时播放

由于系统的限制，Android 在同一时间，只允许播放一段背景音乐。在 IOS 下并没有限制，例如 iPhone 的机型在播放背景音乐的同时可以做到播放各种交互音效。所以一般在 Android 上 H5 只播放背景音乐。如有特殊场景的话，可以先暂停背景音乐，再播交互音效，音效播放完毕后再播背景音乐。

二、勿轻易用横屏的交互方式

不要轻易使用横屏。在微信 for Android 中，H5以横屏的方式展现的前提是：其一，开启系统的屏幕旋转；其二，开启微信的横屏模式。操作成本较高，而且顶部的导航栏和状态栏还占据了一定的宽度（屏幕本身就比较窄）。如果场景需要，一定要引导用户如何开启横屏模式。

三、Animate(动画)

各种炫酷的H5动画其实大部分都可以用 CSS 动画来实现。动画的原理无非是对象的位置、大小、旋转、透明度在单位时间的变化形成一系列的动画。而这些对象属性在H5中都有对应的属性来控制。通过代码来实现的，所以相比较序列图形式，性能更优、访问速度更快。

四、勿轻易用右滑的交互方式

在H5开发中尽量不要设计使用向右滑动的交互方式。无论是Android，还是 iPhone ，向右滑动容易误触发返回上一级页面。

五、特殊机型的适配

H5在不同的机型适配，虽然每个开发者都有一套自己的完整方案，但一定要注意小屏机，虽说现在大屏机已是主流，和带有虚拟按键的机型适配。

六、输入框

在微信H5页面中，除宣传类外，大部分都是以收集信息为目的的。除了使用麦客表单、金数据、问卷星等第三方表单收集工具外，各个H5工具内置的输入框功能也不失为一个很好的选择。

以上就是制作H5需要注意的细节，在互联网技术的支持下，一个有创意的h5页面可以让一个品牌迅速传播出去，成为许多商家和企业青睐的对象。蓝橙互动致力于H5游戏定制、H5游戏设计、H5游戏开发等，如果想了解更多详情，欢迎联系蓝橙互动在线客服。