张鸿润:H5页面设计实战分享腾讯.C

刮刮乐在移动端互动游戏中的微创新

“我擦世界杯”是腾讯体育推出的一款针对2014年世界杯的小产品,产品定位为世界杯外围球迷,即非资深球迷和小白球迷。所以产品定位上以愉快轻松为主格调,内容上以游戏的方式展示腾讯体育大量精美的足球宝贝照片为方向,如何摆脱传统图片集展示图片的形式是项目的一个难点。

“我擦世界杯”主界面

我们想到一个颇有趣味的构思,创意来源于彩票刮刮乐,我们希望可以将足球宝贝的展示赋予更多的娱乐性。在交互上,我们观察到,H5页面出现了抽奖刮刮乐的功能,于是我们在这一功能上进行微创新,延展出手指在屏幕上涂抹刮掉球星出现足球宝贝的展示方式,并以涂抹的速度做出成绩优劣的判断,并进行好友排名。

张鸿润:H5页面设计实战分享(腾讯.C)
项目交互创意来源涂抹屏幕交互方式

在视觉设计上,封面的交互动画与视觉表现同样延展于刮刮乐的形式。初始画面结合内容本身设计,以手的形象为构图要素,点击开始按钮,继而双手上下拉开帷幕,出现完整图片的动画,渐进式模糊动画处理效果十分贴合小游戏“刮开球星看美女”的内容特点。

封面动态交互创意来源封面动态效果展示手机

  

爱华网本文地址 » http://www.aihuau.com/a/25101011/56610.html

更多阅读

张鸿润:H5设计3个靓眼要点

“H5”,这个由HTML5简化而来的词汇,借由微信这个移动社交平台,正在走进更多人的视野。本文基于微信传播的H5页面的视觉设计与大家分享。  为设计加分的4个要点  一个H5页面设计品质的出众与否,会直接影响其传播效果,甚至影响到用户

张鸿润:做H5并不是因为我偏爱FLASH

有人说我是中国第一批最核心FLASH技术人员,是Adobe中国的最早的员工,Flash平台在中国仅有的技术布道师。我更愿意别人说我是中国HTML5领域的旗手,在FLASH与H5之间战火不断的背景下,作为一个真正的圈里人,我不得已不分享一下我的心路历程

张鸿润:H5页面设计实战分享腾讯.A

为什么要设计H5页面移动设备的普及给媒体和娱乐带来了一场革命。根据中国互联网信息中心(CNNIC)2014年7月的报告显示,中国网民中,手机使用率达83.4%,已经超过传统PC整体80.9%的使用率。其中,手机网络新闻的使用率为74.2%,仅次于即时通信和

声明:《张鸿润:H5页面设计实战分享腾讯.C》为网友朕要上房揭瓦分享!如侵犯到您的合法权益请联系我们删除