腾讯：2016腾讯体验设计周北京站

2016-09-06 H5案例分享 H5案例分享

案例：2016腾讯体验设计周北京站

出品：腾讯

亮点：

策划上，图文展示类，腾讯体验设计周北京站活动线上宣传，主要分为两部分，① 线上精品体验，OMG 14个优秀H5展示，内容全面丰富，有腾讯体育展示类、OMG APP形象演变类、腾讯视频游戏VR类等等，精彩纷呈，不容错过；② 线下活动详情，点击查看设计周详情，可详细了解设计周的内容、地点和时间
设计上，漫画风格，采用橘红色作为主色调，深蓝色作为背景色，色彩对比强烈，形成强悍的视觉冲击力
交互上，采用移动端常用的交互方式，点击、滑屏，但只能往上滑屏
技术上，loading动画采用的是CSS3的animation中的steps属性做的逐帧动画，横向滑屏切换查看线上案例采用的是Swiper
腾讯出的H5总体来说，质量都挺高的，对此感兴趣的小伙伴，有时间可以去现场感受一下

技术实现： Zepto + Swiper

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

识别图中二维码

2016腾讯体验设计周北京站-查阅二维码

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

标签