如何精通Google推出的質感設計

Google為Material Design開設了一個新網站 - material.io –就像他們所說的那樣,是Material Design的更集中化方法,並為您提供了易於使用的大量指南和工具。在2017年,我們希望在網絡上看到更多內容,因此我們精心策劃了這份小指南,可幫助您掌握Material。

如何精通Google推出的質感設計

什麼是質感設計?

Material Design是Google在2014年以代號Quantum Paper開發的一種設計語言。 MD基於墨水和紙張;但是,與這兩種質感不同,此設計具有物理表面和邊緣,但是可以智能地進行擴展和重整。

質感設計

您可以在任何地方看到它:從您的Google收件箱開始,一直到Google Play商店,甚至在Chrome中也是如此。而且它的實現方式非常智能,可以溫暖您的感官,您也希望在其他應用程序中也能看到它。

如何精通Google推出的質感設計

Google在其新網站上將MD定義如下:

質感設計是一個統一的系統,結合了用於製作數字體驗的理論,資源和工具。

換句話說,質感設計被認為是一種以統一的方式涵蓋未來所有設計的哲學,無論設備如何。設計人員將這種圖形語言理解為一種幫助人們以更智能,直觀的方式與設備進行交互的方式。例如,當您在屏幕上看到一個按鈕時,您將知道該按鈕將被按下,並且一旦按下按鈕,它就會拉上去,您會感覺到它更具動感。

質感設計指南

一種開始學習如何設計質感應用程序和網絡應用程序的好方法是通過在其官方網站上瀏覽Google的質感設計指南。

如何精通Google推出的質感設計

在這裡,您將能夠隱喻質感背後的觀念,包括其屬性,陰影和新聞。此外,您還可以學習運動(材質運動,持續時間和緩動,運動,變換材質,編排和創意自定義),樣式(顏色,圖標,圖像,版式和書寫方式),佈局(原理,單位和測量,指標和關鍵線,結構,響應式UI和分屏顯示,組件(底部導航,按鈕,卡片,芯片,對話框,列表,菜單等),如何使用模式甚至獲得諸如彩色之類的炫酷資源Google建議的調色板。

質感設計資源

以下是其他MD資源,可以幫助您學習這一美麗的設計哲學:

如何精通Google推出的質感設計

最後,告訴我們您有沒有機會通過質感設計規範並以這種設計語言設計用戶界面。您是否覺得它比平面設計更具挑戰性且更現代?在設計第一個Material UI時,您是否面臨任何挑戰?