数据报告类H5怎么做？不妨看看这些优秀案例

微信识别二维码，立即感受 去年TGideas的《移动页面用户行为报告》第一期对很多H5从业者来说并不陌生，现今已更二期。当时那个H5能火，我觉得主要是TGideas的策略比较好，能洞察出市场需求。 创意： 策略定了，下面就是创意执行了。对于数据报告类H5，设计师们可以从H5结构入手。 1.平面 知乎：我的知乎五周年

01fba356eba87732f875a944fa964b.png

今晚没人约？那让这五支圣诞H5温暖你~

欢迎在下面评论留言， 也行明天就能找到伴一起过圣诞~ 参考内容：艾迪互动 又到圣诞了，又可以鼓捣好看的H5了~ 整理不易，转载请署名来自Epub360和原文链接，谢谢！

01be96567f63266ac7251bb619383e.png

受刺激了，个人做着玩玩的H5竟然也辣么赞！

微信扫一扫，开始破案！ 《海绵：柯南系列2-你就是柯南》 作品延续了柯南系列第一弹的精彩，剧情在音乐的烘托下斗转起伏，心也跟着紧张了起来，俨然我就是柯南的节奏！破案有些烧脑，强烈建议体验一把。 由于受限篇幅和官网作品太多原因，小派暂时就主要列举了上面五个。他们个人做着玩玩的H5是不是觉得特赞，受刺激了没？期待大家的佳作，也欢迎评论留言和和小派们交流。

01db4455cf612e6ac725baa02570cf.png

01bcc66126f55611013f4720fca981.jpg

全飞秒h5

从这些简单的H5中，我看到了真诚

微信扫描二维码，立即欣赏 新媒体人的简历长什么样？不妨打开看看。 作品模拟了微信公众号场景，很有创意的说。其交互制作其实很简单，该作品只用了少量触发，开始的那个光圈也是直接用了Epub360特效库里的“多彩气泡”。 王高高刚大学毕业，说他能力很强也许有些恭维。作品短短两天就达到了1w+访问量，联系他的企业有100+。很多公司招他，相信很多和我们一样，主要是从这份简历中看到了他的真诚和用心。 3/5 首草：首草先生的情书 创意机构：W

01a78b573ec37032f8757cb9c40580.png

读醉 | 宁夏贺兰山东麓葡萄酒·平台品牌形象设计案例

01155059943a0f00000021296a90ec.png

新年2017鸡年新产品展示H5（顺便做了个模板，快来使用吧）

017c2458510f0ba801219c77fece78.png

单身就单身呗，有这三支H5陪我就够了！

微信扫一扫，立即开始阅读 打开这个作品，随着慵懒的爵士调，翻着翻着，仿佛回到上个世纪90年代，端着午后的茶水，悠闲地看着报。作品通过剪报的风格给大家讲述了几则趣味又充满生活哲理的故事。有时想，只要有书香相陪，小派我就已很富足！ 把这个作品放到这个集里面，其实更想分享的是背后设计师的故事。大家点击上面设计师的主页，会发现设计师Mr.u有很多自己捣鼓着玩的H5作品，做了十四期生活微杂志《料儿》，用Coolsite360也捣鼓了一个个人响应式网站。除了他本身的作品，还有他个人的折腾劲深深鼓舞着我们很多单身狗积极生活。 看了这三支H5，应该很受鼓舞吧，期待更多的励志H5佳作！ 最后祝大家节日愉快，早日“脱光“！ 附：后面两个作品来自Epub360平台，Epub360是专业级H5设计工具，欢迎大家前往免费注册体验！

01c0945642fabb6ac7259e0fb7b637.png

站酷2022年度创作者

0151095a2f3fcda80121db80faa433.png

茶 中国风

2017年虎啸奖（地产装潢类优秀奖）

010bc05a94ce8ea801219231778052.png

微信扫一扫，立即感受！ 《Mr.u：柒》 逼真的交互，流畅的动效，伴随着舒缓的古典音乐，不知不觉中，我们完成了一支竹笔的制作。是不是觉得自己很厉害，是不是有点沉醉不知归路，是不是勾起了我们童年时制作弹弓、纸枪等玩具的美好回忆…… 除了最新的作品《柒》，Mr.u还出品了十三期生活微杂志《料儿》，还有一期《剪报》等作品，作品制作精良，大多是Mr.u的所见所闻，充满着浓浓的生活情趣。跟着他，我们也能变得文艺起来。

017be755cf60ce32f875202f4a1bfc.png

