九派新闻：你有一份年终奖待领取！听说今年的年终奖有这么多......
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例：你有一份年终奖待领取！听说今年的年终奖有这么多......
出品：九派新闻
亮点：
- 策划上，测试类。Loading结束，进入主页面。首先输入姓名、选择职业，点击“赶快算算”，进入下一页面。该页面模拟计算机功能，数字键变化为与职业相关的形容词，将各项做加法，点击“=”按钮，进入最后一页。生成一张个人年终特辑，其中包括个人称号、职业大数据、年终奖等内容，页面下方有两个按钮，“重新计算”和“炫耀一下”。
- 设计上，采用红色和白色为主色调，统计页面模拟计算机，而且实现了计算机加法、清除、等于键功能，年终特辑，是报纸的形式，且整体呈现为卡通风格，活泼有趣。
- 交互上，用户需要输入姓名、选择性别，计算机页面也需要户操作，用户一直参与其中。
- 体验上，小五体验过后，感觉这个H5还是比较有意思，虽然很简单，但是模拟计算机这一处理很有亮点。贴合年终的亮点，产生海报，计算器的方式，算出年终奖。小五体验时发现，姓名的填写，无论英文字母，还是汉字，最多输入4个。
技术实现： js+html2canvas.js
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
