腾讯新闻 X 新华社 X 新华国际：我要发贺电

2017-11-08 H5案例分享 H5案例分享

案例：我要发贺电

出品：腾讯新闻 X 新华社 X 新华国际

亮点：

策划上，图片生成类。这是由腾讯新闻、新华社和新华国际三者联手在十九大召开之际所打造的一款h5。① 首屏，映入用户眼前的是一份贺电：“热烈祝贺习近平当选中共中央总书记”，贺电的下方记录着贺电的数目。② 点击“我要发贺电”按钮跳转到发贺电界面。用户通过选择自己喜欢的贺电语言，进行发送。③ 尾屏，生成贺电图片，用户可通过长按屏幕进行保存，也可通过分享二维码进行分享，还可以点击“再发一次”按钮，进行重新选择发送。
设计上，中国风风格。① 红色与金黄色是主要色彩基调。② 用红色作为背景色，用金黄色进行渲染，红黄搭配，中国风十足。
技术上，贺电语言选择中的屏幕滑动操作采用Touch.js技术进行实现。

技术实现： Zepto + Touch.js

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

识别图中二维码

我要发贺电 -查阅二维码

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

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

标签