根據最近一段時間 Google 發(fā)布的產品更新和外界傳出來的種種信息看，在本月舉行的 Google I/O 上極有可能會發(fā)布新一代的設計框架。這個框架的名字目前看起來也相當確定，他叫做 Quantum Paper。這個名字充滿想象力，無形的和有形的，科技的和傳統(tǒng)的。隱約能夠感覺 Google 在這件事情上的野心和這套設計框架想要傳達的精神。

Google 的設計

Google 一直宣稱自己是一家重視用戶體驗的公司，但過去他們對體驗的重視更多地體現在技術方面。要說真正開始把視覺設計和各產品體驗做得統(tǒng)一重視起來的，應該是從幾年前開始不停折騰 google.com 的導航開始，相對比較晚。

圖：開始重視設計和統(tǒng)一性之后，google.com 導航經歷過大大小小若干次調整

雖然起步比較晚，但 Google 在設計上取得了非常大的進展，這些進展主要體現在這些方面：

·更新了幾乎所有已有 web 產品的界面視覺，提升界面信息展示質量和界面精細度

·新發(fā)布的產品/功能，無一例外地重視界面設計，并且質量相當髙

·Google 的各個產品之間，各個產品在不同平臺上，漸漸體現出了很好的一致性

圖：Web 上天氣查詢這樣存在已久的模塊，也更新為更強調美觀和信息展示質量

圖：即使是 Android 上的 Youtube 和 iOS 上的 Google Drive 這樣不同產品在不同平臺上的設計風格仍保持高度一致

Google 漸漸改變了一個偏「geek」的形象，用優(yōu)良和一致的界面設計來包裝自己先進的技術，這使得產品更易于使用并更討大眾喜歡，在產品上打下了「Google 設計」的印記。顯然 Google 認為現在在設計上取得的成就還不夠，這次的 Quantum Paper 正是他們想把 「Google 設計」推向一個新高度的產物。

Quantum Paper Style

從字面來揣測，「quantum」暗喻交互風格，而「paper」指代視覺要素，既追求科技感，又追求一種傳統(tǒng)介質情結。到目前為止，Google 發(fā)布了三個明顯帶有 Quantum Paper 色彩的產品：

Google+ for Android
Google I/O 2014 app web
World Cup 2014 Google Now web

交互方面，在界面切換，操作反饋和狀態(tài)提示上在引入更多的細節(jié)同時做到更自然的動畫效果。這一點在 World Cup 2014 for Google Now 上的體現非常明顯。

視覺方面，則在刻意強調一種「紙張的感覺」：

·強調傳統(tǒng)的排版理念，通過更高要求的對齊關系，留白和圖形化等手段來提升信息展示的效率和閱讀體驗

·在圖標，插畫和卡片等視覺元素設計上，強調紙的質感和光影效果

圖：World Cup 2014 for Google Now 和 Google I/O 2014 的界面設計都強調傳統(tǒng)紙質排版方式

圖：Google I/O 2014 網站上的插畫突出了紙張的材質、層次和光照效果

除此之外，Quantum Paper 的圖標風格更進一步趨向于造型簡單，圓潤和精致。

圖：比起 Play Newsstand，同樣一組 icon 和 Google I/O 2014 上顯得造型更簡單，圓潤和精致。此外根據其他泄漏出來的信息看，在正式的 Quantum Paper 中，左側的漢堡包 icon 也會改成完整并不緊貼邊界的三條橫線。

如果說之前 Google 還在致力于怎么樣讓自己的產品更美，那么 Quantum Paper 則是在這個基礎上引入了概念和故事性，把設計質量推向一個更高的境界。

1、桌面到移動設備，PC 到 Mac，Android 到 iOS

眾所周知，Google 的產品線豐富到令人發(fā)指，幾乎涉及到了所有平臺。操作系統(tǒng)級別的 Chrome OS 和 Android；app 級別的 web app、PC app、Mac app、Android app 和 iOS app；常規(guī) web 頁面的桌面版和移動版。

讓這些產品有著同樣優(yōu)良的設計和操作體驗自然是 Quantum Paper 的首要任務。在 app 和 web這兩個級別的產品對 Google 絕對不是一件難事，從 Google I/O 2014 和 World Cup 2014 兩個案例看，不管是桌面還是手機，web 還是 app 都有同樣優(yōu)秀的表現。在操作系統(tǒng)級別，如何統(tǒng)一 Chrome OS 和 android 的設計才是終極難題，目前我們還沒有看到相關的信息， Quantum Paper 在這方面的解決方案非常值得期待。

圖：World Cup 2014 的界面在大屏幕和小屏幕上的展現一脈相承

2、Google vs Android

Google 和 Android 還沒有真正走到一塊去，起碼從外界看是這樣。Google 和外界又都知道他們最終需要走到一塊去，他們在等待一個時機，這個時機就是雙方都有一個穩(wěn)定的狀態(tài)。

