知乎：换头像，为中国加油

2020-01-30 H5案例分享 H5案例分享

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

识别图中二维码

换头像，为中国加油-查阅二维码

完整欣赏此案例大约需要20秒

案例：换头像，为中国加油

品牌：知乎

技术实现： JavaScript + canvas

亮点：

1、创意定位

知乎出品的H5，更好新头像，为中国加油。洞察人们希望为武汉加油的情绪。横幅文案从加油，春节等角度进行撰写。

2、策划上

登录后自动获取用户微信头像，一共10个为武汉和中国加油的新头像图标，在头像上方可以看到有多少人为中国加油。点击生成“生成新头像为中国加油”按钮，生成头像后，点击“保存头像到相册”按钮后，弹出合成后的新头像弹出层；下面还有知乎上疫情的情况。

3、设计上

红色为主色调，扁平风格。

4、体验上

生成新头像，为祖国和武汉加油，一份小小的心意。

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

标签