詳解谷歌可能推出全新的設(shè)計(jì)規(guī)范Quantum
今年有許多均針對(duì) Google I/O 開(kāi)發(fā)者大會(huì)的「內(nèi)部消息」和謠言傳出。這些「內(nèi)部消息」的覆蓋范圍極廣,從 Gmail 界面到Android設(shè)備的主屏幕無(wú)一幸免。我們已經(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ī)范來(lái)設(shè)計(jì)。讓我們來(lái)了解一下 Quantum Paper 。
via Androidpolice
首先,我們必須聲明此處的 Quantum 只的是一個(gè)全新的設(shè)計(jì)方向。事實(shí)上我們已經(jīng)能從最近很多的「內(nèi)部消息」里推斷出這一點(diǎn)。包括我們之前曾經(jīng)報(bào)道過(guò)的 Hera 項(xiàng)目,以及其他的一些小道消息都表明 Google 將會(huì)有這一個(gè)新的設(shè)計(jì)方向。當(dāng)然我們必須重申一下,Hera 和 Quantum 是兩個(gè)完全不同的東西。Hera 本身無(wú)關(guān)設(shè)計(jì),它的側(cè)重點(diǎn)在于整合 Chrome 和Android上的搜索結(jié)果。比如說(shuō)菜單里會(huì)添加你最近搜索過(guò)的項(xiàng)目。巧合的是,我們?cè)谥皥?bào)道中給出的圖片恰好展示了 Quantum 設(shè)計(jì)的一些元素。
必須聲明,我們認(rèn)為這次泄露出的關(guān)于 Quantum 的內(nèi)部消息并不是謠言。我們所獲得的消息能夠證實(shí)我們目前的想法,因此我們對(duì)未來(lái) Quantum 的發(fā)布充滿信心。不過(guò)這也意味著在 Quantum 正式發(fā)表之前,Google 可能會(huì)做出一些改動(dòng)。因此正式發(fā)表的消息可能與我們目前的報(bào)道存在一定出入。
什么是 Quantum Paper?
標(biāo)題欄 / via Androidpolice
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)樗M芎w包括網(wǎng)絡(luò)、Android操作系統(tǒng)和 iOS 操作系統(tǒng)在內(nèi)的所有平臺(tái)。
在我們繼續(xù)介紹該項(xiàng)目之前,我們想先來(lái)介紹一下 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 開(kāi)發(fā)者大會(huì)上發(fā)布了 Polymer 項(xiàng)目。大體上來(lái)說(shuō),Polymer 是一個(gè)工具組件。它能讓我們用事先定義好的組件來(lái)設(shè)計(jì)制作出響應(yīng)迅速的網(wǎng)頁(yè)。
Polymer 是一個(gè)開(kāi)源的網(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ī)中。
via Androidpolice
via Androidpolice
Polymer 的好處還不止于此。用戶能通過(guò)一個(gè)專業(yè)的設(shè)計(jì)工具改變其中的組件。我們可以通過(guò) Polymer 官方網(wǎng)站上下載該設(shè)計(jì)工具。依據(jù) Polymer 網(wǎng)站的說(shuō)法,該設(shè)計(jì)工具實(shí)際上就是用 Polymer 制作出來(lái)的。實(shí)際上細(xì)心的你可能也發(fā)現(xiàn)了,它的標(biāo)題欄與我們上面展示的綠色的標(biāo)題欄如出一轍。
via Androidpolice
Polymer 希望開(kāi)發(fā)者能在各個(gè)平臺(tái)上使用這個(gè)已經(jīng)定義好的框架。除了 Google 發(fā)布的軟件以外,他們更希望第三方軟件也能利用 Polymer,開(kāi)發(fā)出與官方軟件一致的、討人喜歡且響應(yīng)迅速的應(yīng)用。
#p#
回到 Quantum
在簡(jiǎn)短的復(fù)習(xí)了 Polymer 的有關(guān)知識(shí)之后,我們?cè)倩氐?Quantum Paper 上。讓我們先來(lái)看看最近我們見(jiàn)到的幾個(gè)截屏。這些截屏均來(lái)自于 Geek.com。
泄漏的 Gmail 截圖 / via Androidpolice
泄漏的 Gmail 截圖 / via Androidpolice
泄漏的截圖 / via Androidpolice
除此之外當(dāng)然還有很多其他的截圖。不過(guò)以上截屏已經(jīng)能夠讓我們發(fā)現(xiàn)一些不同尋常的地方。沒(méi)錯(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 開(kāi)發(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ì) / via Androidpolice
我們已經(jīng)看到了 Google+ 里已經(jīng)開(kāi)始全面應(yīng)用修改過(guò)的搜索圖標(biāo)和內(nèi)容圖標(biāo)。而這正是 Quantum 在Android里應(yīng)用的***步。紅色的標(biāo)題欄和新的圖標(biāo)圖片很明顯意味著 Quantum 已經(jīng)在 Google+ 應(yīng)用中投入開(kāi)發(fā)。在泄露的 Google+ 截圖中我們沒(méi)有看到漢堡圖標(biāo)(又稱三線圖標(biāo)、抽屜式菜單圖標(biāo))。不過(guò)好消息是如果我們點(diǎn)擊漢堡圖標(biāo),應(yīng)用將仍舊彈出一個(gè)導(dǎo)航菜單,而不是其他東西。這維持了之前的用戶體驗(yàn)。
GoogleKit
Android 平臺(tái)下開(kāi)發(fā)者將會(huì)使用 Quantum Paper 框架進(jìn)行開(kāi)發(fā)。而 Google 旨在統(tǒng)一所有平臺(tái)下的用戶體驗(yàn),因此肯定也不會(huì)放過(guò) iOS 平臺(tái)。依據(jù)我們的獨(dú)家消息,GoogleKit 框架將會(huì)被用來(lái)進(jìn)行 iOS 應(yīng)用的開(kāi)發(fā)。我們尚不清楚 Google 是否會(huì)鼓勵(lì)第三方開(kāi)發(fā)者利用此框架進(jìn)行 iOS 開(kāi)發(fā)。不過(guò)很明顯,Google 立志于推廣他們自己的規(guī)范。
我們何時(shí)能看到 Quantum Paper?
依據(jù)我們得到的獨(dú)家消息,Google 會(huì)在發(fā)布Android L 系統(tǒng)的時(shí)候正式公布 Quantum 框架,之后會(huì)公布給第三方開(kāi)發(fā)者進(jìn)行使用。而Android L 系統(tǒng)也會(huì)被作為 Quantum 框架開(kāi)發(fā)的一個(gè)實(shí)例進(jìn)行展示。
隨著 Quantum 框架的發(fā)布,我們也有理由期待一下一系列新規(guī)則的發(fā)布。我們暫且把這一系列的新規(guī)則成為「Quantum Paper 規(guī)則」。這一系列規(guī)則應(yīng)該會(huì)詳細(xì)解釋如何應(yīng)用,以及如何***地使用這些給定的設(shè)計(jì)元素。
雖然我們不能明確說(shuō)出 Android L 系統(tǒng)的發(fā)布時(shí)間,不過(guò)已知的信息表明 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 的消息無(wú)疑是讓人能感到耳目一新的。實(shí)際上最近這幾個(gè)月里,互聯(lián)網(wǎng)上充斥著各種各樣關(guān)于界面的小道消息和更新。這寫(xiě)小道消息在讓人眼花繚亂的同時(shí)也讓人產(chǎn)生許多疑問(wèn):「為什么 Google 一直不發(fā)布一個(gè) Android 系統(tǒng)上應(yīng)用設(shè)計(jì)的指導(dǎo)規(guī)范呢?難道讓?xiě)?yīng)用程序界面統(tǒng)一不好么?」
現(xiàn)在我們知道了 Google 很有可能發(fā)布 Quantum Paper。這證明了 Google 不僅試圖讓 Android 下的程序設(shè)計(jì)更加一致,而且他們也正做出相應(yīng)努力。Google 試圖向第三方開(kāi)發(fā)者提供所有必要的部件。這樣一來(lái)開(kāi)發(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)間的交互。如此一來(lái)不僅用戶界面能保持一致,用戶體驗(yàn)也能變得更加一致。
不過(guò)這樣一來(lái)對(duì)于開(kāi)發(fā)者來(lái)說(shuō)也許挺痛苦的。開(kāi)發(fā)者必須重新學(xué)習(xí)并適應(yīng)這個(gè)全新的框架,好讓他們的應(yīng)用能夠在這個(gè)全新的框架下運(yùn)行。不過(guò)換個(gè)思路想一想,一旦 Google 提供了最基本的部件元素、一系列的工具和一些基本的指導(dǎo)規(guī)范,那么應(yīng)用軟件的制作可能會(huì)變得更加簡(jiǎn)單。順利的話,你甚至只需要寫(xiě)一個(gè)版本的代碼,而不用同時(shí)寫(xiě) Android 和 iOS 兩個(gè)版本。
在此,我們期待 Google 正式發(fā)布 Quantum Paper。
關(guān)于作者 Liam Spradlin
Liam 喜歡 Android、設(shè)計(jì)、用戶體驗(yàn)還有旅游。他不喜歡比例失調(diào)的郵件格式、完全用股票圖片做成的廣告,還有寫(xiě)自己的個(gè)人簡(jiǎn)介。