知乎：知乎2016_H5案例分享

知乎：知乎2016

2017-01-04 H5案例分享 H5案例分享

案例：知乎2016

出品：知乎

亮点：

策划上，图文展示类案例。首先通过输入手机号和密码来登录，也可使用游客身份登录，案例可以根据用户的历史记录来给出数据。案例把知乎欲做一座城市，整张地图由五个主题建筑组成，而你则是一名知乎城居民。“市政厅”记录着知乎的访问量、浏览用户、提出问题还有解答文章；“印迹大厦”记录着作为市民的你入住天数、登录天数、浏览页面、阅读字数、关注居民；“俱乐部”居民在此沟通，记录你送出的赞和收获的赞；“咖啡馆”记录了读者回答的问题和提出的问题；“环境管理处”记录居民的举报和公共编辑以及话题索引数；“知识市集”举办的知乎live场数、主持人位数、你参与过的、电子书本书。最后会有你自己的成就塔，下拉可用获得的财富值获得礼券。
设计上，鼠绘扁平风格，符合当下设计流行风格。多种纯度高颜色搭配在一起，十分协调。
体验上，传统点击滑动的交互方式，增加读者观看案例的体验感，交互流畅没有卡顿现象。

技术实现： JavaScript

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

识别图中二维码

知乎2016-查阅二维码

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