MEO：一个人人都能读懂的故事

2017-07-13 H5案例分享 H5案例分享

案例演示，请长按/扫描以下二维码 ->

识别图中二维码

一个人人都能读懂的故事-查阅二维码

案例：一个人人都能读懂的故事

出品：MEO

亮点：

策划上，以动画的形式，讲述一对夫妻寻常一天的故事。夫妻俩都有各自的工作，早出晚归，彼此相爱，却只有工作之余才能见到面，并且这种生活在日复一日地循环着。从妻子早晨起床开始，到晚上夫妻躺在床上，一天结束，并继续循环。故事的“第一天”，从早到晚没有一句文案，从“第二天”起，会有人物内心想法以文字形式浮现。“白天”，夫妻的生活需要用户滑动屏幕来切换观看，到了“晚上”准备回家时，则开始同步播放。

设计上，插画风格，画风和色调略昏暗，剧情和背景音乐，将整体气氛渲染得有点压抑。画面中细节非常多，场景中游动的生物，漂浮的石块，浮动的水草...仿佛是在暗示些什么，但是“一千个人眼里，有一千个哈姆雷特”，具体怎么理解，最终还是要看读者自己。夫妻生活分屏并切换播放，最终却同步，并且将画面很巧妙的合在一起，看得出设计非常用心。

体验上，小编很久很久没有见过这样的H5了，没有结局，没有观点抒发，只是把现实中某个特定人群，再寻常不过的一天摆出来，让读者自己去感悟。夫妻俩彼此相爱，彼此挂念着对方，但不得不去面对，都市忙碌的工作生活，彼此陪伴的时间少得可怜，可这样的生活，在大多数这个年龄段的人群中，好像又是无法逃离的现实。

技术实现： CreateJS + TweenMax(动画框架) + Zepto

以上为“H5案例分享”团队原创文章，转载请注明出处！

标签