恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
8月H5 TOP10,新鲜出炉!
0.0°
2018-09-20 原创文章 经验/观点 举报 1122 3 3 0

不得不说,8月出品的H5真是让人惊喜诶,小伍翻看到很多不错的案例。前段时间也专门整理了8支七夕案例,这篇月度盘点里就不再提啦,想看的朋友就翻翻我前面发的文章吧。


话不多说,下面开始欣赏8月份的Top10大赏!!!



H5行业排行榜



Top1

你是哪里人?



出品:腾讯公益   BY:25hours


上榜理由:一颗希望的种子穿插始终,通过一段小孩视角的动画,燃起大家对乡土氛围的回忆。往下是选择自己的家乡位置,种下希望,生成海报分享页。


交互形式比较简单,赞叹之处是设计了大量的动态插画场景,配上与情景吻合的声音,从中可以看到很多细节,见过的,没见过的,现在看来都弥足珍贵。


直达链接:https://ssl.gongyi.qq.com/wxact/2018hope/hope.html


Top2

你的荣格心里原型



出品:网易云音乐   BY:网易云音乐


上榜理由:这支H5是走心测试类作品,似乎还挺准的,在朋友圈、微博等平台上都刷了屏。测试以发送消息的方式进行,题目文字、测试图、BGM相互陪衬,给到受众沉浸式体验。不同的选项组合,最后匹配的结果有很多种,文案工作非常的大。


直达链接:https://st.music.163.com/c/rongge/index.html


Top3

火影忍者,重回羁绊初始



出品:腾讯游戏   BY:BIGBONE大骨


上榜理由:这支H5是横屏观看的长页面动画,复现了几段火影忍者动漫里主要人物的催泪时刻。画面与画面之间过渡流畅,衔接得很好,开启声音滑动播放,十分带感。

看到最后你会发现,这波回忆杀其实是为同名手游的预热宣传,好一个套路呐~


直达链接:http://bigbone.cn/a20180705hy/build/web-mobile/?from=timeline&isappinstalled=0


Top4

我这样的蚊子真让你不放心



出品:放心选   BY:W


上榜理由:这支H5打造了一个灭蚊实验室,用自定义的小交互让大家参与其中,把自己变成蚊子,经过捯饬一番,再到灭蚊实验室里上班。之后还可以指定试验对象和试验产品,得到分享结果页。


文案也是很有态度,直说“不是软广,不收黑钱,不信取关,再说撕逼”,这是要做朋友圈中安利产品的一股泥石流啊哈哈~


直达链接:http://weidian2.wearewer.com//?o//?openid=oh4Ebt7EIvnTeyduMESl-imYRPys&nickname=%E5%B0%8F5%E9%85%B1&headimgurl=rl=http://thirdwx.qlogo.cn/mmopen/vi_32/sIKXMercncPJ1BeVKlvLJVYRzhfQvs0O9JHe0yMiaOQdrl7ZXUSZtGHgia7M0DapsrFhIbTicce9866dk79BZHicaw/132&time=1537411004903


Top5 

不算不清楚, 那些年的上班路居然这么长长长长长长长


Image title


出品:腾讯汽车   BY:腾讯汽车


上榜理由:开头是一段滑动观看的一镜到底动画,画面精美流畅。叙述的是上班路远,加班时长,文案简练有感染力。之后停转到计算环节,让大家输入需要用到的计算信息,包括所在城市和梦想之地,就能随机计算出那些年的上班路程,约等于可以用在某某事情上。不喜欢的计算结果还可以切换,再生成分享海报,比晒日行步数看起来更直观、震撼。


直达链接:http://huodong.auto.qq.com/default/index?ADTAG=tgi.wx.share.message



iH5工具排行榜



Top1

回忆你的大学寝室



出品:Flyme   BY:dodo设计


上榜理由:这支作品是场景布置类的,手绘漫画风格,样式都很可爱很活泼。作品里连宿舍门号、床形,蚊帐、被子花色都可以自定义,设计的非常细致。操作体验上,则是用了简单直接的方式,就是拖动、按住缩放和点击翻转角度,设计起来十分轻松有趣~


直达链接:https://file00e650b5c015.aiwall.com/v3/idea/hm9opMo8?unid=ohAJ7wUtjXO6dAiCCaJvpgOmgQV4&wxid=odVsFjzXQbrM_ANUET3AscQp_iGw&latestUser=1


Top2

你有一份15年发展对账单



出品:浙江新闻   BY:szcbzx


上榜理由:这是支数据类的H5,以一张滑动长图的形式带受众了解浙江近15年来的发展报告。画面的设计明朗清新,映衬背景是一片白色立体感的山和房子,当划过之时,要展示的数据表会立在眼前,让整个作品充满更直观易懂的表现力。


直达链接:https://file0665b1fa7788.aiwall.com/v3/idea/DsZa5JWZ


Top3

小树氧成记



出品:欧拉约车   BY:懂得。


上榜理由:这是支让人上瘾的躲避类小游戏,玩法其实很简单,就是按住滑动画面中央的黑色轮胎,抵挡上空落下来的攻击物,只要保证树苗不被砸到,游戏就会不间断的进行下一关 。往后关卡的难度会相应加大,相信大家都能玩得尽兴。


该案例现已下线。

Top4

谁是地道宝鸡人?



出品:碧桂园•凤凰城   BY:Eega


上榜理由:这是支测试类的H5,看首页的弹幕就知道是考大家地方习俗和方言了。案例共有9个题目,每道题预留10秒的答题时间,时间到了还没选就会公布正确答案了,体验起来挺轻松的。


试了下一道题也没选,最后的结果页描述挺皮的,还说凭截图看房送2斤鸡蛋hhh..


直达链接:https://filed97d4b8195df.iamh5.cn/v3/idea/v1jMuwCT?wxid=oZwt-wNUlfQdJ0IFyNmC4LtCcbfg&latestUser=1


Top5

老师点名了!



出品:团贷网   BY:Michael_Yang


上榜理由:这支H5也是游戏类的,结合开学季这一热点话题,把上学时期帮同学喊到的经历做成了小游戏,还蛮有意思的。教室座位安排了15位容易记混淆“明星”同学,要在3秒之内根据老师点到的名字做出反应,观察同学是不是没来,才喊到。顺利结束之后,还可以领红包。


直达链接:https://file1c58d7c5dc2d.iamh5.cn/v3/idea/vGdevx8P


好了,8月份的优秀案例分享就到这里啦,谢谢大家能够耐心看完~

更新:2018-09-20

收藏

3人已收藏

iVX互动大师

真正意义上的“0”代码开发语言——iVX

  • 7

    作品

  • 19

    粉丝

  • 1

    关注

  • 8支七夕节的精选H5,请查收 √
  • 不要让一首歌,毁掉你的整个H5
  • 6月H5排行榜,TOP 20新鲜出炉
  • Web制作教程02:怎样快速地制作重复素材?
相关标签
H5

    猜你喜欢

      2018-09-20 原创文章 经验/观点 举报 1122 3 3 0

      8月H5 TOP10,新鲜出炉!

      0.0°

      你确定要举报8月H5 TOP10,新鲜出炉!

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2018年09月20日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      3
      3
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录