今年有許多均針對(duì)?Google I/O 開發(fā)者大會(huì)的「內(nèi)部消息」和謠言傳出。這些「內(nèi)部消息」的覆蓋范圍極廣，從 Gmail 界面到Android設(shè)備的主屏幕無一幸免。我們已經(jīng)看到了一些非常有趣的設(shè)計(jì)，而且很多有別于傳統(tǒng)?Android?應(yīng)用程序設(shè)計(jì)。聰明的讀者可能已經(jīng)意識(shí)到了，這些非傳統(tǒng)的有趣設(shè)計(jì)就是?Google?最新的設(shè)計(jì)方向。

我們已經(jīng)收到了新消息，該消息表明所有平臺(tái)上的?Google?產(chǎn)品將會(huì)依照新規(guī)范來設(shè)計(jì)。讓我們來了解一下 Quantum Paper 。

首先，我們必須聲明此處的 Quantum 只的是一個(gè)全新的設(shè)計(jì)方向。事實(shí)上我們已經(jīng)能從最近很多的「內(nèi)部消息」里推斷出這一點(diǎn)。包括我們之前曾經(jīng)報(bào)道過的?Hera 項(xiàng)目，以及其他的一些小道消息都表明 Google 將會(huì)有這一個(gè)新的設(shè)計(jì)方向。當(dāng)然我們必須重申一下，Hera 和 Quantum 是兩個(gè)完全不同的東西。Hera 本身無關(guān)設(shè)計(jì)，它的側(cè)重點(diǎn)在于整合 Chrome 和Android上的搜索結(jié)果。比如說菜單里會(huì)添加你最近搜索過的項(xiàng)目。巧合的是，我們?cè)谥皥?bào)道中給出的圖片恰好展示了 Quantum 設(shè)計(jì)的一些元素。

必須聲明，我們認(rèn)為這次泄露出的關(guān)于 Quantum 的內(nèi)部消息并不是謠言。我們所獲得的消息能夠證實(shí)我們目前的想法，因此我們對(duì)未來 Quantum 的發(fā)布充滿信心。不過這也意味著在 Quantum 正式發(fā)表之前，Google 可能會(huì)做出一些改動(dòng)。因此正式發(fā)表的消息可能與我們目前的報(bào)道存在一定出入。

什么是 Quantum Paper？

標(biāo)題欄

Quantum Paper 是一個(gè)寬泛的概念。它代表著一種全新的、合一的設(shè)計(jì)框架。而這個(gè)設(shè)計(jì)框架旨在統(tǒng)一所有平臺(tái)上的用戶體驗(yàn)。Google 旨在跨越平臺(tái)，統(tǒng)一應(yīng)用程序的用戶體驗(yàn)，并且應(yīng)用程序的界面也應(yīng)美觀而統(tǒng)一。而根據(jù)我們已知的消息，Quantum Paper 展示出了 Google 公司的信心和決心。Quantum Paper 是一個(gè)雄心勃勃的項(xiàng)目，因?yàn)樗Ｍ芎w包括網(wǎng)絡(luò)、Android操作系統(tǒng)和 iOS 操作系統(tǒng)在內(nèi)的所有平臺(tái)。

在我們繼續(xù)介紹該項(xiàng)目之前，我們想先來介紹一下 Polymer 項(xiàng)目。

Polymer

Polymer 項(xiàng)目能夠讓我們了解一下 Quantum 可以做到的一些功能。從 polymer-project.org 這個(gè)網(wǎng)站上我們可以得知，該項(xiàng)目已經(jīng)進(jìn)行了一段時(shí)間了。 2013 年?Google?在 I/O 開發(fā)者大會(huì)上發(fā)布了 Polymer 項(xiàng)目。大體上來說，Polymer 是一個(gè)工具組件。它能讓我們用事先定義好的組件來設(shè)計(jì)制作出響應(yīng)迅速的網(wǎng)頁(yè)。

Polymer 是一個(gè)開源的網(wǎng)絡(luò)組件擴(kuò)展。Google?希望這個(gè)「優(yōu)雅的用戶界面框架」能夠在所有的設(shè)備上運(yùn)行。而其中很多的設(shè)計(jì)已經(jīng)被用于實(shí)際的界面設(shè)計(jì)中，比如下圖中的相機(jī)圖標(biāo)實(shí)際上已經(jīng)出現(xiàn)在了 Google 相機(jī)中。

