10 期
2017.04.17TAG：
基于视频的揭秘类H5，视频过场动画全部使用真实视频呈现，整个H5构成了一个交互式微电影。电话中的音频密码和颜色数字都采用随机的方式呈现，避免重复。
融入了付费机制，该H5还有不少细节方面的体现，由于解密耗时较长，考虑到用户有可能误点了左上角[返回]按钮，添加了防用户误操作功能，在用户点击[返回]按钮的时候，会出现再次确认步骤。
编辑：雅菲、K米、权妈
查看案例TAG：
一整首rap贯穿整个h5，画风轻松有趣。节奏整体2分多钟有些长，如果能更精简一些会更好。
歌曲真是好听又洗脑，赞一记！但是2分多钟的视频加上一个“跳过”按钮是否更好一点，这样也好方便没什么耐心的用户。
视频底下有靠底的旁白，旁白文案的位置没有完全适配，在iOS手Q下会显示不全，得多考虑视频的安全区域问题，旁白位置再往上提。
编辑：雅菲、K米、权妈
查看案例TAG：
视觉效果简约大气，字体设计是亮点，如果能将品牌特色融入到每一个关键词中也许会很有趣。
传统DOM动画与Canvas动画的结合，每一关都是一个随机的交互小游戏，效果赞！
编辑：雅菲、K米、权妈
查看案例TAG：
矢量插画风格最大程度减小文件包大小提高了页面加载速度，手指移动来观察人物身边的环境，抓住了用户了好奇心，十分有趣的体验。
动画制作使用flash编辑器，依赖于createjs库，总体创意挺不错。
大部分图层都分类合成了“雪碧图”，人物的图层分拆也很好的减少了动画的体积；但在图片资源上还有较大压缩空间，图片的压缩有利于提高网站的加载速度和动画播放流畅性。
编辑：雅菲、K米、权妈
查看案例TAG：
答题的交互体验有点单一，画风简洁，城市的切入点能引起用户产生共鸣，在答题操作的过程中如果多加一些小彩蛋的话可能会更加分。
音频做了分段按需加载，避免了用户第一次进入页面时加载过多资源。
建议对图片资源打包成雪碧图，另外gif图偏大，这样单色的序列帧如果采用png8是否会体积更小？
编辑：雅菲、K米、权妈
查看案例TAG：
简约理性的手绘剪影风格让科技主题更添趣味文艺气质，对科技进化讲述的有点沉长，若能提炼要点拉快节奏会更带感。
前半部分场动画基于createjs来制作动画,落地页基于threejs来做3D全景;但动画部分雪碧图还有压缩空间,大约可以减少20%,依次来提高加载速度和动画流畅度;
编辑：雅菲、K米、权妈
查看案例TAG：
写实风格插画营造了复古感贴合主题。
金立品牌H5，基于three.js的一镜到底穿梭效果。
编辑：雅菲、K米、权妈
查看案例TAG：
将手机作为第一人称的画面，角度十分有趣，突破了千篇一律抢红包直叙方式。
移动端视频类H5，中间通过一个点击互动，衔接两段视频。
video在iOS下没有考虑兼容除微信和手Q以外的浏览器，在系统浏览器下无法正常播放。
编辑：雅菲、K米、权妈
查看案例TAG：
用户自己绘制主角进行冒险，增加了用户代入感，让人想要一探究竟。
基于pixi.js，长动画融入了用户自己创作的元素，极大增强了互动趣味性。
编辑：雅菲、K米、权妈
查看案例TAG：
在页面内容多的情况下，用矢量画是最好的选择，基本用色明亮凸显活泼时尚，配合小动画生动有趣。
由于17天需要每天都用不同的动画表现，所以序列帧非常之多。开发者分成了两个部分，第一部分是引导页，作为每一天的预览，点击进入后通过跳页的方式进入到具体的页面。这样的方式避免了一次让用户加载过多的动画素材，同时也利于后期维护。
但人物动作使用序列帧，还不是比较优化的方案，建议拆分人物肢体，再做骨骼动画，这样会较少图片资源大小。
编辑：雅菲、K米、权妈
查看案例TAG：
高饱和高对比的画面呈现猎奇有趣，将3c产品比喻成“鸡”切入点有趣。
中间使用SVG线条绘制的“鸡”是亮点。
编辑：雅菲、K米、权妈
查看案例TAG：
颜色使用了lego和uniqlo的红黄色系，营造品牌感，不过我想说6种不同方式拼的鸭子差异并不大...
背景音乐是循环音乐，和动画内容并无关联，如果整个动画使用视频而不是序列帧，通过暂停/播放的方式来做中间的简单交互，体积是不是会更小？
动画部分是用序列帧来完成，也合成了雪碧图，但雪碧图还有大约50%的压缩空间。
编辑：雅菲、K米、权妈
查看案例
创意设计 5分
真人拍摄类解谜H5，还原房间解谜游戏场景，代入感强烈，操作简单无学习成本降低了流失率，交互节点逐步解开符合手机交互规范。剧情场景布置上乘。