使用新的 Material Design 工具擴充調色盤

谷歌開發者_發表於2017-04-30

640?wx_fmt=gif


640?wx_fmt=jpeg


Material Design 指南是一個動態文件,包含跨平臺和跨裝置的視覺、互動和動畫設計指南。


除了提供相關指南外,Material Design 還是一個藉助新工具和新靈感支援和增強通訊與生產效率的系統。通過今天的更新,Material 引入了新的學習顏色的方式。新的顏色工具可幫助您通建立、分享調色盤,並將其應用於示例 UI 和 Codepen 中的各個元件。此工具還可評估文字在任何顏色組合下的易讀性,從而支援無障礙功能。具體功能包括:


建立顏色方案

640?wx_fmt=png

建立由基色和混合色組成的深淺不一的顏色方案。


測試無障礙功能

640?wx_fmt=png

根據網路內容無障礙功能指南易讀性標準進行評估,檢查是否可在不同顏色背景下檢視文字。


在不同顏色下預覽 UI

640?wx_fmt=png

在 Codepen 中,預覽各種以可編輯 HTML、CSS 或 JavaScript 編寫的 

Material Design 元件的顏色方案視覺效果。


640?wx_fmt=jpeg

通過這些新工具嘗試建立不同的顏色方案,您將能夠為使用者帶來更加豐富的體驗,我們熱切期待著您設計的顏色方案。如需獲取最新資訊,您可以訪問 https://material.io/ ,同時也歡迎您通過留言的方式與我們互動。


推薦閱讀:

講真,我們現在能手把手幫您做Material Design設計了

讓您的遊戲在Google Play獲得成功的5大技巧

移動應用設計:註冊和表單

四月刊 | Google Play 開發者 FAQ


640?wx_fmt=gif


相關文章