MOBILE - 优秀案例赏析

创意设计 4分

技术实现 4.5分

像翻看漫画书一样的体验开篇独具一格，用神秘又趣味的剧情铺垫引导用户一步一步往下走，生动有趣，题目诙谐搞笑增加了整体的趣味性。

专题采用了分段加载的方式为提升用户打开页面的速度，不必loading太久。同时为专题采用“雪碧图”的方式减少了大量图片请求，减缓了服务器压力。

创意设计 4分

技术实现 4分

把“微信购物”产品说明软性植入到一周年活动内，潜移默化增强了品牌感，同时用精准的小动画描述代替空乏的纯文案描述，让产品属性更加一目了然。

创意设计 4.5分

技术实现 4分

运用了手机端的位移视差效果，结合黑白线条的风格插画不仅视觉别具风格且大大减少图片包大小。真实风格产品和矢量背景拉开了层次，展馆黑白化后更好的突出了主题产品和彩色画幅。

专题绝大部分采用黑白线条，大幅减少了图片体积，通过缩放、旋转、位移等常见动画形式来做出动画效果，用户在逛美术馆的时候可以和墙上的笔画互动，期间还有一个锁住的门需要玩家去找钥匙打开（其实一直往右也能进到那个门里），很有趣的互动专题！

创意设计 4.5分

技术实现 5分

精致的视觉插画装扮整体画面，让原本枯燥无味的招聘站变得富有故事性和趣味感，让用户对内容产生好奇更容易阅读。恰到好处的小动画让画面更加精致。

以Canvas来表现的强动画形式专题，制作方式应该是在Flash中制作后期转制成Canvas再放到网页中。动画精细，图片也不少，专题在每一次切换职位时做了分段加载，减少了用户首次打开专题所等待的时间。

创意设计 5分

技术实现 3.5分

W出品，干净简洁的背景减少了文件包大小提升加载速度，主体物用循环小动画制造出科技感让画面更加生动增强代入感。文艺走心的文案最后结合产品渲染了品牌高端氛围符合产品属性。

和W往常的作品一样，大量的图片帧组成炫丽的视觉效果，出彩的音乐让在听觉上再次加分，在代码上面则是常见的位移、形变等。

创意设计 4分

技术实现 4分

高饱和的配色搭配深色夜空让画面年轻而不低龄。整体画面渲染一种在夜空中身临其境的感受，搭配手机端的互动操作，让用户体验更流畅好玩。

创意设计 4.5分

技术实现 3.5分

W的作品，全篇用一个人物大头作为可复用背景，减少了文件包大小、画面中每一屏人物的大脑位置画面产生变化来凸显主题“联想”。整体插画颜色饱和度低，使用较少的颜色让画面更加复古更具风格。

这次没有采用大量图片逐帧播放，而是直接采用了gif动画，应该也是考虑这次画面更加复杂，gif反而可以减小一些体积的考虑吧。

创意设计 3.5分

技术实现 4.5分

把产品包装成测试智能指数的小测试的形式，搭配可爱轻松的插画激发用户好奇心增加用户参与感，让产品的出现更加有趣。

图片帧类型的专题，动画元素做成“雪碧图”，通过位移来实现动画效果。

因为大量图片均已合并，大幅减少了图片请求，整个专题只有不到100的请求数。

为了提升用户体验，在用户每一次查看问题并作答的思考时间，程序在背后默默加载下一题所需的图片资源，为用户首次进入页面节省了大量时间。

创意设计 5分

技术实现 4分

同样运用了强烈风格的手绘风格，整体给人一种大气不羁的感觉，制作用心，整个专题看起来流畅有趣，符合产品属性。

又是一个体积巨大的专题，30多MB的体积可能都超过不少APP了，所以大家还是WIFI下打开来看吧。

近千张图片组成的图片帧效果（其实可以稍微合并一下的），除了背景音乐外，在不同的触发点有不同的声效。

创意设计 3.5分

技术实现 4分

用户打开页面时有一个授权过程，点击同意后页面拉取到用户头像和昵称，然后在后续的模拟聊天界面和朋友圈界面中显示出来，让人有一种自己好像真的在和小时代的角色们互动一样的感觉，在朋友圈界面可以对信息赞和互动。给用户一种真实体验的感受，趣味十足。

创意设计 4分

技术实现 3.5分

仿佛电影预告片一样的专题，如果在每一次手势动画上加上一些音效，会更赞！

专题使用canvas技术实现，每一张图片配有一个配置json，规定了这张图片的动画方式，不错的实现思路。

创意设计 4分

技术实现 4.5分

整体视觉效果模拟了在宇宙中探索的场景，写实风格配合光影处理让画面更具有真实的科技感。

非常重视效果的专题，猜测是使用Flash制作并转制Canvas。

大量的图片帧图片让请求数达到了400多，但好在图片体积都不大，专题整体只有6MB不到。

制作者在专题加载到1MB左右的时候让用户查看专题，此时页面在默默加载后续的资源，如果用户点击过快，会显示loading，如果用户在点击时已loading完毕，则直接进入，很赞的用户体验！

创意设计 4.5分

技术实现 5分

整体设计成本较小却也不会觉得无趣，把当下的热门关键词“刷脸”和产品结合，用此噱头来引发用户传播，趣味又创新。

把一个简单的上传图片，分享点赞的功能做的如此有趣，也是不容易。

细节很赞，在用户上传图片的时候，使用滤镜效果对用户图片进行马赛克等效果处理，让人觉得仿佛真的在处理自己的照片一样。

分享出去的链接在其他人点进来以后可以为其充值点赞，排行榜靠前的可以获得免单机会。

游戏规则的字体过小，如果放大一些会更好。