Google I/O前析:关于新一代设计框架Quantum Paper的猜想

更新时间:2014-06-25 03:59:51点击次数:900次

移动开发Google I/OGoogleAppleQuantum PaperAndroid设计框架

摘要:在即将于举行的Google I/O大会上,很有可能将发布一款名为Quantum Paper的新一代设计框架。豌豆荚产品设计副总裁刘亚平结合Google产品更新和业界信息,详谈了他对于Quantum Paper的猜想以及Google想要传达的精神。

根据最近一段时间Google发布的产品更新和外界传出来的种种信息看,在北京时间今夜12点举行的Google I/O上极有可能会发布新一代的设计框架。这个框架的名字目前看起来也相当确定,它叫做Quantum Paper。这个名字充满想象力,无形的和有形的,科技的和传统的。隐约能够感觉Google在这件事情上的野心和这套设计框架想要传达的精神。

Google的设计

Google一直宣称自己是一家重视用户体验的公司,但过去他们对体验的重视更多地体现在技术方面。要说真正开始把视觉设计和各产品体验做得统一重视起来的,应该是从几年前开始不停折腾google.com的导航开始,相对比较晚。

开始重视设计和统一性之后,google.com导航经历过大大小小若干次调整

虽然起步比较晚,但Google在设计上取得了非常大的进展,这些进展主要体现在这些方面:

更新了几乎所有已有Web产品的界面视觉,提升界面信息展示质量和界面精细度;

新发布的产品/功能,无一例外地重视界面设计,并且质量相当髙;

Google的各个产品之间,各个产品在不同平台上,渐渐体现出了很好的一致性。

Web上天气查询这样存在已久的模块,也更新为更强调美观和信息展示质量

即使是Android上的Youtube和iOS上的Google Drive这样不同产品在不同平台上的设计风格仍保持高度一致

Google渐渐改变了一个偏「geek」的形象,用优良和一致的界面设计来包装自己先进的技术,这使得产品更易于使用并更讨大众喜欢,在产品上打下了「Google 设计」的印记。显然 Google 认为现在在设计上取得的成就还不够,这次的 Quantum Paper 正是他们想把 「Google 设计」推向一个新高度的产物。

Quantum Paper Style

从字面来揣测,「quantum」暗喻交互风格,而「paper」指代视觉要素,既追求科技感,又追求一种传统介质情结。到目前为止,Google 发布了三个明显带有 Quantum Paper 色彩的产品:

Google+ for Android

Google I/O 2014 App Web

World Cup 2014 Google Now Web

交互方面,在界面切换,操作反馈和状态提示上在引入更多的细节同时做到更自然的动画效果。这一点在World Cup 2014 for Google Now上的体现非常明显。

视觉方面,则在刻意强调一种「纸张的感觉」:

强调传统的排版理念,通过更高要求的对齐关系,留白和图形化等手段来提升信息展示的效率和阅读体验;

在图标,插画和卡片等视觉元素设计上,强调纸的质感和光影效果.

World Cup 2014 for Google Now和Google I/O 2014的界面设计都强调传统纸质排版方式

Google I/O 2014网站上的插画突出了纸张的材质、层次和光照效果

除此之外,比起Play Newsstand,Quantum Paper的同一组icon和Google I/O 2014上显得造型更简单,圆润和精致。而根据其他泄漏出来的信息看,在正式的Quantum Paper中,左侧的汉堡包icon也会改成完整并不紧贴边界的三条横线。

如果说之前Google还在致力于怎么样让自己的产品更美,那么Quantum Paper则是在这个基础上引入了概念和故事性,把设计质量推向一个更高的境界。


  • 项目经理 点击这里给我发消息
  • 项目经理 点击这里给我发消息
  • 项目经理 点击这里给我发消息
  • 项目经理 点击这里给我发消息