Polymer 的好處還不止于此。用戶能通過一個(gè)專業(yè)的設(shè)計(jì)工具改變其中的組件。我們可以通過 Polymer 官方網(wǎng)站上下載該設(shè)計(jì)工具。依據(jù) Polymer 網(wǎng)站的說法，該設(shè)計(jì)工具實(shí)際上就是用 Polymer 制作出來的。實(shí)際上細(xì)心的你可能也發(fā)現(xiàn)了，它的標(biāo)題欄與我們上面展示的綠色的標(biāo)題欄如出一轍。

Polymer 希望開發(fā)者能在各個(gè)平臺(tái)上使用這個(gè)已經(jīng)定義好的框架。除了 Google 發(fā)布的軟件以外，他們更希望第三方軟件也能利用 Polymer，開發(fā)出與官方軟件一致的、討人喜歡且響應(yīng)迅速的應(yīng)用。

回到 Quantum

在簡(jiǎn)短的復(fù)習(xí)了 Polymer 的有關(guān)知識(shí)之后，我們?cè)倩氐?Quantum Paper 上。讓我們先來看看最近我們見到的幾個(gè)截屏。這些截屏均來自于?Geek.com。

泄漏的Gmail?截圖

泄漏的Gmail?截圖

泄漏的截圖

除此之外當(dāng)然還有很多其他的截圖。不過以上截屏已經(jīng)能夠讓我們發(fā)現(xiàn)一些不同尋常的地方。沒錯(cuò)，就是圖標(biāo)。從那幾張帶有導(dǎo)航欄的 Gmail 頁(yè)面中，我們很輕易就能發(fā)現(xiàn)，這些圖標(biāo)和上面 Polymer 項(xiàng)目中展示的圖標(biāo)如出一轍。

當(dāng)然截圖里也展示了許多全新的圖標(biāo)圖案。而其中的許多都與 2013 年的 Google I/O 開發(fā)者大會(huì)展示的圖標(biāo)相吻合，還有一些圖標(biāo)我們能在現(xiàn)在的 Polymer 設(shè)計(jì)者工具里找到。接著還有一些新的互動(dòng)元素圖標(biāo)。最明顯的就是下面展示的切換圖標(biāo)、搜索圖標(biāo)、「新內(nèi)容」按鈕，還有「聚集」圖標(biāo)。

新圖標(biāo)設(shè)計(jì)

我們已經(jīng)看到了 Google+ 里已經(jīng)開始全面應(yīng)用修改過的搜索圖標(biāo)和內(nèi)容圖標(biāo)。而這正是 Quantum 在Android里應(yīng)用的第一步。紅色的標(biāo)題欄和新的圖標(biāo)圖片很明顯意味著 Quantum 已經(jīng)在 Google+ 應(yīng)用中投入開發(fā)。在泄露的 Google+ 截圖中我們沒有看到漢堡圖標(biāo)（又稱三線圖標(biāo)、抽屜式菜單圖標(biāo)）。不過好消息是如果我們點(diǎn)擊漢堡圖標(biāo)，應(yīng)用將仍舊彈出一個(gè)導(dǎo)航菜單，而不是其他東西。這維持了之前的用戶體驗(yàn)。

Google ?Kit

Android?平臺(tái)下開發(fā)者將會(huì)使用 Quantum Paper 框架進(jìn)行開發(fā)。而?Google?旨在統(tǒng)一所有平臺(tái)下的用戶體驗(yàn)，因此肯定也不會(huì)放過 iOS 平臺(tái)。依據(jù)我們的獨(dú)家消息，GoogleKit 框架將會(huì)被用來進(jìn)行 iOS 應(yīng)用的開發(fā)。我們尚不清楚?Google?是否會(huì)鼓勵(lì)第三方開發(fā)者利用此框架進(jìn)行 iOS 開發(fā)。不過很明顯，Google?立志于推廣他們自己的規(guī)范。

我們何時(shí)能看到 Quantum Paper？

依據(jù)我們得到的獨(dú)家消息，Google?會(huì)在發(fā)布Android L 系統(tǒng)的時(shí)候正式公布 Quantum 框架，之后會(huì)公布給第三方開發(fā)者進(jìn)行使用。而Android L 系統(tǒng)也會(huì)被作為 Quantum 框架開發(fā)的一個(gè)實(shí)例進(jìn)行展示。

