这100件事，你完成了多少
时间：2020-08-20
来源：
作者：
治汇网络：中高端网站建设，网站中高端建设，中高端网站制作，中高端网站建设公司，上海中高端网站建设，经典网站设计，定制化网站建设，国内外优秀网站设计，高端定制网站建设
技术实现： pixi.js + Animate.js + Scroller.js + zepto
亮点：
1、创意定位
网易新闻品牌宣传H5，案例基于网络数据收集，整理出100件最有意义的事，用户选择已经完成了多少。
2、策划上
① 进入首页后，提示用户向左滑动，滑动后，提示用户输入你的名字（已做了敏感词过滤），点击“去选择”按钮进入100件事的选择；
② 屏幕自动从右向左以底部为圆心旋转，用户也可以手动，事件默认文字形式，用户选择点击后变成图形；屏幕右上角列出用户选择的已完成事件数；点击屏幕右上角数字的左侧，列出用户已经选择的完成事件，用户可以在已完成的列表位置删除选错的事件；
③ 选择完毕后，点击“完成选择”按钮，生成人生比作的100件事海报，列出已完成的件数和具体的事。
3、设计上
浅灰色底色，扁平风格原型事件图标，页面整体简洁宣传H5
4、体验上
朋友圈中有好友列出很多已经完成的事儿，也有列出仅仅几件；其实无所谓多少，没有完成也没有关系，主要是意识到有很多有意义的事等待我们去做，在未来的时间依次实现吧
【案例截屏】
高端网站建站，高端企业网站建设，网站建设高端定制，企业高端网站建设，专注高端网站建设，大型网站平台建设，高端网站建设多少钱，网站建设靠谱的
上一篇：已经是第一篇了
下一篇：H5定制需要具备的三大要素
