今天蓝橙小编将会继续为大家带来更多的经典H5交互玩法案例，而我在之前的文章里也为大家分享了一些H5交互玩法案例，具体请看《H5交互玩法案例赏析（上篇）》。而在下面的文章里，我将分类介绍这些H5案例的特点。
类型一、拖拽交互
拖拽区别于滑动，需要按着屏幕不松手，从一个点拖到另一个点，移动速度由用户控制，适合图片展示类或叙事类的策划专题。
网易的《睡姿大比拼》H5利用了骨骼动画技术，用户可以拖动小人的四肢，DIY自己在床上的睡姿。
除了可以选择场景、人物外貌，H5还提供床上的小物件做搭配，放大或缩小后用来布置卧室。
类型二、双指缩放交互
双指交互需要用户两只手指同时接触屏幕，比如滑动屏幕放大或缩小某物，也常用于画面转场。
这种交互方式对手势的微操有要求，玩法有些复杂。但互动性比单指点击、滑动更强，也更具趣味性。
网易新闻的H5《跟贴比新闻更接近真相》采用穿越时空设定，设计了双指放大手势进入下一页，点击按钮查看当页详情。每页统一的手势便于用户理解。
类型三、长图视差交互
长图视差交互常搭配滑动手势进行，带动H5连贯播放。
视差动画由于运动速率与主视觉画面不同，空间层次感更加鲜明。
这可以增加画面的新鲜感，缓解高密度内容带来的的视觉疲劳。减少阅读长图文时的乏味，从画面效果上辅助H5流畅转场。
网易的《自白》利用这种方式，向下滑动推进故事剧情，把主人公的变化呈现给用户。借用滑动手势控制故事的播放，让用户更有参与感。
《你想要的每个好，我们都努力做好》用滑动长图+视差动画的形式，带领用户从1988年穿越到2018年，串联起兴业银行的30年发展历史。
《我在童话里遇到你的时光》使用一张长图，滑动时会有一些小元素穿插过场，使得整支H5看起来炫酷又丰富。
类型四、声音交互
除了触觉交互，还有听觉交互。声音交互方式比较少见，大多与录音有关，按照H5引导录一段话，DIY生成专属音频。
网易云音乐的《有故事的声活单曲》，就是让用户录音，讲出自己的故事，创建录音文件。录音结束后，配上文案生成定制海报。
用声音控制H5，还可以表现为自选音乐片段，DIY成一首完整歌曲。
网易云音乐的《玩音乐，我从来没在怕的》，让用户从几种音效中选出最喜欢的风格，再为原曲调音，生成个性化乐曲。
DIY出来的音乐代表个人喜好，具有一定的社交属性。
通过以上四种类型的H5案例，我们可以发现这些H5都是以各种互动游戏为主题来开展的营销活动，其目的就是为了吸引更多用户的关注，从而达到良好的营销效果。如果你有H5游戏开发的需求，也是可以来蓝橙互动的网站咨询我们的！
相关案例：
