MOBILE - 优秀案例赏析

创意设计 4分

简洁时尚的首页和落地页设计，扁平的插画风格很好的衬托吴亦凡真人素材，运用手机陀螺仪达到与用户全景面对面场景，拟真效果酷炫流畅。

技术实现 4分

全景Canvas嵌入MP4视频，再配合陀螺仪达成了最终的手持全景效果。

不过最终分数并没有实时严格计算，不信你把手机放那不动，最终得分仍是90%。

创意设计 4分

高饱和度的插画风格搭配陀螺仪视差进出场动作，效果十分抢眼，绘画工作量略高需要充足的时间来达到如此风格统一化。

技术实现 4分

动画场景的切换很严谨的使用了“准备 - 执行 - 退场”的步骤，通过使用不同的class来控制不同的步骤。

创意设计 3分

简洁的全文字排版来凸显极富情感的文案，巧妙的小动画演绎传达文案喻意同时增添趣味，文字的力量无限大~

技术实现 2分

逐帧动画的字体和与其搭配的音效让专题品质大大提升。如果去掉这两者，整个页面就会像一个编辑器生成的流水线作品一样。

创意设计 3分

全像素风格高还原马里奥童年游戏，讨巧亲切，游戏玩法延续，把产品信息融入到玩的过程中，即打感情牌也十分有趣想玩下去。

技术实现 5分

使用cocos2d制作的一款网页版超级马里奥，在音效和操作上都有着超高还原度。 游戏过程体验了乐趣，也看完了广告……

创意设计 4分

仿真的聊天窗口界面，不同的是进入页面后，操作少一气呵成，降低操作门槛减少流失率。

技术实现 3分

真假的完美切换，其实从从李易峰拿出薯片开始，往后一直播放的都是视频，而不是页面动画，但视频当中的背景依旧是聊天窗口，且过程中还有“再次播放视频”的动作，让用户误以为仍处于聊天窗口的页面中。

这样的做法可以极大的降低页面制作成本以及避免兼容问题，是不错的解决方案。

创意设计 5分

运用手机“缩放”的指令，来串联整个故事的时间轴，将过去的画面与现状同时完美呈现，可爱又有趣~具亲和力的插画风格与主题贴合。

技术实现 分

很有趣的“无限缩放”表现形式。

实现原理是用户在“捏”的时候将当前场景替换为一张静态图，此时上一个场景的画面已经以静态图的形式存放在这张图片上了。而不是真正的所处超高分辨率的整个页面，那样成本会非常高。

创意设计 4分

童趣的扁平插画风格减少了页面体积包，用小动画演绎出2小时到家前的小举动，点出闪电快送主旨，清晰直观。

技术实现 2分

为了减小体积，使用了简单的结构关系，并且将动画原件拆分出来，同时使用了按需加载技术。

创意设计 2分

运用人的好奇心，模拟出在线占卜的聊天界面，虽然最终结果笔记扯，但是一句句的萌妹子式问题让人忍不住想看后面会发生什么。

技术实现 5分

使用决策树的分类的方式来不断向正确答案靠近。

H5的制作难点不在界面，而在背后的大数据技术和逻辑运算。

创意设计 4分

肌肉男的身体做为画面内容承载，大胆而博人眼球。

技术实现 1分

全是逐帧动画，在前端实现上没什么难度。视频拍摄和后期制作占主要内容。

创意设计 3分

真实还原大家熟知的手机界面，趣味动画调侃app，小动画很传神，如果对话框等ui小细节再精致些更吸引人。

技术实现 4分

有趣的调侃各个APP，亮点在APP的动画是用3D渲染的，然后在导出为逐帧，流畅度和精细度都很赞。

创意设计 2分

结合热门年关话题，用趣味小游戏给父母长脸，画风可爱喜庆切合主题，整个体验到落版页十分精简促进触达率，弱在过程中多加一些恶搞的环节也许更有趣。

技术实现 3分

长脸是把头的上半部分和下部分拆分出来，然后不断延长中间部分并缩小整体做到的。