拉勾网：与光同尘

2016-07-19 H5案例分享 H5案例分享

案例：与光同尘

出品：拉勾网

亮点：

策划上，图文结合类，用遮罩层营造了一个封闭的黑暗空间，点击台灯开启按钮，遮罩层消失，模拟灯照亮房间。桌子上只有一盏台灯和一本书，滑动屏幕像一页页翻书一样，用这样看书的动画效果来进行展示。书中列举了其中三个问题，和网友回答留言，介绍了拉勾三周年北京站活动的时间和地点，点击“入场券申领”跳转到拉勾三周年报名页面，介绍了演讲嘉宾和演唱嘉宾，还有报名入口的提交表单。
设计上，黄色书桌做背景，部分字体使用做旧的效果，营造了一种怀旧的氛围，用一个滑动的手和箭头提示向左滑动屏幕进行切换，点击台灯按钮时和翻书时的音效，做的很好，设计很人性化。
文案上，“时光给了我经验，我也惊艳了时光” “所有的非常都源于不懈的日常”，很精彩！

技术实现： jQuery Zepto

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

识别图中二维码

与光同尘-查阅二维码

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

标签