![[介面翻新] Google將用Material Design打造Android統一風格](http://attach.mobile01.com/attach/201406/mobile01-a18f7411abb105c8bb77952150b0f53d.jpg)
Google剛在開發者大會上發表的Android L以及跨螢幕統一UI大計,其實裡面都包含了一個視覺的共同要點:Material Design,中文翻譯成素材設計。
從名稱我們我們可能會想成:難道Android L的畫面都改成像真實材質一樣的風格嗎?其實這樣會有點誤解,事實上視覺看起來也是一個個色塊卡片分割的感覺,但裡面其實有些光影、波紋、動態的感覺是模擬實物感而設計的。我們現在很流行用扁平化來形容平面的、色塊風格的感覺,但Material Design的視覺風格裡,則兼容了扁平化跟實物感。
![[介面翻新] Google將用Material Design打造Android統一風格](http://attach.mobile01.com/attach/201406/mobile01-32c15ca09a030067e4e0ddeffac01fcc.jpg)
為何要重新設計Android介面? 為了要在不同裝置上有統一的體驗
Android系統長久以來因為沒有給開發者一個統一的風格製作規範,所以常常是原生畫面的風格跟排版是這樣,但每個開發商做出來的畫面又是那樣,不僅視覺風格不統一,有時連操作icon的編排也不一樣,造成使用者的麻煩(這從iPhone轉到用Android的人一定感受非常深刻。)
從Android L開始,Google會給開發商一個Material Design製作手冊,裡面會規範一些設計準則,比方動態、用色、排版..等,目的就是要統一各種不同大小Android裝置的使用體驗。不過這並沒有強制性,開發商可以自己決定要不要重新設計,或採用哪些規範,這部份Google也為開發商保持了彈性。
![[介面翻新] Google將用Material Design打造Android統一風格](http://attach.mobile01.com/attach/201406/mobile01-d0014660dca22f82e75e3700dc402657.jpg)
設計方向靈感來自紙張和油墨,希望在螢幕上觸控也能模擬真實物品
在會後的訪問裡,Android用戶體驗主管Matias Durate提到,這次的新介面,不只適用於Android手機平板,也能在其他不同大小螢幕的裝置上使用,而且也不只是為了Android App、網頁或iOS上的Android App設計,而是希望它在每個平台上都有這個Google的Style,有一樣的使用經驗,而且Material Design的風格是簡單、乾淨、直覺的。這次Android的設計團隊嘗試以設計師的角度出發,而不是工程師的角度來做,也是以往Google比較少做的嘗試。
Google團隊表示,Material Design的靈感來源,是因為發現我們很容易透過外型、觸感、材質..等具體的感受,了解實物是怎樣做設計的,但在軟體介面上,我們要透過螢幕跟觸控,才能感受到它的設計,但使用者似乎並沒有期待在觸控時,會得到多少像在使用實物般的真實感受。所以設計師們在檢視軟體介面時,就去重新思考當我們透過用觸控操作軟體時,要怎麼做,才也可以有跟實物互動般的感受。
他們從紙張和油墨得到啟發,針對視覺編排、用色、動態…等幾個方面重新設計,讓人在觸控操作時,也能得到一些實感。
而且他們也認為設計不是藝術,設計是為了解決問題,它應該要更簡單實用,但仍要保持美觀,但使用經驗是直覺愉快的。
![[介面翻新] Google將用Material Design打造Android統一風格](http://attach.mobile01.com/attach/201406/mobile01-937b0ccb900753a25350f47ceb760141.png)
所以Material Design會包含一些元素,比方
◆大量使用卡片物件。
◆陰影&空間感:有燈光造成陰影的效果,這個陰影也製造出畫面上的物件是有距離,有層次的空間感,也較能突顯某個重要物件。
◆色彩也比較大膽,多半採用實色,而不是漸層的。
◆對人眼來說,書籍或印刷品的編排看起來是舒服的,因此這裡還是採用印刷品裡的排版、格點、留白、字體大小…等規範。
◆預設字型也重新設計,稍微加寬變圓,讓字體看起來更清晰簡單。
◆用動態來營造操作實物的感覺:比方可以用手指從螢幕中央滑像邊緣切換畫面,就像現實生活中移動卡片那樣自然,或是針對不同的觸控方法,會有連續的自然的陰影變化、動畫效果..,而不是硬生生的或憑空轉換。
![[介面翻新] Google將用Material Design打造Android統一風格](http://attach.mobile01.com/attach/201406/mobile01-a088258567e307851da8bc5c1e0762d0.png)
整體來說,Material Design讓畫面更簡潔、乾淨、美觀,簡單的東西讓人更容易接受,就更有利於延續那個相同體驗的感覺;利用動態營造使用實體時那個自然的感覺也是一個高招,既然是我們已經在現實中習以為常的感覺,那我們當然很快就能適應,就算在不同裝置上使用,也不會有需要學習的感覺。這讓小編想到,最好的設計就是沒有設計這句話….
不過介面裡多了動畫、陰影..這些元素,會不會增加CPU或GPU的負擔?硬體是不是要到一定的規格才行?會不會導致較低階的規格反而無法順暢的呈現這些效果?或讓裝置更耗電?
針對這些現實的問題,Google提到,在Android L的幾個新項目裡,有一點是特別針對電池續航力做改善,Google是從內部改善整個Android的電力使用效率,也就是Keynote上提到的Project Volta,以求新設計不會造成電力使用的負擔。
另外也提到團隊在設計過程時,也有針對這些做了很大的努力,確保讓Material Design裡的每個細節不會比現在更耗費硬體資源,各種等級的裝置都可以支援這樣的圖形處理效能,圖形渲染、陰影、動畫特效…等要素,也會針對不同規格的硬體做適配,比方調整動畫幀幅來同時維持順暢,又能呈現Material Design的風格。
接下來就是開發商努力,以及跟Google反饋討論的時間了,Google預計在今年秋天正式釋出消費者可更新的版本。
這是官方對Material Design的一段小介紹,裡面可以看到很多介面的風格,可以參考看看囉。
希望開發商也可以把App改成這種風格,這樣整個就很漂亮了~
