必威电竞|足球世界杯竞猜平台

Material Design
來源:互聯網

Material Design,中文名:材料設計語言,是由谷歌推出的全新的設計語言,谷歌表示,這種設計語言旨在為手機、平板電腦臺式機和“其他平臺”提供更一致、更廣泛的“外觀和感覺”。

簡介

Material Design語言的一些重要功能包括 系統字體Roboto的升級版本,同時顏色更鮮艷,動畫效果更突出。杜拉特還簡要談到了新框架的一些變化——這個新框架也于今天在 谷歌com/設計 公開發布。谷歌的想法是讓谷歌平臺上的開發者掌握這個新框架,從而讓所有應用就有統一的外觀,就像是蘋果公司向開發者提出的設計原則一樣。谷歌還基于這種新的設計語言對本公司旗艦應用進行了重新設計,包括安卓和網頁端的gmail和Calendar。大家可能還會記得,看到過有關這些變動的文章,有些博客 已經掌握了外泄截屏,顯示經過了重新設計的Gmail,界面更干凈、更簡約。在安卓平臺上,這種新界面被稱為Material,支持各種新動畫效果,具有內置的實時UI陰影,以及可在不同屏幕之間切換的hero元素。

詳解

Material Design:谷歌拿出媲美蘋果公司的設計

過去谷歌的產品線,每一個都相當的獨立,在產品的設計上反映得尤為明顯,甚至不必看產品設計,只要看一下Google每款產品的LOGO都能發現許多不同風格的設計。這種混亂難以體現出Google的風格,如果Google的風格不是混亂和無序的話。

2011年,拉里·佩奇成為Google CEO之后,他管理公司的政策從過去的自由、放任,變為緊密、整合。根據我們的報道,在谷歌發展的早期,因為鼓勵觀點的碰撞,結果發展成一種不留情面的爭論氛圍,高管之間沖突不斷,甚至會拒絕合作。佩奇決心要改變公司的氛圍,2013年2月,在納帕山谷的卡內羅斯客棧酒店里,他對所有谷歌高管說,Google要實現10倍的發展速度,要用全新的方法來解決問題,因此高管之間要學會合作。從現在開始,Google要對爭斗零容忍。

除了谷歌不同產品線相互之間變得更加開放、合作外,佩奇還大膽改變Google“以工程師為主導”的文化。2011年,公司啟動代號為“肯尼迪”的項目,召集公司里所有重要的設計師,重新設計Google里的每一項產品,尋找一種共同的設計語言。最終他們找到跨產品的設計是“卡片式設計”。不僅如此,2012年,佩奇大膽地作出一項決定,讓設計師參與到早期產品的設計開發中,這項產品是我們看到的Google Now——一項典型采用卡片式設計的跨設備產品,從Android到Google Chrome,它的表現都幾乎一致。

可以這么說,從谷歌 Now上,Google的設計師們通過整合Google現有的技術和能力,再加上對跨設備界面與交互思考,結合卡片式設計,終于設計出在不同設備上界面和體驗都相對統一的產品。而這種跨界的設計經驗,經過兩年的努力,復用在一致飽受割裂、碎片化困擾的Android平臺上。

Android一開始充滿著舊Google時代的風格:自由、放任。開發者可以任意上傳自己的應用,而不必通過審核;開發者可以隨意按照自己的想法設計應用,谷歌方面不予任何限制??梢哉f,Android一開始就是一片Google開辟的荒地,他允許每個人都可以隨意使用,結果是所有人都各行其是,讓這塊荒地亂糟糟的。直到Android 4.0,從Palm跳槽到Google擔任Android用戶體驗副總裁的馬蒂亞斯·杜瓦迪(Matias Duarte)上任后,才真正提出設計指導。

而Google I/O 2014上著重展示的Material 設計,以非常高調的方式,宣布了Google Design的存在:不欣賞設計,對設計毫無感覺的Google已是昨日。在發布會當時,谷歌還上線名為Google Design的網站。從Android到衍生的Android Wear、Auto和TV,Material Design貫穿其中,成為溝通不同平臺、設備的靈魂,讓用戶在不同平臺上也有連貫的體驗。為了維護這種一致性,Google甚至不允許第三方修改Android Wear、Auto和TV的界面以及交互,十分強勢。

Material 設計不能簡單地歸納為平面化設計(Flat Design)。實際上,Android 4.0的設計風格,也不是純粹的平面化設計,在經過仔細觀察之下,我們可以看到Android 4.0在細節上并沒有反對高光、陰影、紋理,換言之它并不反對立體感。不過,它也不能歸類為擬物化設計,畢竟它所使用的圖案、形狀并非是對現實實體的模擬,而是按照自己對數字世界的理解,以色彩、圖案、形狀進行視覺信息上的劃分。

根據Hi-iD之前在《花樣,形式,風格,氛圍,主義……設計》中總結設計當中不同的層次,以谷歌過去各個產品而言,都充滿了不同的花樣和形式,但無法統一為一種風格。而Material Design則結合卡片式設計,又結合現實世界里紙張的隱喻,統一了Google在設計上的表達,從而展示出一種強烈的風格。這種風格不會因為我們使用Android Wear或Android TV等不同的設備,而感到不同。HIiD說得好,“風格既是自我表達也是一種記名和品牌”。

