UI設計Material Design有哪些新功能?

UI設計Material Design有哪些新功能?

來自專欄 木梓設計

自2014年推出Material Design以來,它一直是使用最多(也是最受喜愛)的視覺設計語言!這是因為兩個主要原因:

  1. 統一:跨平台運行的可視化語言。
  2. 直覺:Material Design的核心原理是「材料/表面」的行為方式。這使得用戶幾乎可以看到交互中會發生什麼。

但谷歌希望Material Design不僅僅是另一種視覺語言。Google正在構建工具來改進我們的設計開發工作流程!以下是今年Google I / O發布的重要消息:

材料主題

這是Material Design的巨大升級!材料主題是「系統」定製材料設計以更好地反映產品品牌的能力。讓我在這裡解釋系統的含義:

品牌通過顏色,印刷和形狀在視覺上呈現。

所以我們需要一種方法來改變材質組件中的這些東西!

之前做出這樣的改變,我們不得不使用多個插件來更新Sketch符號/庫,但是現在我們有了「 Material Theme Editor 」。

一些很酷的功能:

  1. 更改/添加/更新顏色:這很酷,它可以了解顏色的使用位置,並相應地生成陰影/色調。
  2. 字體管理:這允許你創建視覺上相似的類型層次結構!
  3. 形狀:這是新東西,是材料設計的核心,因為這是關於更新材料(卡片/形狀)的!你可以根據品牌定義自定義形狀。
  4. 新的圖標樣式:你是否像我一樣被圖標和固定樣式的選擇所困擾?那麼,現在我們有5種不同風格的圖標。

畫廊

你們是否記得去年呢?這是Google發布的一項工具,聲稱這將簡化你的設計工作流程,但它所能做的只是允許用戶對圖像版本進行評論!

Google的畫廊回來了!現在它提供了一定能解決你的設計切換頭痛的功能。讓我們看看它可以做什麼。

  1. 它允許附加Google文檔,表格和幻燈片!因此,我們可以將所有內容從需求文檔,用戶研究,設計到一個地方!
  2. 它有「項目和收藏」的概念。這與我們的Sketch文件類似,並且有多個頁面!對我來說這是一件很大的事情。
  3. 如果你上傳的文件名稱相同,則會創建該文件的版本。這有助於了解你的線框如何變成真正的設計。或者只是看看反饋如何影響你的用戶界面。
  4. 檢查模式(Showstopper??):規範生成器!不是一個普通的,它可以檢測符號並顯示你鏈接到該組件的代碼!此外,它可以識別字體系列並顯示Google字體的鏈接!
  5. 當然,它是免費的!沒有更多的素描測量,Zeplin,奇蹟或Invison(對不起,夥計!)

分享最新鮮的設計文章!提供最優質的設計服務!

合作微信:2762076706

設計人員:木梓設計

原文鏈接:dwz.mn/TJoN


推薦閱讀:

史上最全的設計師裝備攻略①--iMac電腦篇
UI 設計師的 Affinity Designer 測評(下)
UI設計師如何提升審美?
APP設計構圖技巧:形式美的塑造與運用
UI設計的工作範疇有哪些?UI設計是做什麼的?

TAG:設計 | 用戶界面 | UI設計師 |