衣二三：时尚奇葩说

2017-12-12 H5案例分享 H5案例分享

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

识别图中二维码

时尚奇葩说-查阅二维码

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

案例：时尚奇葩说

出品：衣二三

亮点：

策划上，进入界面会有一个大红色嘴唇，其中有标语：时尚奇葩说。下方有由右向左的弹幕和开始辩论的按钮，点击按钮之后就会有辩论的主题--女生到底能力or好看哪个更重要？辩论分为两派：不美会死党和实力打脸派分别认为好看和能力更重要。点击加入辩论就可以发表你的看法了。
设计上，两派分别有两种颜色，向其中一派发表看法之后写着你名字的泡泡会出现在那一派，给人一种收人关注的惊喜的感觉。左右移动可以观看留言者，点击气泡可以听到留言，喜欢可以打call。这种设计其实就像一个留言板，可以听到两派各种人的声音，设计独到。
交互上,左右划动可以观看留言者，点击气泡可以听到留言，喜欢可以打call，不喜欢可以打diss。

技术实现： Jquery.js+tween.js

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

标签