Google I/O 大會之后,Material Design 發生了這些變化

編者按:Google I/O 大會之后,Material Design 也好不意外地隨之進行了更新,作為目前最主流也是對當前設計影響最大的一種設計風格或者說設計準則,它的每一個改變都有著巨大的意義,以及非常實際的影響。在 Google I/O 大會之前,開發者 Raveesh Bhalla 對于 Material Design 的新特性進行了預測,并且撰寫了《Google I/O即將到來,對于Material Design 2.0我做了這些預測》,大會之后確實有不少預測得到了印證,這篇文章就是對此的回應。

自從 2014 年 Material Design 問世以來,它就一直是被使用最多的視覺設計語言,也是最受歡迎的視覺設計語言之一。這一狀況很大程度上得益于它的兩個特征:

  • 統一:它是跨平臺的可視化設計語言。
  • 直覺:Material Design 的核心原理是「Material / Surface」的行為方式,「紙」的隱喻使得用戶能夠感知到這種虛擬的材質,能夠看到、觸摸到甚至預測到接下來會發生什么。

Google I/O 大會之后,Material Design 發生了這些變化

對于 Material Design ,Google 的想法恐怕不止讓它作為一種單純的視覺語言存在,還希望它承擔更多的功能,比如具備改變設計和開發流程的工具性。在今年的 Google I/O 大會之后,Material Design 的新特性也走到了臺前,這些改變確實令人振奮。

Material 主題

這對于 Material Design 而言,絕對是一次巨大的升級! Material 主題,提供的是一種「系統化」地對 Material Design 進行定制的功能,這也就意味著品牌可以借助它來定制出貼合自己品牌風格的 Material Design 主題。

Google I/O 大會之后,Material Design 發生了這些變化

Google I/O 大會之后,Material Design 發生了這些變化

這里所說的「系統化」指的是:

品牌能夠通過色彩、排印和圖形等視覺元素來凸顯自己。

這也意味著我們可以以一種全新的方式來改變 Material Design 所提供的這些組件!在此新功能出現之前,設計師需要在 Sketch 中借助多個不同的插件才能實現類似的功能,而現在,我們擁有了 Material Theme Editor 來專門執行這個任務。

Google I/O 大會之后,Material Design 發生了這些變化

Google I/O 大會之后,Material Design 發生了這些變化

它主要包含了這些有趣的功能:

  • 更改、添加和更新配色:它可以系統化的管理所有的顏色,并且能夠具體落實到具體位置上的特定色彩,可以一次更改整個設計中的一種色彩,甚至能夠基于特定的色彩來生成同色系不同明暗不同飽和度的其他色彩。
  • 字體管理:它不僅能夠管理字體,而且能夠控制字體的層次結構。
  • 形狀管理:這是最重要的新功能,也是 Material Design 的核心,因為這個功能意味著你可以更新設計的「材質」!元素的形狀,卡片的細節,都可以根據你的品牌特征進行自定義了!
  • 新的圖標樣式:如果你也被圖標的固定樣式所困擾,那么現在你擁有5種不同風格的圖標樣式供你選擇了,總會有那么一種符合你的需求。

Gallery

Gallery 是 Google 去年發布的新工具,這款工具號稱能夠簡化你的設計工作流程,不過在當時,它的功能還很簡單,僅僅只是允許用戶對不同的圖片的版本進行評論而已。

Google I/O 大會之后,Material Design 發生了這些變化

Google I/O 大會之后,Material Design 發生了這些變化

現在全新的 Google Gallery 來了,它現在能夠解決一些非常實際的設計功能了。

  • Gallery 中可以添加 Google 文檔、表單和幻燈片了!所以,現在可以將需求文檔、用戶調研和整個視覺設計整合到一起了!
  • Gallery 中添加了「項目和收藏」的功能,本質上它就像 Sketch 內置的文檔管理系統,并且涵蓋多個頁面,這在日常使用的時候會非常方便。
  • 如果你上傳的多個文檔文件名相同,它會針對多個文檔進行版本管理,這有助于你觀察整個產品的演進過程,以及反饋是如何影響設計走向的。
  • 內置了檢查模式,它并不是單純的進行拼寫檢查,它甚至可以檢測到符號和拼寫,甚至直接追溯到相應的組件和源代碼上,此外,文本識別功能還和 Google Fonts 的功能打通了!
  • 完全免費!僅此一點,就意味著設計師不用再選用 Sketch、Zeplin、InVision 或者 Marvel 這些收費服務了!

除此之外,Material Design 還有許多細節上的更新,這些新功能分布在新版規范的各個角落,其中主要包括:

結語

新的 Material Design 當中加入的新功能和新服務并不少,如何合理地運用其中的功能將直接關系到 UI/UX 設計師、PM 和產品設計師今后的工作方式,也許這里面藏著改變你的產品的新契機呢。

「2018年設計趨勢,一個都不要錯過」

================明星欄目推薦================

優優教程網 UiiiUiii.com 是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。

設計導航:國內人氣最高的設計網址導航,設計師必備: http://hao.uisdc.com

收藏 5
點贊

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。