SIGMA：这是一个关于你的故事
案例：这是一个关于你的故事
出品：SIGMA
亮点：
- 策划上，一镜到底的展现形式。最佳观看方式是先锁屏再横屏。Loading完毕进入页面，便出现白底黑字“这是一个关于你的故事”，同时提示用户交互方式，左右滑动屏幕查看内容。画面是静态的黑白漫画，偶有文字，画面会随着用户左右滑动而移动来讲述故事，并且从头至尾没有断开，一个镜头到底。故事内容简单概括就是，一个加班狗因工作，每天睡不够，过度劳累，身体每况愈下，最终猝死的故事（小编其实没看出来他是不是真死了…）展示完毕，列出每年猝死的人数，猝死率最高的职业，最后总结：清明节，不该成为你的节日。尾页点击按钮可以再看一遍。
- 设计上，黑白版画风格，情绪基调比较压抑，随着画面变换，会有不同的场景或元素的音效淡入或淡出。画面内容十分丰富，人物角色的造型设计也符合“加班狗”这个设定，体现了设计师优秀的造型能力。案例中的各类过度都十分自然，画面元素不同速率移动而产生的画面效果也非常好看，有微微的远近立体感。
- 体验上，气氛非常压抑的一支H5，但恰恰因为这种压抑，给人的触动就非常大。这个从头到尾充满负能量元素，悲凉空旷的背景音乐，应景的元素音效，黑白画风，情绪黯淡的文字，甚至最后的总结，整体给人很大的震撼。与平时的正能量公益号召不同，它没有说一定要爱惜自己的身体，而是告诉你，如果你不爱惜身体劳逸结合，那么你有一天这可能就是你的故事。小编觉得真的很震撼很细腻，很喜欢，只要不是浮躁着急体验的人，看完它多多少少都会被戳到。
技术实现： jQuery + CreateJS + TweenMax(动画框架)
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
