2014年11月17日 08:32機(jī)鋒網(wǎng) 我有話說 收藏本文
　　在今年的谷歌I/O開發(fā)者大會(huì)上，谷歌設(shè)計(jì)部門副總裁馬提亞斯·杜亞特向世界各地的開發(fā)者們展示了其全新的設(shè)計(jì)語(yǔ)言Material Design。這個(gè)設(shè)計(jì)在Android 5.0 中首次亮相。率先搭載Lollipop的設(shè)備分別是Nexus 6智能手機(jī)和Nexus 9平板電腦，這兩款設(shè)備在上個(gè)月月初亮相，而這預(yù)示著Material時(shí)代正式的到來。

　　“Material”中文譯為“材料”，它代表著物質(zhì)的組成成分，如果放在手機(jī)系統(tǒng)設(shè)計(jì)中，這個(gè)詞會(huì)讓人很容易的聯(lián)想到手機(jī)系統(tǒng)的界面風(fēng)格設(shè) 計(jì)，比如擬物和扁平風(fēng)格。不過此次谷歌的Material design并不是一種系統(tǒng)界面設(shè)計(jì)風(fēng)格，Material design其實(shí)是單純一種設(shè)計(jì)語(yǔ)言，它包含了系統(tǒng)界面風(fēng)格、交互、UI等，此外對(duì)于谷歌來說，Material design還有著非常偉大的使命，那就是打造一個(gè)橫跨所有設(shè)備的統(tǒng)一的設(shè)計(jì)語(yǔ)言，像是手機(jī)、桌面端、可穿戴設(shè)備等今天就請(qǐng)大家跟隨這小編的腳步，來看看 這次谷歌全新設(shè)計(jì)理念Material design。
　　系統(tǒng)界面風(fēng)格
　　“鮮明、形象、深思熟慮”，Material design此次的界面風(fēng)格設(shè)計(jì)用這幾個(gè)詞語(yǔ)來形容是再合適不過了。Material design為安卓提供了新的視覺語(yǔ)言，在基本元素的處理上，借鑒了傳統(tǒng)的印刷設(shè)計(jì)、字體版式、網(wǎng)格系統(tǒng)、空間、比例、配色、圖像使用。在這些設(shè)計(jì)基礎(chǔ)上 下功夫，從而能夠構(gòu)建出視覺層級(jí)、視覺意義以及視覺聚焦。精心選擇色彩、圖像、選擇合乎比例的字體、留白，力求構(gòu)建出鮮明、形象的用戶界面，使得新的系統(tǒng) 界面是如此的漂亮。

　　而在色彩的選擇上Material design的原則是“大膽、圖形化、有意義”。在Material Design中，UI配色提倡一種主色，一種互補(bǔ)色。在區(qū)域較大部分的色彩采用主色的500色調(diào)，區(qū)域較小的部分例如狀態(tài)欄采用深一點(diǎn)的色調(diào)。如此巧妙的 色彩搭配使得應(yīng)用看起來非常的大膽、充滿色彩感，凸顯內(nèi)容。

　　Material design對(duì)于界面的排版非常的重視。眾所周知，好的排版會(huì)讓界面看起來非常的清爽，不會(huì)有雜亂無(wú)章的感覺，而要將排版做好，“基線”絕對(duì)是必不可少的 一樣?xùn)|西。谷歌官方文檔《Material Design排版邊距》中就有提到基線的擺放位置，由下圖中我們可以看出，Material Design將第一基線放在距離邊界16dp的地方，與文本項(xiàng)對(duì)齊的第二基線被擺放到距離左邊界72dp的地方，這種對(duì)齊規(guī)則讓界面看起來清爽、具有印刷 設(shè)計(jì)的閱讀節(jié)奏感。讓用戶得以快速閱讀信息，比較符合格式塔原則。

　　整體來說，Material design為安卓帶來一次改革，系統(tǒng)的界面風(fēng)格和布局都有了很大的改變，安卓系統(tǒng)自身的風(fēng)格也漸漸顯露雛形。終于不會(huì)在有人說安卓原生系統(tǒng)難看了。
　　令人愉悅的交互設(shè)計(jì)
　　Material design的交互設(shè)計(jì)上采用的是響應(yīng)式交互，這樣的交互設(shè)計(jì)能把一個(gè)應(yīng)用從簡(jiǎn)單展現(xiàn)用戶所請(qǐng)求的信息，提升至能與用戶產(chǎn)生更強(qiáng)烈、更具體化交互的工具。接下來我們選擇幾個(gè)簡(jiǎn)單的動(dòng)態(tài)圖，來看下Material design獨(dú)特的交互設(shè)計(jì)。

　　以上兩張圖展現(xiàn)的是響應(yīng)式交互中的表層響應(yīng)，當(dāng)用戶點(diǎn)擊屏幕時(shí)系統(tǒng)會(huì)立即在交互的觸點(diǎn)上繪制出一個(gè)可視化的圖形讓用戶感知到，比如在上圖中，當(dāng)用戶點(diǎn)擊屏幕時(shí)、使用麥克風(fēng)時(shí)，或者鍵盤輸入時(shí)，會(huì)出現(xiàn)類似于墨水?dāng)U散那樣的視覺效果形狀。

　　以上兩張圖展現(xiàn)的響應(yīng)式交互中的點(diǎn)擊浮動(dòng)交互，可以看到當(dāng)卡片元素或可分離元素被激活時(shí)，應(yīng)該浮起以表明正處于激活狀態(tài)。
　　實(shí)踐說明
　　從上面的介紹來看Material design看起來非常的美好，接下來我們就來看看一款基于Material design設(shè)計(jì)的APP——Inbox。它完全展示出了Material的設(shè)計(jì)。充滿各種圖層、大膽的色彩和直觀的動(dòng)畫。

　　從圖中看出Inbox的整體界面設(shè)計(jì)的十分漂亮，動(dòng)畫感很強(qiáng)，層級(jí)與層級(jí)之間設(shè)計(jì)的非常巧妙，并且大膽的配色也使的該APP看起來很有活力，標(biāo) 準(zhǔn)的Material design式排版也使得APP中的內(nèi)容得以凸顯。而卡片式的主界面風(fēng)格也使得我們能一眼看出，這是一款基于Material design設(shè)計(jì)出的軟件。
　　總結(jié)：對(duì)于安卓來說Material design的出現(xiàn)具有劃時(shí)代的意義，同時(shí)它也向那些各種各樣不同設(shè)計(jì)的應(yīng)用程序和毫無(wú)美感可言的Launcher發(fā)出了一條信號(hào)：我們的設(shè)計(jì)不比蘋果差多少，采用Material設(shè)計(jì)的APP將更具有美感。
　　當(dāng)然要使得Material設(shè)計(jì)完全滲透到谷歌的生態(tài)系統(tǒng)中可能還需要很長(zhǎng)的時(shí)間，不過既然谷歌敢跨出這一步，這就意味著谷歌開始對(duì)安卓這個(gè)開放系統(tǒng)進(jìn)行約束，安卓碎片化現(xiàn)象將得以緩解，未來的安卓將是Material design的世界。