返回到案例 返回到案例

中国“互联网+”指数H5

突破·融合

内涵意义与易用美观的和谐一致
提取中国“互联网+”会议中心内核,深挖其活动意义;抓住页面表达重点内容,选取视觉设计最优方案。思行并进,为“互联网+”指数数据包裹精致外衣。
项目背景
经过一年发展,“互联网+”在全国各地落地生根。为了客观反映一时一地的“互联网+”发展水平、跟踪衡量某时某地的“互联网+”发展动态和理解多时多地“互联网+”发展差异背后的动因,腾讯总结出中国“互联网+”指数,并将之制作成H5页面,供政策制定者、相关从业人员、及创业者和投资者参考。
最终成果
通过挖掘大会主题,让它为视觉设计提供元素和气质基础,并将它应用在实际数据展现上。这让本H5在大会的实际浏览上上,既达到数据表现的基本功能性要求,又能与活动主题紧紧贴合,融为一体。
思行并进,聚势赋能

“思行并进,聚势赋能”是大会的slogan,因此这最能体现活动的内涵。从这八个字出发,总结关键词,发散思维,提取元素。将一笔一划的文字,推敲出生动多变的图形。

结合LOGO 融会贯通

根据slogan的含义,大会logo的形态犹如多变的水,主张表现出“聚合裂变”。抓住logo的基本形态,以“圆”、“分裂”“融合”为关键词并应用于页面上,作为主要元素,表现出水分子之间不断裂变结合,就像互联网+时代新旧事物间的更新迭代。

和谐中国风 × 科技未来感

页面中形状处处以圆为主。一方面为了和中心元素“水”保持高度统一,另一方面为了表现logo的深层含义——应和人心。只有柔和的曲线和圆形,才能体现出这种包容感。颜色方面同样根据logo以鲜艳的蓝和桃红为主,并添加冷调的紫以调和。通过三种颜色的结合,打造出以人为本的高端科技感。

通透质感 广阔空间

页面触感以光滑哑光为主,色块均没有稳重的实色,目的就是要用半透明感觉打造出层次丰富的质感空间。面块交错,层层迭进,仿佛置身宽广的未来空间,示意互联网+时代存在无限可能。

优化数据视觉呈现,打造“好看的”数据

数据内容是页面的中心,如何更好的展现数据是页面的重中之重。经过资料搜集,头脑风暴,圆桌讨论,务求得出更多种类的数据表现形式,提升图表美感。

总结表现手段 精选展示形式

着力于用户体验处考虑,根据不同数据不同内容,以不同手法不同方式来展现。每页都是一组新数据一种新形式,每页都有新鲜感。

科学感应重力 画面破框而出

进一步提升体验,打破数据的沉闷感,将技术手段融入页面,除了加入大量的流畅炫丽动画,结合重力感应,只需轻轻摇晃手机,画中元素当即仿佛触手可及。