當前位置:編程學習大全網 - 網絡軟體 - Material Design 是壹個怎樣的設計風格

Material Design 是壹個怎樣的設計風格

“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獨特的交互設計。

  • 上一篇:愛情公寓2裏面請把集數和呢壹集的名字寫下來,有高分15
  • 下一篇:為什麽索隆兩年後完全沒用過九刀流阿修羅?
  • copyright 2024編程學習大全網