隨著 Quantum 框架的發(fā)布，我們也有理由期待一下一系列新規(guī)則的發(fā)布。我們暫且把這一系列的新規(guī)則成為「Quantum Paper 規(guī)則」。這一系列規(guī)則應(yīng)該會(huì)詳細(xì)解釋如何應(yīng)用，以及如何最好地使用這些給定的設(shè)計(jì)元素。

雖然我們不能明確說出?Android L 系統(tǒng)的發(fā)布時(shí)間，不過已知的信息表明?Android?上的 Quantum 極有可能在正式亮相之前逐步出現(xiàn)在一系列的?Google?產(chǎn)品內(nèi)。Google+ 是第一步，其他的應(yīng)用會(huì)逐步跟上。而在 Quantum Paper 和Android L 操作系統(tǒng)正式發(fā)布之時(shí)，所有的?Google?應(yīng)用程序和網(wǎng)頁(yè)應(yīng)該都已使用上 Quantum，并且更新完畢并發(fā)布了。

最后的思考

我們所得到的關(guān)于 Quantum 的消息無疑是讓人能感到耳目一新的。實(shí)際上最近這幾個(gè)月里，互聯(lián)網(wǎng)上充斥著各種各樣關(guān)于界面的小道消息和更新。這寫小道消息在讓人眼花繚亂的同時(shí)也讓人產(chǎn)生許多疑問：「為什么?Google?一直不發(fā)布一個(gè)?Android?系統(tǒng)上應(yīng)用設(shè)計(jì)的指導(dǎo)規(guī)范呢？難道讓應(yīng)用程序界面統(tǒng)一不好么？」

現(xiàn)在我們知道了?Google?很有可能發(fā)布 Quantum Paper。這證明了?Google?不僅試圖讓?Android?下的程序設(shè)計(jì)更加一致，而且他們也正做出相應(yīng)努力。Google?試圖向第三方開發(fā)者提供所有必要的部件。這樣一來開發(fā)者制作出的界面將不僅在移動(dòng)平臺(tái)的操作系統(tǒng)下保持一致，也能在網(wǎng)絡(luò)甚至 iOS 平臺(tái)下保持一致。

• 不要把 Quantum 看成一種 Holo 的替代品

Quantum 比 Holo 更強(qiáng)大。這個(gè)框架將不僅僅包括界面、動(dòng)作響應(yīng)，還包括各個(gè)平臺(tái)間的交互。如此一來不僅用戶界面能保持一致，用戶體驗(yàn)也能變得更加一致。

不過這樣一來對(duì)于開發(fā)者來說也許挺痛苦的。開發(fā)者必須重新學(xué)習(xí)并適應(yīng)這個(gè)全新的框架，好讓他們的應(yīng)用能夠在這個(gè)全新的框架下運(yùn)行。不過換個(gè)思路想一想，一旦?Google?提供了最基本的部件元素、一系列的工具和一些基本的指導(dǎo)規(guī)范，那么應(yīng)用軟件的制作可能會(huì)變得更加簡(jiǎn)單。順利的話，你甚至只需要寫一個(gè)版本的代碼，而不用同時(shí)寫?Android?和 iOS 兩個(gè)版本。

在此，我們期待?Google?正式發(fā)布 Quantum Paper。

附：
《勵(lì)志故事！非科班的我如何成為谷歌設(shè)計(jì)師》
《十八歲自學(xué)少年：我的個(gè)人網(wǎng)站是怎么做出來的》

原文地址：androidpolice
譯文地址：tech2ipo?
譯者：翛凌

【優(yōu)設(shè)網(wǎng) 原創(chuàng)文章 投稿郵箱：2650232288@qq.com】

================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個(gè)分享網(wǎng)頁(yè)設(shè)計(jì)、無線端設(shè)計(jì)以及PS教程的干貨網(wǎng)站。
【特色推薦】
設(shè)計(jì)師需要讀的100本書：史上最全的設(shè)計(jì)師圖書導(dǎo)航：http://hao.uisdc.com/book/。
設(shè)計(jì)微博：擁有粉絲量72萬的人氣微博@優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) ，歡迎關(guān)注獲取網(wǎng)頁(yè)設(shè)計(jì)資源、下載頂尖設(shè)計(jì)素材。
設(shè)計(jì)導(dǎo)航：全球頂尖設(shè)計(jì)網(wǎng)站推薦，設(shè)計(jì)師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機(jī)上、被窩里獲取設(shè)計(jì)教程、經(jīng)驗(yàn)分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁(yè)設(shè)計(jì) 微信號(hào)：【youshege】?jī)?yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：