6种交互方式为：1、重力交互，需要灵活利用重力感应、陀螺仪、速度加速器等硬件设备；2、声音交互；3、双指缩放交互；4、书写交互；5、3D空间交互，主要利用3D技术，搭建立体化场景；6、全景交互。
本教程操作环境：windows7系统、Dell G3电脑。
H5页面的6种交互方式
1、重力交互
是模拟现成的物理规律可以降低理解门槛，还能够为策划添加趣味性。而手机在硬件上给出很多技术发挥的可能性，可以灵活利用重力感应、陀螺仪、速度加速器等硬件设备创新H5玩法，增加用户代入感。
2、声音交互
交互方式不仅有触觉交互，还有听觉交互方式。但声音交互方式比较少见，若有出现都是与录音有关，在H5活动里引导用户录一段话，然后DIY生成专属音频。
3、双指缩放交互
这种交互形式需要用户两只手指同时接触屏幕，比如说，通过滑动屏幕放大或缩小某物，也可以用在画面转场。虽然这种交互方式对手势的操作有一些小要求，玩法有些复杂，但是其互动性比单指点击、滑动更强，也更具趣味性。
4、书写交互
1、数据调用该功能使界面与程序分离实施变得更加容易，美工无需任何编程基础即可完成数据调用操作。2、交互设计该功能可以方便的为栏目提供个性化性息功能及交互功能，为产品栏目添加产品颜色尺寸等属性或简单的留言和订单功能无需另外开发模块。3、静态生成触发式静态生成。4、友好URL设置网页路径变得更加友好5、多语言设计1)UTF8国际编码; 2)理论上可以承担一个任意多语言的网站版本。6、缓存机制减轻服务器
这样交互的方式是自由度比较高的互动方式，用户可以根据H5活动提示自由创作文字、图画。图画是让用户通过绘画创作出形象个性鲜明，可以体现用户情绪，能让用户投入到H5活动中，减少流失率。而书写的方式，常用在测试类H5，用户可以根据提示输入名字或者想说的话，最后生成海报得到测试结果。
5、3D空间交互
这样的交互方式主要利用3D技术，搭建立体化场景，突破H5画面扁平化的限制，强调层次感。但这种交互方式在开发技术难度比较大，还要考虑到用户的习惯，3D的玩法也比较单一。因此，经常常搭配点击、滑动等基础手势操作，使3D成为了H5活动亮点的出现。3D空间交互方式可以让用户玩起H5来更加的真实。
6、全景交互
是在在360°全景形式中，让用户可以上下、左右滑动。这种H5活动交互方式常会以类似VR的形式承载画面交互，更为注重H5场景的设计，其空间立体感比较强，让画面可以360°边界衔接流畅。
大家可以结合实际情况进行选择，或者结合使用，想办法提升用户体验感。希望每个交互师都能做出一款很棒的界面，加油吧！
更多相关知识，请访问常见问题栏目！
