09 期
2016.10.10TAG：
专题将背景音乐和视频拆分开来，分别播放。这样在视频暂停让用户做出选择的时候，背景音乐也不会因为视频暂停而停止，不会影响到整体氛围，是不错的做法。
以视频为主的专题，充分考虑了视频播放的兼容性，特别是在IOS系统上，做到了原生浏览器safari上视频不顶置播放，不过最好能做下区分，毕竟正常播放video的性能是最好的。
不过如果能根据不同的选择，播放更多不同的视频组合，那就更精彩了。
编辑：雅菲、K米、权妈
查看案例TAG：
抽出品牌的关键字来做文章，整体氛围营造神秘合理，但体验较为平淡，若增加些起伏节奏感体验会更出彩。
相对视频，在H5上序列帧这样的传统方式更为保险，很少出现兼容问题。类似这样前期视频处理，后期导出关键序列帧搭配CSS3动画的方式，即节省页面容量，也保证了兼容性和效果展示。
相比canvas，css3在动画表现上更为细腻，顺畅。
编辑：雅菲、K米、权妈
查看案例TAG：
创意不错，促生好奇心愿意往下看。或许可以尝试非严肃的方法来传递正能量也许别有一番滋味呢
利用陀螺仪来检测手机是否移动，过程中各种诱惑，不错的创意，虽然之前已经有类似的专题用过这个创意了，但是这次整体画风和效果更炫丽一些。
中间倒计时的那个时钟是一堆DOM生成的，我在想是不是可以考虑用遮罩或者裁剪属性来做会更好一点？
创意点不错，但是没有考虑到大部分手机默认锁屏时间为30秒，在挑战一分钟的过程中就锁屏中断了。
编辑：雅菲、K米、权妈
查看案例TAG：
视频后的滑动手势慢慢展示产品的特征创意不多，若减少一些特性展示，或者改变滑动轨迹体验更佳，目前滑到后面有些重复疲惫。
开头播放视频没有做兼容性处理，部分iOS微信下会出现全屏顶置情况。
视频结束后通过不断的向下滑动屏幕，根据划动的距离，将不同的图片层叠交错展示，动感十足！
编辑：雅菲、K米、权妈
查看案例TAG：
仿大数据类H5，插画的风格和007的硬派结合产生一种反差萌感，吸引眼球。
数据分析类专题，在技术上比较传统，用到的都是常用的CSS3属性，但好在整体氛围足够浓烈。另外，音乐为啥只循环一次？
编辑：雅菲、K米、权妈
查看案例TAG：
时尚的黑黄色系彰显年轻范儿，小动画和真人照片结合让画面更生动有趣，符合现代年轻潮流审美。绘画成本和拍摄需需要在进行前留有充足时间。
专题采用了分段加载。首次loading其实只loading了部分资源，有些资源甚至不提前载入，在进入页面时才会触发加载，为用户节省了流量。
人物界面的转场略生硬，有一个过渡动画会好很多。
整体布局采用了固定的宽高比，虽然可以完美展示画面内容，但是也难免会在部分机型导致留白的出现，还是比较建议用类似cover的方式来处理布局问题。
背景音乐好洗脑，哈哈~
编辑：雅菲、K米、权妈
查看案例TAG：
用仿真环境还原现场，有身临其境的感觉，画面的精细度其实可以做的更精细些。
整个专题看完，需要耗费近90MB流量！=。=# 虽然制作精美，但这流量耗费也太恐怖了！ 其实一些过长动画完全可以用视频来代替的，这样导出超多序列帧，太占体积。
在视频的兼容性上做了处理，3D场景和视频之间的衔接也做得不错；不足的是一开始的竖屏和横屏之前的切换，用户成本很高。
编辑：雅菲、K米、权妈
查看案例TAG：
趣味的教学答题模式，通过答题来了解产品内容，十分有趣。插画的风格让主题变得更加轻松可爱，在视觉细节的处理上再细致一些会更有看点。
建议一开始建议做成强制横屏模式，否则用户成本很高。
类似密室逃脱一样的场景，通过选择不同的物件来进行答题评分，过程中学到知识，但场景的切换和弹出层的弹出效果略生硬，如果能做一些动画效果会好很多。
另外，片尾动画做的真是有趣活泼，但请在WIFI下观看，容量真的很大！
编辑：雅菲、K米、权妈
查看案例TAG：
将所有商品用窥探其他人脑洞的方式来展现，呈现有创意，涂鸦风格插画更加轻松不羁，但画面的文案和图片有些过小，阅读有困难。
在用户体验上做了强制横屏，这点很好。但这个横屏体验还可以再优化，优化到无论用户是否锁屏，都可以完美支持。
通过陀螺仪+屏幕旋转检测的方式来解决这个横屏问题，这样两种搭配以后，用户无论是否解锁屏幕旋转，只要用户横屏手机，都可以检测得到。然后再通过对应的兼容代码修改布局（主要是微信下顶部黑条）即可。
编辑：雅菲、K米、权妈
查看案例TAG：
整体画面转换没有切屏感，像在一张大桌子上完成，体验非常流畅，内容简明扼要，画面用实拍体现食材的新鲜近在眼前，结合了小动画点睛恰到好处。精美的ui设计也为画面加分不少。
流畅的体验，到位的信息传递。专题主要以3转2的形式（3D渲染，后期导出2D序列帧）的技术形式进行动画表现。但有一些太过于依赖序列帧，其实每一页的黑板翻转效果是可以通过代码来实现的。
另外很有亮点的是这个专题刚开始并没有马上展示loading界面，而是先出现一个封面，后台默默loading，当用户看完封面的信息后，loading可能也完成了，这时候用户点击按钮进入下一页，就不会出现loading界面，真是无比顺滑！
创意形式非常好，整个流程下来，让用户非常直观的了解麦当劳汉堡的成分和生产过程；不过两个场景的切换用平移会比较耗cpu，部分中低端设备在切换的时候会有较为明显卡顿。
编辑：雅菲、K米、权妈
查看案例TAG：
爱消除的小游戏，柔软的色系体现品牌调性，把品牌名称植入到消除的元素内，让用户在体验中对品牌产生印象。
物理碰撞的技术应用，但我觉得假如在设计和创意上有比较好的想法，效果会好很多。
编辑：雅菲、K米、权妈
查看案例TAG：
简洁的设计还原处方单的质感，有趣的是结合了现代人的一些管不住习惯，产生共鸣，不过引导有点弱，就是不停点击查看下一张，互动或者指引可以做的更丰富些。
通过机器人阅读中文的方式阅读“处方”，极具魔性，让人忍不住一直点下去。数了一下，貌似有94份语音包随机播放。
整体创意很好，落地页触达率应该很高。
编辑：雅菲、K米、权妈
查看案例TAG：
还原真实打车界面，有节奏的进入主题不拖沓，全程用图标来展现对话，用故事的形式新产品应用环境，非常直观有趣。
使用canvas标签，在动画上用序列帧实现视频效果，规避了video播放的兼容问题，但在部分低端设备上会出现丢帧现象。
在想如果雨水和路面等一些信息单独拆分出序列帧，是不是可以节省更多容量并循环出更久的动画时长……
编辑：雅菲、K米、权妈
查看案例
创意设计 4分
以第一视角拍摄的视频来跟屏幕外的用户做互动，非常身临其境是个不错的体验。小交互的体验增加了用户专属感，整体气氛调动良好，逗趣的引出产品方式让人产生好感。