SKII 丝芙兰：宇宙最时髦生物｜你看不出她的年龄，甚至会怀疑她的性别

2016-12-14 H5案例分享 H5案例分享

案例：宇宙最时髦生物｜你看不出她的年龄，甚至会怀疑她的性别

出品：SKII 丝芙兰

亮点：

策划上，图文+视频类，前段为图文浏览，后续为视频播放；点击时有水墨融于水的感觉；在整体取材时选择的为《奇异博士》里古一大师扮演者的蒂尔达·斯文顿，用其个人人生阅历，总结出个人特点，并以此来引出不专心本职工作，还要搞艺术且做的有声有色的除了蒂尔达·斯文顿还有SK-II。
设计上，长图形式，整体设计采用微信文章的样式，里面的图片都和模特拍摄的大片一样，张张精致；点击产生的水波纹效果看起来好有魔幻感。
技术上，点击产生水波纹效果采用的是CreateJS + WebGL来实现的。

技术实现： jQuery + CreateJS + WebGL

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

识别图中二维码

宇宙最时髦生物｜你看不出她的年龄，甚至会怀疑她的性别-查阅二维码

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

标签