Android Material Design帶來的UI變革

來源:互聯網
上載者:User

標籤:design   語言   Google   設計   

        GoogleMatias Duarte稱,“Material Design是美麗和大膽的,因為乾淨的排版和布局簡單且容易理解。內容才是焦點。


GoogleI/O 014開發人員大會上宣布全新的設計語言“Material Design”,適用於旗下所有平台,包括 Android、Chrome OS 和網頁。


     GoogleMatias Duarte稱,“Material Design是美麗和大膽的,因為乾淨的排版和布局簡單且容易理解。內容才是焦點。”


       Material Design 初次亮相是在 Google 上月發布的 Google+應用升級中,它更換了新表徵圖和字型,並擁有更加統一的介面層次。整個介面的設計都建立在 Google 稱為「合理化空間與動作系統的統一理論」的基礎上。Google表示,這一設計語言將重新定義 Android 與網頁端應用,當然其中也包括 Gmail 和Google日曆。

       “這是一種非常先進的紙墨,它和魔法無異。”這是Google設計副總裁馬提亞斯·杜阿特(Matias Duarte)口中Material Design的中心原則。這個比喻隱喻的是Google背後新的設計方向,即為軟體的外觀和運行提供一套完整的物理理念和規則。

        Google的設計團隊想要打造出一個可以適用於所有產品(包括Android和Chrome OS在內)的“更加一致的外觀和感覺”。構建這個理念時,團隊並沒有從特定的調色盤顏色或一段指南開始,而是首先問了一個問題:軟體是由什麼做成的?


物質和形式

       答案來自設計一次探索。當時Google首席搜尋設計師喬恩·威利(Jon Wiley)和他的同事尼古拉斯·杰特科夫(Nicholas Jitkoff)對現在看起來無處不在的卡片式設計表示關注,這種設計最早源自Google Now。他們看著這些卡片,想的是“當你滑走一張卡片時,它的下面顯示的是什嗎?”

     “這是一個很天真的問題,”杜阿特表示,“但是這激發出了強烈的火花。”這個想法引領團隊構建出一種關於軟體構成元素全新的思維方式。相對於在螢幕上討論像素或是抽象層面,設計團隊把這些卡片和滑動的表面視為是真實、有形的物體。

      假如這些卡片是一些具有物理性質的真實材料,那麼就意味著將有一些規則來約束它們在螢幕上活動和移動的方式。你不能隨心所欲地對它們做任何事,就好像你不能對實際物體做任何事一樣。

       因此設計團隊決定開發這個和紙墨有些類似的“材料”。這張紙墨形狀扁平,略浮於背景表面,顏色偏白。它們擁有一致的陰影和一致的照明光線。當你移動這些“物質”時,它們不會消失,而只是移動到了其他地方。在使用者沒有進行移動的情況下,它們不會自己挪動。

      這個大膽的決定配上明亮的顏色和顯眼的字型,你可以在Android L系統中看到這種紙墨的首次實現:它擁有多種色彩和層次,能夠來回互相滑動,但是它依然能保持空間感和一致性。

       威利和杰特科夫表示,這個新的審美理念更像是一個設計理念的發展,而非一次重大變革。Google在2012年和2013年就開始著手肯尼迪項目(Project Kennedy)用以統一公司的設計語言。隨著Material Design的發布,這一切繼續向前推進。“作為一個整體,它傳達出了多色彩光的感覺,”杰特科夫表示,“它的表徵圖看起來豐富多彩,同時介面又非常簡潔。”

創造力和約束

    “Material Design統一了人們的思想,這絕對是一個約束。但是這些約束讓設計更加簡單和連貫。”杰特科夫說道。例如,你或許想把卡片放過來看看背面的內容,但是這在Material Design裡是行不通的。這些軟體就像真實物品一樣具備物理性質,手機裡沒有空間可以讓它們翻轉,因此我們就無法看到背面的內容。

       杜阿特表示,我們能夠理解實體的物品,但是軟體常常打破我們的這種認知模式。軟體打破了懷疑理論,因為在一些電影中,一些事情的發生並沒有遵循其原本的內部邏輯。

   “設計是在約束中尋找解決方案,”杜阿特說,“如果沒有約束,那也就談不上設計了——那成了藝術。”

      Google的設計師依然拒絕為這個材料命名,這給了他們更多的靈活性,也讓它更具神秘主義的氣息。拒絕命名的一個重要原因是,雖然它遵循了一定的物理規則,但是它不屬於擬物化風格。材料並非是對紙張一對一的模仿,而是“魔法紙”。

        它能夠做到物理紙張無法做到的事情,如隨著動畫調整大小。Google表示,這些動畫非常重要,因為這可以協助使用者理解他們是在一個應用程式中。“很多軟體感覺像是簡化版的電影或電視,讓你失去時間和空間的概念。”威利表示。對於使用者來說,他們更希望看到應用變成“舞台劇”。“它們會從一個時刻跳轉到下一個時刻,”他說,“情境在不斷變化,舞台上的內容經過了編排和轉換,這非常有意義。”

成為現實

       更重要的是,這種材料能在你需要的時候出現。Google此前對Google Now這樣的產品已經研究多年,它背後的演算法成為這個新設計理念的重要組成部分。相對於要求使用者管理自己的資料,Material Design則是要求使用者相信Google在正確的時間能給他們需要的內容。

        這也是可穿戴系統Android Wear沒有為使用者提供回複訊息之外的功能的原因,該平台設計師亞曆克斯·法伯格(Alex Faaborg)表示:“你不會花費大量的時間與手錶進行互動,你只是想看一下通知再快速進行語音回複。這與我們對Google Now的研發理念相同,不過現在針對是整個平台。”

        杜阿特表示:“我們想出了最簡單的解決方案。我們的設計實踐之一就是把簡單可行放在使用者設計的首位。”

Parc 3.0

        Google開發Material Design的野心除了在於為軟體和網頁提供一致性的外觀和感覺,還超越了Android L和Android Wear,該公司希望強化人們和電腦互動技術之間的關係。

       杜阿特表示,“施樂帕克研究中心(Xerox Parc)”的可疊加操作視窗和滑鼠就是這個領域的重要研究成果。但是它並非是突破性研究成果,因為這是一個虛擬化的實體案頭,沒有“具備對象關係”。蘋果在這個領域也進行了研發,把人們帶進了可以觸摸和移動軟體元素的世界。

       Google相信它的新設計語言能夠再次推動人們向前,這套語言中融入了包括觸控螢幕、手勢、語音控制,甚至包括Google自己的智能演算法等在內的技術。這些技術結合在一起,為大腦提供了一個軟體運作模型,它具備跨裝置的功能,讓我們能直觀地解決我們所遇到的事。

        而Material Design正是這個軟體運作模型的組織架構,不過它目前還未成為施樂案頭和iPhone那樣的明星產品。如果Google能夠兌現承諾,把Material Design運用到包括Chrome OS、Android及網頁等在內的所有平台,那麼人們就可以在這些平台之間無需調整地進行切換。

        現在Material Design還僅僅只是一個想法,在Google推出更多使用這套語言的軟體之前,它將繼續保持神秘。不過正如威利所言:“我們還處在起步階段。”Google將忙於為接下來的事做準備。

     “如果我們能用未來的材料代替今天的材料進行設計,”杜阿特表示,“那麼未來就是正確的。”

參考:http://www.tmtpost.com/118534.html   http://www.ithome.com/html/android/92017.htm





聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.