网易：轰炸朋友圈的九个字

2018-04-02 H5案例分享 H5案例分享

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

识别图中二维码

轰炸朋友圈的九个字-查阅二维码

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

案例：轰炸朋友圈的九个字

出品：网易

亮点：

策划上，这是为网易态度日历小程序推出的H5。内容比较简单，进入后，首先输入九个字；也可以选择输入框右下角的“换一换”按钮，在已提供的九字网络用语中选择。下边有红、黄等六个文字图片背景选择，以上操作完成后点击“保存”按钮，出现一个提示框，即可长按保存各个文字图片。也可长按识别下方的小程序码，进入态度日历。
设计上，页面比较简洁，可作为功能性H5使用，实用性比较强；背景颜色选择后，文字的色彩会相应调整，旨在使画面更加的协调。
交互上，方式：点击页面+调取输入框+长按保存图片+长按识别小程序码。
技术上，页面中显示日期时间的功能由calendar.js实现。
体验上，一个功能性H5，也可作为微信态度日历小程序的入口，操作简单。小五建议使用后不要急于退出，态度日历也很有意义，每天都会显示历史上同一天发生的事情，可以了解很多，对此小五不多说了，自己去发现更多吧。（缺点：保存文字内容时，九个字需要一个一个的保存，个人感觉有点繁琐）

技术实现： zepto.js+calendar.js

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

标签