知乎：知乎七周年，感谢认真的你

2018-01-29 H5案例分享 H5案例分享

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

识别图中二维码

知乎七周年，感谢认真的你-查阅二维码

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

案例：知乎七周年，感谢认真的你

出品：知乎

亮点：

策划上，图文展示类+视频类。①Loading完毕，进入第一部分内容，显示主题“知乎七周年，感谢认真的你”，介绍认真是一种品质，之后进入下一页，点击“生成你的认真海报”按钮，进入第二部分内容。②第二部分内容是生成个人的认真海报，左右滑动屏幕，可选择不同的认真内容，例如，“结一次婚”、“在海滩上晒太阳”、“做见义勇为的人”等100多种选择，向上滑动屏幕，进入第三部分。③点击中间的视频播放按钮，进入一段2分17秒的视频，内容：各行各业的五个代表，认真写知乎的用户。结束后，点击“来知乎讨论：#你认真做过的事#”按钮，进入知乎APP下载页面。
设计上，采用蓝色作为主色调，白色的文字，整体简洁大方。
交互上，形式多样，包括点击滑动屏幕等方式。

技术实现： js

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

标签