缺乏激情？那跟随这三支H5燃起来

微信扫描二维码，立即感受 76岁高龄的“篮球奶奶”，还有残疾人等都坚持运动，积极生活，我们年轻人还有什么理由不坚持运动积极拼搏呢？ 喜欢作品里的正能量故事，作品里页面过渡、动效设计等也很赞，比如通过一个篮球的“秒传”，巧妙地将“篮球奶奶”页过渡到科比页，科比的三分投篮还有后面刘翔冲刺动画都很有冲击力。 生活没有激情，那跟咸鱼有什么区别？新的一周又开始了，让我们跟随这三支H5燃起来吧~

01ea6a571dcbc532f875a399f3a94e.png

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

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

01be96567f63266ac7251bb619383e.png

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

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

01455556c6dca632f875520f33df2e.png

01ee5c59f87b71a801216a4b582559.JPG

国庆h5

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

017c2458510f0ba801219c77fece78.png

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

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

0110d0593cd224a8012193a3aff037.png

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

01155059943a0f00000021296a90ec.png

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

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

01a78b573ec37032f8757cb9c40580.png

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

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

01c0945642fabb6ac7259e0fb7b637.png

017fc8598c0336a801215603209921.png

店铺效果

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

010bc05a94ce8ea801219231778052.png

01ecfa5831b722a801219c77308136.png

无人机之小交互

01c0f95672223c32f8759f04dc2a5c.png

家居介绍H5

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

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

0142d5577e1d740000018c1bb30042.png

微信扫一扫，立即开始体验！ 人家76岁高龄的“篮球奶奶”，还有残疾人等都坚持运动，积极生活，我们年轻人还有什么理由不坚持运动积极拼搏。运动不仅给我们身体健康，更给我们精神上力量！生命不息，运动不止！ 剪报（一） 设计师：Mr.u

010bfa5642fa9032f87512f66cc1ed.png

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

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

01a6d059ccd930a801218e1867f244.png

0151095a2f3fcda80121db80faa433.png

茶 中国风

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

0141d456e123d96ac72531cbe2169b.png

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

0196565b5dc7d4a801215c8f3b221b.png

蚁创教育APP(部分）

看了这三支H5婚礼请柬，被虐哭了

微信扫描二维码，立即感受 新人随着留声机的开启浪漫走来 两人的爱情故事在视差长页中静静诉说 一句 Stand by me 没有刻意承诺 却足够深情 特色技能：Layer容器 / Layer 刘先生和吴小姐的爱情故事 创作者：元小望、超人不会飞

016d44573ed71432f8757cb962e792.png

0182fd5b232910a80121bbeccd49c4.jpeg

世界杯懂球帝h5

他们做了份H5简历，然后，HR就主动“勾搭”他们了！

微信扫描二维码，立即欣赏佳作！ 这绝逼是个文艺清新的汉纸！据作者蓝饺子透露：这份简历是他初学Epub360操作实验所做。刚发布官网便加精了，之后便有很多需求方找上他，他还打趣说用Epub360创作H5说不定是他以后的饭碗呢！ 亮点技能：碰撞检测、SVG路径动画 4/5 我的世界（简历） 设计师：柠檬干

01d1ba56d92a026ac7252ce6424cfd.png

一分钟让你看懂iPhone6s，内含3D Touch体验！

微信扫一扫，立即体验！ 对，没错，就是“科技届的刘翔”王自如。 iPhone6s预测的很准不说，里面的设计也很赞，小派觉得后半部分把它作为iPhone6s官方产品介绍H5也不为过。 苹果 3D Touch功能提前体验版 设计师：领英 Moore.Zhang

01765e55f2891b6ac7251df82590d4.png

01d50f5f83bfef11013e458457195e.png

H5小动画

0149665bc5f6f8a801213dea6a9b9d.png

公司上线作品

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

01e591567ca7e232f8759f047d46d3.jpg

公司年报H5页面

017cf65a5dadf5a8012113c75d15d0.png

h5小游戏

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

微信识别二维码，立即感受 不同于每逢春节的煽情鸡汤，《今日头条》这支H5以大数据辅以优质精简的文案与画面，用3.5亿人创造出的事实温暖人心。 除了其它元素，数据图表本身很多是趋势图，如果能用上优雅极简的动画，一是能抓住眼球，另一方面也能直观表现趋势。 说到动画，不得不提一下我们Epub360_SVG描绘动画，可以说是数据展示的绝配。3月22日，美晨互动将在我们Epub360线上公开课教大家制作H5里常用的数据呈现动画，欢迎大家报名参加。 3.交互 星巴克：玛奇朵学校

0178c056eba92f6ac7257d20805f0b.png

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

微信扫一扫，立即体验！ 小游戏设计的很精致，总体上还算流畅。还有排行榜，小伙伴们，赶快进入一决高下吧！ 抗战70周年纪念--系列 设计师：小鸡科技黑神