12 期
2018.1.16TAG：
页面上的“偷拍一下”是真正的抓取页面上当前人物的那一瞬间定格，并非跳转到一个预先设置的静态画面，挺赞的小细节。
整个H5的动画表现都是以序列帧来实现，还有较大的优化空间，类似旋转、平移、缩放等都可以通过前端逻辑来驱动，没必要都使用序列帧。
编辑：雅菲、K米、权妈
查看案例TAG：
黑白插画风格讨喜有趣，动画活泼魔性，整体大面积白背景下让重点完美呈现。
在 Android 系统下，横评提示无法出现，导致画面变形。
编辑：雅菲、K米、权妈
查看案例TAG：
用画报的风格传达给用户80年代童年的感觉。
H5通过在视频播放过程中融入若干交互操作,增加了趣味性，让用户参与其中。但用户的交互并未对后续的结果产生影响，有点小遗憾。
编辑：雅菲、K米、权妈
查看案例TAG：
整体ui还原了最初的计算机样式，代入感强。结合了经典游戏桥段让人想玩下去。
整体风格浓浓的怀旧风，页面资源做了按需加载，但一些图片还有压缩空间。片尾视频做了很好的横评适应，前面的问答环节其实也可以做成强制竖屏，体验会更好。
首尾的1987年怀旧风格貌似跟中间插播的视频风格不太搭，要是能有个过渡环节就好一些。
编辑：雅菲、K米、权妈
查看案例TAG：
将有趣的新闻内容用漫画的方式展现，用解谜的方式串联，增加了了趣味性。
页面资源有20多MB，采用了分段加载的方式，首先加载一部分供用户进入界面，然后再默默的加载后续资源。页面做了强制横屏的适配，可以省掉横屏提示的功能。为落地页的logo单独做了定位，避免不同尺寸屏幕logo被遮挡。
看到有 DragonBones 关键字，但整站浏览下来，貌似没有用到它的功能，动画表现主要以序列帧动画为主，且主要图片资源都花费在场景过度上面，假如能用其他动画表现方式，会减少很多图片资源和网络请求。
编辑：雅菲、K米、权妈
查看案例TAG：
精致的画风非常吸引眼球，看到了大大的插画工作量，弊端是整个文件包较大，如果在体验过程中不被突然要求横屏观看感觉更顺畅。
约1400张图片的序列帧大餐。序列帧在交互性较强的H5上面有很大优势，方便控制，可以做出灵活多变的交互效果。
将部分图片资源转换成 base64 存放起来，比如在 loading 完成之后的弹窗介绍，里面有人物的对话，这里就不需要用全屏的 png 图片来播放，大可拆分成小图片来实现。希望能在还原动画效果和资源加载优化中做下权衡。
编辑：雅菲、K米、权妈
查看案例TAG：
文字的动画节奏感和文案本身传递内容十分贴切巧妙。
基于主流 3D 引擎 Threejs，简易版的 2D 横版通过游戏，用文字来生成移动的道路，用户可以通过长按和点击来实现移动和跳跃，但是有一点不足是，总体感觉利用到3D引擎的好像不多。
编辑：雅菲、K米、权妈
查看案例
创意设计 4分
插画风格非常细腻，UI小而精致，将复古的元素配以幽默诙谐的动画呈现十分抓眼球。