腾讯新闻:画出2020年运势

2019-12-28 H5案例分享 H5案例分享
腾讯新闻:画出2020年运势


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

识别图中二维码

画出2020年运势-查阅二维码

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


案例:画出2020年运势

品牌:腾讯新闻

技术实现: canvas

亮点:

  1. 创意定位

腾讯新闻在2020年之际表达对新年的美好祝愿,画个圆圈生成祝福海报的作品。

 

  1. 策划逻辑

加载完毕后,界面底部渐渐出现许多手绘的莲花等图案,一双握笔姿势的手从中伸出,界面上移后一个红点出现,根据提示沿着红点周围的红线画个圈,画好后可选择确定或重新绘制,确定后海报出现,包括用户名,一个新年运势词(蒸蒸日上等)和新的一年会生活中会发生的三件好事,财运旺,交到好运,升职加薪等,用户可保存海报或分享作品。

 

  1. 设计上

作品十分简单,粉色底色,所有字体和图案都是细细的红色线条样式,很有中国传统风格的感觉,画圈时周围的线条会一起转动,营造斗转星移好运驾到的氛围。

 

  1. 交互上

用户所绘制的圆必须是封闭的,如果不是闭环作品会提醒重新绘制。





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

腾讯视频:2019我的鹅作剧

腾讯游戏:误入桃花岛

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~