杭州象文科技有限公司：2016第五届H5峰会
案例：2016第五届H5峰会
出品：杭州象文科技有限公司
亮点：
- 策划上，作为一个正式的官方报名平台，开篇简洁地展示会议信息：会议名称、时间、地点，到点击报名页面，跳转至6大巡回城市信息页，页面以红、黄、绿等六种颜色区分各大城市，在6大城市报名页面所需填写的也是必要的个人信息：姓名、手机号等，没有冗余信息。
- 设计上，峰会作为一个特殊的会议，会议上的议题、提案均涉及到国内外大事，是一个严肃、权威的会议。所以“2016第五届H5峰会”在页面的颜色选择上，使用了灰色--高雅、稳重，给人带来一种肃穆、庄重的氛围。而在纹理的选择上，使用了斜条类木纹的样式，给人一种凛然、岁月之感，毕竟这是第五届峰会。同时，在展示会议形式上，使用类玻璃的效果，暗示会议是公开、透明，同时，仿玻璃的风格是一种简约、清爽的效果，和峰会的性质不谋而合。在各个城市的展示页面是，以城市建筑为背景辅之以渐变色，简约而不简单地呈现了各个城市的地标建筑，在页面呈现的同时，也是展示了一个城市的风采。
- 体验上，页面打开时间控制在5秒之前，加载页面使用了暖色、动物图标，给人一种时间快速流逝的感觉，从而减轻等待加载时间的烦躁感。进入页面，伴有一个提示信息，引导用户如何操作，而载有会议信息的玻璃方块搭载重力，确切点，是手机旋转感应，呈现一种动态的翻牌效果，着实有趣。而点击页面，荡漾起的水纹，带来一种活力感，在用户的心里荡起涟漪，体现这不是一个枯燥的会议信息展示页面。
技术实现： 使用自主研发3D引擎制作，e3dx.js
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
