【51CTO譯文】在今天的文章中，我們將谷歌已經(jīng)展示的全部Material設(shè)計(jì)方案匯總起來(lái)并呈現(xiàn)在大家面前。

我們已經(jīng)從Android L預(yù)覽版本中收集到大量截圖資料，但這當(dāng)然無(wú)法囊括關(guān)于這款***移動(dòng)操作系統(tǒng)的一切。Android L在通知欄、設(shè)置、通話以及計(jì)算器方面也作出了不小的變更。

為了更好地向大家展示收集成果，我們將以看圖說(shuō)話的形式帶各位了解谷歌創(chuàng)建的這套Material應(yīng)用程序設(shè)計(jì)方案。在本屆谷歌I/O大會(huì)上，谷歌公司經(jīng)由一系列對(duì)話與Material設(shè)計(jì)指南環(huán)節(jié)透露了一大批與L系統(tǒng)密切相關(guān)的外觀信息。在對(duì)設(shè)計(jì)說(shuō)明文檔及I/O對(duì)話內(nèi)容進(jìn)行系統(tǒng)整理后，我們希望通過(guò)下面這些圖片幫助大家更為準(zhǔn)確地把握其設(shè)計(jì)實(shí)例。

左圖：Material設(shè)計(jì)文檔中列出的電子郵件應(yīng)用。右圖：Gmail。

其中大部分內(nèi)容來(lái)自Material設(shè)計(jì)指南文檔，而且多數(shù)還沒(méi)有出現(xiàn)在谷歌品牌下的實(shí)際產(chǎn)品當(dāng)中。大家可以通過(guò)上圖感受到這種差異，其中左圖示例電子郵件應(yīng)用還不具備正確的顏色主題或者操作按鈕，各條目擁有額外的文本行，而且該應(yīng)用還不具備星標(biāo)以及時(shí)間戳等次要UI元素。

不過(guò)目前的效果已經(jīng)包含該應(yīng)用“通用”版本中九成左右的完成度，而且我們真正需要關(guān)注的其實(shí)是截圖所傳達(dá)出的設(shè)計(jì)風(fēng)格。谷歌正努力推動(dòng)開(kāi)發(fā)人員接受其官方應(yīng)用外觀特征，而非自主開(kāi)發(fā)可能與之相沖突的視覺(jué)效果。需要注意的是，這些應(yīng)用尚處于開(kāi)發(fā)當(dāng)中，因此當(dāng)前效果可能與最終成品存在差異。此外，這份圖片匯總集合只是我們挑選出的較具代表性的內(nèi)容，相信Android L在今年晚些時(shí)候正式推出后還將有更為豐富的谷歌應(yīng)用外觀方案與大家見(jiàn)面。

看過(guò)本文列出的截圖之后，感興趣的朋友還可以點(diǎn)擊此處查看谷歌的Android Police網(wǎng)站。該站點(diǎn)列出了一部分尚處于開(kāi)發(fā)當(dāng)中且經(jīng)過(guò)重新設(shè)計(jì)的Google Play Store顯示方案。

平板設(shè)備上的Gmail版本（手機(jī)版本如下圖所示）。

通用電子郵件設(shè)計(jì)方案中包含導(dǎo)航選項(xiàng)、編輯屏幕以及橫掃以刪除機(jī)制。

[[116659]]

通用電子郵件應(yīng)用具備多種顯示形式。

這款地圖應(yīng)用看起來(lái)實(shí)在沒(méi)什么特色，對(duì)吧？在這款谷歌地圖應(yīng)用中，我們看到位置頁(yè)面、導(dǎo)航預(yù)覽以及導(dǎo)航模式下的旋轉(zhuǎn)效果。

平板設(shè)備上的谷歌地圖還包含有興趣點(diǎn)——即用戶可能感興趣的位置。

平板版本谷歌地圖中的興趣點(diǎn)說(shuō)明卡。

早期谷歌搜索界面與已經(jīng)完成的YouTube應(yīng)用視頻頁(yè)面。

這里顯示的無(wú)疑是Chrome瀏覽器。這些圖片中包含有網(wǎng)頁(yè)、選項(xiàng)卡切換界面以及新選項(xiàng)卡頁(yè)面。

#p#

通用版本音樂(lè)播放器。Google Play Music未來(lái)可能也會(huì)采用這樣的視覺(jué)外觀。其中顯示的大部分顏色都能夠以編程方式從專輯封面中獲取。在圖片中，我們可以看到主屏幕、專輯頁(yè)面以及“正在播放”屏幕。

平板設(shè)備上的音樂(lè)應(yīng)用專輯屏幕。

在平板設(shè)備中向上滾動(dòng)專輯屏幕，可以查看專輯中的各首曲目。

平板設(shè)備上的音樂(lè)應(yīng)用主屏幕。

不同顯示模式下的“正在播放”設(shè)計(jì)效果。

日歷應(yīng)用顯示日期視力以及新的事件設(shè)定屏幕。

[[116661]]

日歷應(yīng)用在不同顯示模式下的實(shí)際效果。

聯(lián)系人應(yīng)用中顯示的個(gè)人聯(lián)系信息與總體列表。

[[116662]]

不同顯示模式下的聯(lián)系人應(yīng)用。

畫(huà)廊應(yīng)用的通用版本顯示效果。

筆記應(yīng)用，看起來(lái)與Google Keep非常相似。

Google Play當(dāng)中的早期媒體庫(kù)外觀效果。

Play Store當(dāng)中顯示的書(shū)籍、音樂(lè)與電影信息。

原文鏈接：Android L’s app design—early looks at YouTube, Gmail, Maps, and more

核子可樂(lè)譯