这些天,我看过的H5

原创 收藏1 评论
举报 2016-08-06

工作的关系,最近接触了不少H5互动制作的方案。而此前自己这个方面知识较为匮乏,一个星期以来我就到处不停的扒案例,分析场景、分析结构、分析创意点等...

渐渐的也开始有了较为清晰的认识。

以下是个人对看过案例的一些小小总结,新手可以带着批判的眼光来审读,大侠请跳过。

1.激发情感共鸣和认同感

特点分析:

这一类的H5以手绘的形式表现居多,

重在触发人们情感上的共鸣,

阅读为主,互动较少,最后体现出该H5的目标指向。

主要用在一些节日如:父亲节、感恩节等,还有就是品牌感性诉求的表现。

160601_Smartisan_01.PNG

2.问答测试

特点分析:

互动为主,内容多与品牌关联或与所要体现物品关系度较大。

题目数量以3~5题的居多。

表现形式有文字、文字加图片、声音加文字等多种形式。

160602_Mengniu_01.jpg

3.模拟对话互动

特点分析:以与朋友聊天的形式体现,在对话过程中引出要体现的内容。

这种形式话题引导逻辑性很关键。

情感表现形式丰富是这类H5的一大特点。

图片、表情、文字、声音、视频、链接、甚至是视频通话等都可以作为其中的元素。

160510_C&A_01.PNG

4.模拟朋友圈互动

特点分析:在朋友圈创意性的体现所要体现的内容,同样对内容的要求较高。

160608_huawei_08.png

5.个性表情DIY

特点分析:

通过往图片上添加各种元素来DIY自己的照片,互动性较强,比较形象生动,可更好的突出主题。

但这种形式表现过于单一,多会与其他形式搭配使用。

160701_kangshifu_02.PNG

6.游戏互动

特点分析:

互动性可以算是最高级别了,类似于游戏的形式,人们可控制画面中元素,趣味性也较强。

如:闯关、拼图、对屏幕中元素进行改变和创造等。

游戏不一定要很复杂,结束后多会设置排行榜及头衔设置,然后再进行其他关联。

160621_China Telecom_01.PNG

7.抽奖互动

特点分析:较大程度的关联所要体现的主题,但较少单独使用,多与其他形式相结合。

160701_kangshifu_07.PNG

8.3D/VR全景场景互动

特点分析:场景比较酷炫,视角效果很好,如淘宝造物季的一系列H5。(这一点目前认识不多,就暂不分析啦,不过据说技术要求并不是特别高...囧。)

160526_Tencent_01.PNG

总结

现在H5的体现形式越来越多,很多创新性的形式也逐渐被创造出来,动效做的也越来越好,但很多H5的制作现在都不在拘泥于一种形式,会两种甚至更多的形式结合使用,动图用的也越来越多,尤其是在页面的一些小元素上,而且最后基本都会加入朋友圈分享、扫码关注、优惠活动体现等。

以上只是自己目前看到的,还有更多形式也正在被大神们创造出来,以上先分享给大家,希望能对新新人们有些用处。

H5整理资料链接(附案例二维码):

http://pan.baidu.com/s/1qYVIc4c    提取码w531

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    DIGITALING
    登录后参与评论

    评论

    文明发言,无意义评论将很快被删除,异常行为可能被禁言
    800

    推荐评论

    暂无评论哦,快来评论一下吧!

    全部评论(0条)