Material Design在設計上并沒有完全拋棄谷歌過去在設計上取得的成果。Material Design和Google的標志一樣,崇尚多彩,但它并不使用那種很艷麗的顏色,反而似乎是為了讓圖案變得沉穩,而有意令原本很晃眼的色彩混入一點點的灰色,讓圖案變得活潑之余,又不會因為過于艷麗而讓人感覺到俗套和嬉皮。它也沒有拋棄陰影,仔細觀察Android 4.0的下拉菜單,我們可以看到底部和右側有著淡淡的陰影。

不過,比起過去的Android 設計來說,Material Design更有自己的目標,它不僅僅為了好看而已,它要讓不同設備的屏幕上表現出一致、美觀的視覺體驗以及交互。根據InfoQ報道,2014年4月Accel Design大會期間,杜瓦迪接受InfoQ采訪時提出,“作為一個概念,移動已死,它完蛋了。”他的意思是說,“將用于移動設備的應用程序作為單獨的應用程序自行設計是一個錯誤的做法。”

杜瓦迪說, “不應該為不同的屏幕規格創建不同的產品,而是使用一種統一的設計方法開發一款可以跨多種屏幕的產品:桌面、智能手機、車載解決方案、智能手表。當人們整天都在所有這些不同的屏幕之間切換時,他們應該能夠繼續使用一個特定的程序。這點不僅適用于產品的視覺外觀,也適用于其功能集。如果一個人開發了一個打車應用程序,而它能在7英寸的屏幕上運行,但不能在2英寸的屏幕上運行,這是不行的?!?/p>

為了統一跨設備間的界面和交互,讓用戶得到連貫的體驗。 Material Design不再讓像素處于同一個平面,而是讓它們按照規則處于空間當中,具備不同的維度。按照Wired的話來說,那就是讓像素具備海拔高度,這樣子的話,系統的不同層面的元素,都是有原則、可預測的,不讓用戶感到無所適從,也避免開發者擔心因為不同的視覺風格而產生沖突。

Material Design還規范了Android的運動元素,讓按鈕的彈入彈出,卡片的滑入滑出以及從一個界面變化成另一個界面的方法(比如從介紹一首歌的界面到控制播放的界面),都是秩序的、深思熟慮過的。Wired總結,Material Design中只有在高亮動作以及改變交互狀態時,才會使用運動元素來表示。

對于現實世界中的隱喻, Material Design更加傾向于用色彩來提示。我們按下屏幕當中的按鈕時,可以看到按鈕顏色迅速發生變化,向石頭投入湖面一樣,產生了一波漣漪。杜瓦迪這樣設計是因為Material Design中的按鈕都處于一個平面,不再突起,因此它必須采用和以往不同的表示方法,以表明自己已經被按下。

Material Design所展示的模板當中,最顯眼的是它的小圓點。它的作用好像IPhone上的Home鍵,是快捷功能入口,又是視覺上有趣的點綴。

然而,正如Material Design名字所暗示的,為了適應多尺寸的屏幕,杜瓦迪以及他的團隊,尋求一種更加抽象的表達,一種存在屏幕里的顯示“材料”。根據The Verge報道,杜瓦迪團隊在面對谷歌產品里大量采用的卡片式設計時,靈感火花一閃:何不如這些“卡片”,想像成現實當中存在的,四處滑動的物體。

如果這些卡片遵循物理世界里的法則,那么它就有自己的規矩,不見得每個人都能夠任意使用,對于設計師來說“限制”是有必要的。在Google設計師的想象中,這種抽象的“材料”特性很像紙張,但它又做到現實當中紙張做不到的事情,比如變大變小。這賦予這種“材料”極大的靈活性,讓它足以適應不同尺寸的屏幕。然而,對于谷歌來說,Material Design還將擴展到Google其它產品當中去,讓所有產品都烙印上濃濃的Google風格。

對于杜瓦迪來說,從Android 4.0到Material Design,體現了他身為設計師的素質和能力,而在這不同的經歷當中,他的感受是,“打造Ice Cream時,我好似軍艦上的一名上校,被叫去輪機艙,而這艘船即將在30分鐘后轉彎。創造Material Design就像指揮美國太平洋艦隊的海軍上將。我們要在一無所知的情況下作出決定,而船在48小時后啟航。”

至于Material Design本身,它是一個足以媲美蘋果公司設計的一套設計框架。

展示

曾制作了微軟、T-Mobile和MTV的第三方客戶端軟件設計專家Five分享了部分谷歌實驗中的Material Design動畫,整個界面使人的感覺非常舒服,動畫的過渡也非常流暢。

隨著Android 5.0的發布,Material Design也必定會成為未來APP設計的趨勢,這種設計理念讓Android界面在體驗上更加新鮮和簡潔,且能夠非常有效的激發應用開發者的創作熱情,使其帶來更加卓越的應用界面。

評價

有國外開發者表示:“我在用Swift的時候,我的眼前總會浮現出谷歌 Go語言。Go擁有很好的并發功能,很欣喜能看到蘋果公司汲取了Go的一些特點。不過,現在才僅僅是蘋果新語言的開始?!?/p>

所以,Google 發布的Material Design語言更像是一套界面設計標準,而蘋果發布的Swift是一款編程語言,為了降低開發者的門檻,二者截然不同。

參考資料 >

生活家百科家居網