淺談谷歌全新設計理念Material design
在今年的谷歌I/O開發者大會上,谷歌設計部門副總裁馬提亞斯·杜亞特向世界各地的開發者們展示了其全新的設計語言Material Design。這個設計在Android 5.0 中首次亮相。率先搭載Lollipop的設備分別是Nexus 6智能手機和Nexus 9平板電腦,這兩款設備在上個月月初亮相,而這預示著Material時代正式的到來。
“Material”中文譯為“材料”,它代表著物質的組成成分,如果放在手機系統設計中,這個詞會讓人很容易的聯想到手機系統的界面風格設 計,比如擬物和扁平風格。不過此次谷歌的Material design并不是一種系統界面設計風格,Material design其實是單純一種設計語言,它包含了系統界面風格、交互、UI等,此外對于谷歌來說,Material design還有著非常偉大的使命,那就是打造一個橫跨所有設備的統一的設計語言,像是手機、桌面端、可穿戴設備等今天就請大家跟隨這小編的腳步,來看看 這次谷歌全新設計理念Material design。
系統界面風格
“鮮明、形象、深思熟慮”,Material design此次的界面風格設計用這幾個詞語來形容是再合適不過了。Material design為安卓提供了新的視覺語言,在基本元素的處理上,借鑒了傳統的印刷設計、字體版式、網格系統、空間、比例、配色、圖像使用。在這些設計基礎上 下功夫,從而能夠構建出視覺層級、視覺意義以及視覺聚焦。精心選擇色彩、圖像、選擇合乎比例的字體、留白,力求構建出鮮明、形象的用戶界面,使得新的系統 界面是如此的漂亮。
而在色彩的選擇上Material design的原則是“大膽、圖形化、有意義”。在Material Design中,UI配色提倡一種主色,一種互補色。在區域較大部分的色彩采用主色的500色調,區域較小的部分例如狀態欄采用深一點的色調。如此巧妙的 色彩搭配使得應用看起來非常的大膽、充滿色彩感,凸顯內容。
Material design對于界面的排版非常的重視。眾所周知,好的排版會讓界面看起來非常的清爽,不會有雜亂無章的感覺,而要將排版做好,“基線”絕對是必不可少的 一樣東西。谷歌官方文檔《Material Design排版邊距》中就有提到基線的擺放位置,由下圖中我們可以看出,Material Design將第一基線放在距離邊界16dp的地方,與文本項對齊的第二基線被擺放到距離左邊界72dp的地方,這種對齊規則讓界面看起來清爽、具有印刷 設計的閱讀節奏感。讓用戶得以快速閱讀信息,比較符合格式塔原則。
整體來說,Material design為安卓帶來一次改革,系統的界面風格和布局都有了很大的改變,安卓系統自身的風格也漸漸顯露雛形。終于不會在有人說安卓原生系統難看了。
令人愉悅的交互設計
Material design的交互設計上采用的是響應式交互,這樣的交互設計能把一個應用從簡單展現用戶所請求的信息,提升至能與用戶產生更強烈、更具體化交互的工具。接下來我們選擇幾個簡單的動態圖,來看下Material design獨特的交互設計。
以上兩張圖展現的是響應式交互中的表層響應,當用戶點擊屏幕時系統會立即在交互的觸點上繪制出一個可視化的圖形讓用戶感知到,比如在上圖中,當用戶點擊屏幕時、使用麥克風時,或者鍵盤輸入時,會出現類似于墨水擴散那樣的視覺效果形狀。
以上兩張圖展現的響應式交互中的點擊浮動交互,可以看到當卡片元素或可分離元素被激活時,應該浮起以表明正處于激活狀態。
實踐說明
從上面的介紹來看Material design看起來非常的美好,接下來我們就來看看一款基于Material design設計的APP——Inbox。它完全展示出了Material的設計。充滿各種圖層、大膽的色彩和直觀的動畫。
從圖中看出Inbox的整體界面設計的十分漂亮,動畫感很強,層級與層級之間設計的非常巧妙,并且大膽的配色也使的該APP看起來很有活力,標 準的Material design式排版也使得APP中的內容得以凸顯。而卡片式的主界面風格也使得我們能一眼看出,這是一款基于Material design設計出的軟件。
總結:對于安卓來說Material design的出現具有劃時代的意義,同時它也向那些各種各樣不同設計的應用程序和毫無美感可言的Launcher發出了一條信號:我們的設計不比蘋果差多少,采用Material設計的APP將更具有美感。
當然要使得Material設計完全滲透到谷歌的生態系統中可能還需要很長的時間,不過既然谷歌敢跨出這一步,這就意味著谷歌開始對安卓這個開放系統進行約束,安卓碎片化現象將得以緩解,未來的安卓將是Material design的世界。
via:sina科技
這個風格滿大街都是,google 只是跟風而已。。