网易新闻+哒哒:这是成年人不敢打开的童年
案例:这是成年人不敢打开的童年
出品:网易新闻+哒哒
制作:网易沸点工作室
亮点:
- 策划上,一镜到底+黑白漫画。Loading完毕,首页“轻轻滑向童年”提示上下滑动屏幕,用户向上滑动屏幕,会出现若干个圆环,这些圆环随着上滑,会慢慢变形并汇聚最后变为一个篮球,镜头随篮球移动,球会在《灌篮高手》的各个角色之间传递。最终篮球放大至结尾页出现。结尾页是内容所展示漫画的名字与经典语录,并附上了作者。点击屏幕下方的按钮可以追忆下一个漫画。案例中包括《灌篮高手》在内,还挑选了一些经典的漫画,《名侦探柯南》、《哆啦A梦》、《火影忍者》、《美少女战士》,一共5部。
- 设计上,是最近很流行的黑白漫画风格,只是这次的漫画元素都是大家熟悉的、经典的那些漫画,不是纯黑纯白,而是不同深浅的灰,这使得画面看上去没有美漫那么硬,风格也会更贴合日漫原题材。每部漫画都是上滑前行,下滑倒退,画面都采取了一镜到底的展现形式,但是每个都有各自不同的视觉效果,或放大或平移或旋转。在追忆每部漫画时,背景都放着对应漫画的BGM,大大增强了案例的代入感。
- 体验上,“我的童年,是一段永远不会结束的回忆”,开篇便引导进入“童年”和“回忆”的主题,虽然是个很简单的引导,但文案和节日的结合,一开始就能让人产生强烈的情感共鸣。虽然都是一镜到底,但视觉效果的不同,因此也不用担心会产生审美疲劳。接下来是强迫症小编的挑刺环节,第三篇的最后,漫画名应该是《哆啦A梦》,而不是《多拉A梦》,好了挑刺环节结束。总的来说,小编感觉这支H5做得很赞,很喜欢。祝所有人儿童节快乐!
技术实现: THREE.js + jQuery
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号