使用新的 Material Design 工具擴充調色盤
Material Design 指南是一個動態文件,包含跨平臺和跨裝置的視覺、互動和動畫設計指南。
除了提供相關指南外,Material Design 還是一個藉助新工具和新靈感支援和增強通訊與生產效率的系統。通過今天的更新,Material 引入了新的學習顏色的方式。新的顏色工具可幫助您通建立、分享調色盤,並將其應用於示例 UI 和 Codepen 中的各個元件。此工具還可評估文字在任何顏色組合下的易讀性,從而支援無障礙功能。具體功能包括:
建立顏色方案
建立由基色和混合色組成的深淺不一的顏色方案。
測試無障礙功能
根據網路內容無障礙功能指南易讀性標準進行評估,檢查是否可在不同顏色背景下檢視文字。
在不同顏色下預覽 UI
在 Codepen 中,預覽各種以可編輯 HTML、CSS 或 JavaScript 編寫的
Material Design 元件的顏色方案視覺效果。
通過這些新工具嘗試建立不同的顏色方案,您將能夠為使用者帶來更加豐富的體驗,我們熱切期待著您設計的顏色方案。如需獲取最新資訊,您可以訪問 https://material.io/ ,同時也歡迎您通過留言的方式與我們互動。
推薦閱讀:
講真,我們現在能手把手幫您做Material Design設計了
相關文章
- Paletter for Mac - 調色盤工具Mac
- 調色盤
- Android之Material DesignAndroidMaterial Design
- WPF Material Design中資源的查詢和使用Material Design
- Material Design元件之AppBarLayoutMaterial Design元件APP
- Material Design 元件之FloatingActionButtonMaterial Design元件
- Material Design 元件之FloatingActionBuMaterial Design元件
- Material Design - 常用控制元件介紹和使用Material Design控制元件
- 用 Material Design 寫了一個簡單的 API 測試工具Material DesignAPI
- Material Design Lite元件之徽章Material Design元件
- 使用純 CSS 實現仿 Material Design 的 input 過渡效果CSSMaterial Design
- 使用分割槽助手擴充C盤空間
- 擴充套件工具套件
- Material Design之-互動效果炸裂的 FloatingActionMenuMaterial Design
- Material Design Lite元件之按鈕Material Design元件
- Android Material Design 陰影實現AndroidMaterial Design
- Material Design 系列之 CardView、FAB 和 SnackbarMaterial DesignView
- 純CSS Material Design風格按鈕CSSMaterial Design
- Android Material Design控制元件使用(一)——ConstraintLayout 約束佈局AndroidMaterial Design控制元件AI
- Android Material Design控制元件使用(二)——FloatButton TextInputEditText TextInputLayout 按鈕AndroidMaterial Design控制元件
- c盤擴充套件卷選項是灰的怎麼辦 c盤不能擴充套件卷的辦法套件
- 如何給 Chrome 開發者工具設定 Material Design 風格的主題外觀ChromeMaterial Design
- 再不遷移到Material Design Components 就out啦Material Design
- 如何使用暗色系調色lightroom調色預設!OOM
- Flutter Flame教程9 -- Color and Palette 顏色和調色盤Flutter
- PHP的LZF壓縮擴充套件工具PHP套件
- 基於Bootstrap的Material Design風格表單外掛bootMaterial Design
- LLM 擴充套件開發工具套件
- 使用 Ruby 擴充 Vim
- System Design 關係型資料庫的擴充套件 - 學習筆記資料庫套件筆記
- 一文徹底搞清楚 Material DesignMaterial Design
- Chroma for Mac(調色盤建立編輯工具)v1.0.4註冊啟用版Mac
- Material Design之RecyclerView基本講解與瀑布流的實現Material DesignView
- flutter的進階之路之Material Design與IOS風格元件FlutterMaterial DesigniOS元件
- 使用Kotlin擴充套件函式擴充套件Spring Data案例Kotlin套件函式Spring
- Java-IoUtil擴充套件工具類Java套件
- Material Design 實戰 之第一彈——Toolbar詳解Material Design
- Solon詳解(六)- Solon的校驗擴充套件框架使用與擴充套件套件框架
- dart系列之:你的地盤你做主,使用Extension對類進行擴充套件Dart套件