如前面提到，Google 的其他產品在設計方面在不停的折騰后已經漸入佳境，并處于一個比較穩(wěn)定的狀態(tài)。Android 這邊情況也類似，從 4.0 開始也停止了之前頻繁變化的狀況，之后的更新都是在 4.0 的基礎上做更深入的改進，比較類似 iOS 發(fā)展路徑。

另外一方面， Google apps 和 Android 的結合也日益緊密，比如無處不在的 Google 搜索入口，Google Now 成為 launcher 的首屏，這將使得 Google 和 Android 的一致化工作會得以更加平滑。

更有細心的網友大膽斷定 World Cup 2014 for Goolge Now 是 Android 5.0 的首張截圖，Quantum Paper 的發(fā)布非常有望成為 Google 和 Android 一致化標志。

3、設計框架 vs 設計規(guī)范

Quantum Paper 很可能會跟他的先驅 —— 去年 Google I/O 上介紹給大家的 Polymer 項目一樣作為一個設計框架開放給所有開發(fā)者使用。比起 Polymer，Quantum Paper 可把這些跨平臺的優(yōu)雅設計從 web 拓展到 Android 和 iOS 的 native UI。

比起設計規(guī)范，設計框架除了告訴開發(fā)者界面應該看上去是什么樣子，還會告訴開發(fā)者如何輕易實現出這些界面。設計框架將同時面向設計師和工程師，讓工程師完成設計及讓設計師完成界面的開發(fā)成為可能。設計框架可以提升效率和設計質量，使得設計能力/界面開發(fā)能力較弱的開發(fā)者也可以擁有中規(guī)中矩并適應各個平臺的設計輸出。

4、Google vs Apple

作為殊途同歸的兩家公司，Google 和 Apple 這兩家公司不可避免地又要就這個話題被放在一起討論。

Apple 一直以來就是一家以設計見長的公司，可以說在設計方面 iOS 贏在了起跑點。深思熟慮的系統(tǒng)架構和設計規(guī)范，友好的開發(fā)環(huán)境，沒有機型適配和設備硬件落伍問題的困擾，讓 iOS 上的 app 在視覺設計和交互體驗上有著出色的表現，開發(fā)者在設計上的投入也容易得到正面的回報。

在 Android 上的狀況則不盡人意，上進的開發(fā)者會投入額外的精力來針對 Android 做設計，但表現還是明顯弱于自家 app 在 iOS 上的表現。更有很多開發(fā)者，包括很多大型開發(fā)者，直接將 iOS 的設計照搬到 Android 上，使得 Android 的處境相當尷尬。

Google 仍有優(yōu)勢：

·Android 一直以來強調的開放性，使得很多在 iOS 上無法實現的 app 可以在 Android 實現

·Google 自身的業(yè)務向 iOS 的滲透很強，Google 在 iOS 上的 app 設計質量相當高，用戶數量也相當龐大，可以說所有的

·iOS 用戶都是 Goolge 的用戶，而很大一部分 Android 用戶不是 iOS 用戶

·Android 用戶在數量上具有優(yōu)勢

Google 希望通過 Quantum Paper 來改善 Android 在設計上的尷尬局面：

·在提升視覺精細度的同時主動向 iOS 靠攏，盡量減少設計方面的差異，產品在兩個平臺上采取同樣設計（或轉換成本極低的設計）成為可能，大幅節(jié)約開發(fā)者的成本，對用戶來講也是好事

·用 Google 自家在 iOS 的應用作為優(yōu)秀展示案例，告訴其他開發(fā)者，Quantum Paper 這套設計框架是很靠譜的

·開放 Quantum Paper 給第三方開發(fā)者使用，憑借少量投入即可擁有優(yōu)良的跨平臺設計方案的優(yōu)勢拉攏更多開發(fā)者

簡單說就是 Google 本著一統(tǒng)江湖的想法，不再刻意去做差異化，而試圖把兩個平臺的設計模式推動到同一個新的方向，這個方向介于現在的 Android 和 iOS 之間，并且擁有優(yōu)秀的視覺風格和可用性。

寫在后面

Quantum Paper 意味著 Google 在設計上的努力和野心。作為開發(fā)者，我們期待看到 Google 如何跟 Android 走到一起，也期待看到在 Google 和 Apple 的競爭中開發(fā)者和用戶如何得到更多的好處。我們關心 Google 是否能夠通過此舉扭轉 Android app 設計上的劣勢，也關心 Google 能否借助 Quantum Paper 提升整個行業(yè)的設計質量和界面開發(fā)效率。希望這些問題從 Quantum Paper 的發(fā)布開始，漸漸得到解答。

附：豌豆莢 x Quantum Paper