腾讯幸运飞艇平台:移动端H5页面设计实战分享

2018-01-10
服务内容:


h5网页设计

  腾讯幸运飞艇平台:移动端H5页面设计实战分享符合免试条件的报考人员在网上完成基本信息填报,且信息经确认无误、相片上传成功后,于上述规定时间内上网自行打印本人所填报的《咨询工程师(投资)职业资格考试报名表》(以下简称《报名表》)一式两份,经所在单位审核、签字和加盖公章后持学历证明、学位证书、从事工程咨询业务年限证明、单位资质证书、免试条件相关证件证明、身份证原件及复印件,到四川省工程咨询协会(地址:成都市锦江区滨江东路156号发展大厦510、512房间)进行资格审查。电线,联系人:付传芝、尚岚雅,审核时间:上午9:00-11:30,下午14:00-17:30(国家法定节假日除外)。

  除了原生应用之外,在移动端还有一种产品形态移动Web页面。它源自于移动互联网诞生初期的WAP页面,有着和PC网页同样的优点:开发周期短、发布和更新方便。此外,用户只需要借助手机浏览器或者内嵌手机浏览器的应用就可以访问,比原生应用要方便得多。但在2014年前,因用户渠道和设备性能的原因,移动Web页面的形态通常都非常简单,也很少有用户互动。2014年,HTML5技术的普及、智能手机的更新换代和新闻客户端、微信等渠道用户的增长彻底改变了这一点。

  一提起移动端,大家首先想到的就是手机上安装的移动应用,比如微信、腾讯新闻客户端、QQ浏览器等。我们称这些应用为原生应用(Native App),因为它们是需要安装在用户设备上的软件,它们的代码和界面都是针对所运行的平台开发和设计的。这些原生应用能够最大程度地发挥用户设备的性能,例如使用存储空间实现离线阅读,利用图形加速实现界面动效,以及利用摄像头来上传图片,等等。但跟Web专题相比,移动应用的开发周期长,开发者需要将产品提交到应用商店供用户下载使用。以苹果的iOS应用开发为例,开发者在应用商店要发布应用,需要通过约耗时8天的人工审核。因此,把PC端的Web专题做成一个个移动应用是不现实的。

  《现代咨询方法与实务》科目为主观题,采用网络方式阅卷,在专用的答题卡上作答。监考人员务必在开考前提醒应试人员注意如下事项:1、答题前要仔细阅读应试人员注意事项(试卷封二)和作答须知(专用答题卡首页);2、使用规定的作答工具作答;3、在专用答题卡划定的区域内作答。考生在应考时,可携带黑色墨水笔、2B铅笔、橡皮、无声无文本编辑功能的计算器。填涂答题卡时必须使用2B铅笔。其余3科均为客观题,用2B铅笔在答题卡上作答。

  在移动端,要在网页上实现交互和动效需要借助HTML5技术(例如CSS3媒体查询、CSS3动画、Canvas等)。现在的手机浏览器大都支持HTML5的核心技术,例如对触摸事件和手势的响应、播放声音和视频、渲染CSS变换,以及获取设备的加速度传感器数据等。这些技术衍生了诸如互动小游戏、交互型动画页面、可视化新闻等,为市场营销、幸运飞艇平台媒体报道等提供了大量不同形式的载体,同时为产品策划与视觉设计带来了更多的想象空间。

  根据人力资源和社会保障部、国家发展和改革委员会《关于印发工程咨询(投资)专业技术人员职业资格制度暂行规定和咨询工程师(投资)职业资格考试实施办法的通知》(人社部发〔2015〕64号)及中国工程咨询协会、人力资源和社会保障部人事考试中心《关于做好2018年度咨询工程师(投资)职业资格考试考务工作的通知》(中咨协培〔2018〕1号)精神,为做好我省2018年度咨询工程师(投资)职业资格考试考务工作,现将有关事项通知如下。

  2.报名应访问中国人事考试网(进行网络注册,按照网络提示填写报考信息、上传照片,完成报名。考生务必依据本人真实情况在网上准确填写学历、工作经历等个人信息,对照人力资源和社会保障部、国家发展和改革委员会《关于印发工程咨询(投资)专业技术人员职业资格制度暂行规定和咨询工程师(投资)职业资格考试实施办法的通知》(人社部发〔2015〕64号)及中国工程咨询协会《关于咨询工程师(投资)职业资格考试有关问题说明的通知》(中咨协培〔2016〕65号)检查本人报考资格,如不符合报考条件或者填写资料不实,按照《专业技术人员资格考试违纪违规行为处理规定》(人力资源和社会保障部令第31号)进行严肃处理。

  因团队负责媒体界面设计,所以从本源上我们十分强调内容与设计形式的高度结合,我们希望设计形式就可以强烈传达出我们要表现的内容与态度。项目名称为“赛程魔方”,体育赛事如同魔方一样复杂多变,结果未知,所以在交互设计上,希望能够利用HTML5的CSS 3D智能旋转方案完成多个页面的切换方式,以达到贴合“魔方”的项目概念。大家知道H5可以有3D旋转等形式,所以页面的交互方式将充分利用这一特性,当用户触控屏幕,手指上划,页面整体呼之欲出,以整体3D翻转的形式完成页面切换,交互形式新颖震撼并贴合内容。这一交互形式在随后多个项目中得到推广应用。

  在2014巴西世界杯期间,我们与腾讯体育推出了一款世界杯赛程H5页面。在项目之初,我们就希望这一款小产品在内容定位+视觉设计+交互设计三个维度上可以高度统一,三位一体,围绕世界杯赛程赛事赛时这一中心,内容、交互、视觉密不可分;即设计与交互体现内容,内容反方向印证视觉与交互,将常规的体育赛程表通过多屏展现,时间轴表现等与H5交互特性紧密结合起来,创造出一种大家喜闻乐见的界面展示方式。随后小产品一经推出,赛程魔方(见图2)即引爆朋友圈,前后被复制抄袭几十次,从另一方面也印证团队定位的准确,形式与内容高度统一是项目成功的一宝。

  好的产品需要恰当的渠道来让用户发现和传播,如果把一个个H5专题比作“箭矢”,那新闻客户端、微信和微博等传播渠道就是射出这些箭矢的“弓”。利用新闻客户端、微信和微博内嵌的网页浏览器(见图1),H5页面可以与新闻文章、朋友圈状态和好友微博一起触达用户,再通过用户的分享形成传播。此外, H5交互页面凭借着精美的设计风格、新鲜的交互体验以及强烈的社交属性,对于用户来说有着极强的分享驱动力,很容易在移动社交环境中形成病毒式传播。微信红包和滴滴红包就是通过微信朋友圈广泛传播的H5案例。

  移动设备的普及给媒体和娱乐带来了一场革命。根据中国互联网信息中心(CNNIC)2014年7月的报告显示,中国网民中,手机使用率达83.4%,已经超过传统PC整体80.9%的使用率。其中,手机网络新闻的使用率为74.2%,仅次于即时通信和搜索,远超其他手机网络应用。在资讯移动化的趋势下,观察近期各大门户在重大事件报道中的表现,会发现移动优先、产品社会化、交互趣味化是三个重要的趋势。其中,基于HTML5技术的移动Web页面(以下简称H5页面),较完美地融合了上述三种属性,成为当下最受关注的内容报道形态,也引爆了社交平台上的大规模分享行为。

幸运飞艇:春雨先知!腾讯移动端H5页面设计实......
更多案例
首页 | 网站建设 | 经典案例 | 服务范围 | 新闻观点 | 服务客户 | 关于我们
分享按钮