美文网首页
腾讯云:Coding您的新春贺卡

腾讯云:Coding您的新春贺卡

作者: H5案例分享 | 来源:发表于2020-01-23 13:59 被阅读0次

案例:Coding您的新春贺卡

品牌:腾讯云

技术实现: polyfill + html2canvas

亮点:

1、创意定位

腾讯云推出的定制新年贺卡的作品,用户群偏向开发者,自行搭配背景,内容和模板,生成海报后发给朋友,在新年发送有自己名字的专属贺卡,避免与他人雷同,表达个性化祝福。

2、策划逻辑

加载完毕后是标题界面,标题下会滚动出现祝福语,点击信封上的“制作贺卡”进入定制页面,点击下方触点打开子菜单,选择语言,祝福语,模板,最后输入自己的名字,生成海报,海报包括刚才搭配好的效果图,“2020腾讯云与您同行”的宣传语,和作品二维码,用户可选择“再来一张”,或点击登录腾讯云领取代金券。

3、设计上

界面背景为深色,简单显眼的祝福词,细小的代码语做背景,符合腾讯云的数字化品牌属性,模板设计的颜色样式各异,切换查看时视觉上很有美感。

4、交互上

贺卡所有元素均在同一界面选择,用户可反复切换祝福语和模板查看搭配效果,供选样式很多,模板风格多样,可制作出不同色系的贺卡。

相关文章

网友评论

      本文标题:腾讯云:Coding您的新春贺卡

      本文链接:https://www.haomeiwen.com/subject/zrsnzctx.html