微信扫描二维码，立即感受 我来到 你的城市 走过你来时的路 想像着没我的日子你是怎样的孤独 ……长按聆听并伴随着画面的逐渐清晰，你是否想起了曾经的那个他/她呢？ 作品使用了Epub360在触发器里新增的“长按触发”功能，操作便捷，相信大家能分分钟上手！Mr.u的个人作品基本上全部能免费复制，体验完作品，赶快前往Epub360官网桌面端去复制学习吧！ 亮点技能：长按播放 5/5 雍福苑一个萌妹子的来电！ 设计师：533陛下

0141d456e123d96ac72531cbe2169b.png

H5里的“小心机”之全屏视频

01434e56fa74c532f875a94405ccd6.png

黑松露-场景秀

新的一年，是该学会制作H5小游戏了（附最新案例）

微信识别二维码，立即欣赏佳作 各位，年终奖已拿回家了吧！敢不敢比比呢！小派的年终奖只击败了多少呢，嘿嘿，你猜！反正自己看啊，也别只顾着看，自己也试试吧！ 亮点技能：分享短语、随机参数 派友们，新的一年里必须突破一下了！等啥呀，抓紧把技能学会然后玩转小游戏！ 原文来自 2016-02-16 小派 Epub360公众微信 http://dwz.cn/h5games 由于站酷没有超链接，所以此文删掉了相关“教程攻略”，欢迎大家复制上面的原文链接到浏览器打开查看详情。

01455556c6dca632f875520f33df2e.png

010afc5d5d0136a8012187f459ee99.jpg

会销设计

01ee5c59f87b71a801216a4b582559.JPG

国庆h5

毕业设计：2018“乐安灯地”传统文化宣传系列设计＃青春答卷2017＃

漫画在这里不好观看，有兴趣可扫扫或复制链接观看：http://mp.weixin.qq.com/s/ERykr8a-jwgYknVu_o36NA

0110d0593cd224a8012193a3aff037.png

017fc8598c0336a801215603209921.png

店铺效果

看了这几个中秋H5，我更想家了

微信扫一扫，立即感受 作品在婉转低回的背景音乐Moon River中温情开启， 紧接着一幕幕咔擦咔擦的美景， 让人流连忘返， 也倍感中秋月圆的温暖。 案例就这么多了， 看完后，是不是和小派我一样更想家了呢？ 最后提前祝派友们， 中秋快乐，阖家欢乐！

0144de560b89486ac7251df8bd541d.png

018f065c6e6623a801203d226a5687.png

趣味换装 H5

勿忘国耻，这三个H5让你热血澎湃！

微信扫一扫，立即体验！ 通过趣味小游戏的方式再现抗战历史的思路挺不错的，其中有些设计也很赞，比如开始的gif视频演讲，还有后面的枪击碎屏等。热血小伙伴们，不妨一看！ 看完后，是不是热血澎湃呢？期待转发分享，和小伙伴们一起纪念，前行！

01d0be55f283c26ac7251df8fcf134.png

案例丨静谧，遇见慢生活——后现代风格篇

01f8695ad0d4f8a80121386700e2ff.jpg

“UI薪资计算器”网站完成感悟

“UI薪资计算器”二维码 &lt;br /&gt;&lt;br /&gt; 而这一切对于我个人来说是值得的，这段期间自己经历了一段相对完整的专注期，并克服了从设计到页面开发上的许多以前以为能轻易解决的问题。虽然归根到底其实设计的是一个问卷，但是从字体、跳转页面交互的统一到版面、表情设计都得到了锻炼。&lt;br /&gt;

01a6d059ccd930a801218e1867f244.png

七夕节，让这三支H5伴我入梦乡吧！

微信扫一扫，开启情书！ ”你的一句‘你好’，我就已经开始沦陷。我不聪明，但我知道爱是什么……“ 质朴真挚的感情在SVG路径动画中温馨传递，满满地感动！ 在此七夕佳节之际，不妨也写一份情书给心爱的人吧！ 七夕特刊：夫妻合同，你敢看吗？（5w+）

010c9e55f265e66ac7251df89c6142.png

01bf2c55d5781632f875a132dfda5b.jpg

地产网站设计+H5微信

0138fa5677b9e032f8759f045dfc62.png

H5设计达克宁系列

《那些年，我们眼中的父亲》H5

这是H5动效的二维码，欢迎扫码

017fd65919526da801216a3e721882.PNG

「Epub360首届H5评选活动」十佳H5揭晓

微信扫描二维码，立即感受 极简的设计，360度全景，一股高大上的气息瞬间扑面而至。公司的理念、业务、成功案例等也简洁明了，“只做设计”微官网很好地向我们传递了：“只做”设计，只做用心设计。 ——“H5案例分享”创始人 付立群 9/10 谷谷的动态模卡 创作者：商聚传媒

0142d5577e1d740000018c1bb30042.png

017cf65a5dadf5a8012113c75d15d0.png

h5小游戏

[可扫描上方二维码进入h5页面查看］