使用新的 Material Design 工具擴充調色盤
Material Design 指南是一個動態文件,包含跨平臺和跨裝置的視覺、互動和動畫設計指南。
除了提供相關指南外,Material Design 還是一個藉助新工具和新靈感支援和增強通訊與生產效率的系統。通過今天的更新,Material 引入了新的學習顏色的方式。新的顏色工具可幫助您通建立、分享調色盤,並將其應用於示例 UI 和 Codepen 中的各個元件。此工具還可評估文字在任何顏色組合下的易讀性,從而支援無障礙功能。具體功能包括:
建立顏色方案
建立由基色和混合色組成的深淺不一的顏色方案。
測試無障礙功能
根據網路內容無障礙功能指南易讀性標準進行評估,檢查是否可在不同顏色背景下檢視文字。
在不同顏色下預覽 UI
在 Codepen 中,預覽各種以可編輯 HTML、CSS 或 JavaScript 編寫的
Material Design 元件的顏色方案視覺效果。
通過這些新工具嘗試建立不同的顏色方案,您將能夠為使用者帶來更加豐富的體驗,我們熱切期待著您設計的顏色方案。如需獲取最新資訊,您可以訪問 https://material.io/ ,同時也歡迎您通過留言的方式與我們互動。
推薦閱讀:
講真,我們現在能手把手幫您做Material Design設計了
相關文章
- 9個建立Material Design調色盤的有用工具Material Design
- Paletter for Mac - 調色盤工具Mac
- Android調色盤——Palette的使用Android
- Material Design 之 TabLayout 使用Material DesignTabLayout
- 調色盤
- 探索新的Android Material Design支援庫AndroidMaterial Design
- Material DesignMaterial Design
- Material Design AnimationMaterial Design
- Material Design時代Material Design
- Material Design 之 Behavior 的使用和自定義 BehaviorMaterial Design
- WPF Material Design中資源的查詢和使用Material Design
- Material Design Lite,簡潔驚豔的前端工具箱。Material Design前端
- Material Design實戰Material Design
- 安卓Material Design(2)安卓Material Design
- 安卓Material Design(3)安卓Material Design
- 安卓Material Design(5)安卓Material Design
- 使用分割槽助手擴充C盤空間
- 仿PS的JS調色盤DemoJS
- Android-Material Design風格MVP模式的新聞AppAndroidMaterial DesignMVP模式APP
- 擴充套件工具套件
- Angular Material 攻略 03 angular Material Design 安裝AngularMaterial Design
- Android之Material DesignAndroidMaterial Design
- Material Design之AppBarLayoutMaterial DesignAPP
- 2017 Material design 第三章第一節《顏色》Material Design
- Material Design - 常用控制元件介紹和使用Material Design控制元件
- 用 Material Design 寫了一個簡單的 API 測試工具Material DesignAPI
- Material Design元件之AppBarLayoutMaterial Design元件APP
- Material Design Lite元件之徽章Material Design元件
- Material Design 之 TextInputLayout和TextInputEditTextMaterial Design
- Material Design 相關資源Material Design
- 使用純 CSS 實現仿 Material Design 的 input 過渡效果CSSMaterial Design
- Android UI進階之旅2 Material Design之RecyclerView的使用AndroidUIMaterial DesignView
- c盤擴充套件卷選項是灰的怎麼辦 c盤不能擴充套件卷的辦法套件
- discuz擴充套件工具集合套件
- Flutter Flame教程9 -- Color and Palette 顏色和調色盤Flutter
- https://material.google.com/material-design/environment.htmlHTTPGoHTML
- 如何給 Chrome 開發者工具設定 Material Design 風格的主題外觀ChromeMaterial Design
- Material Design 元件之FloatingActionButtonMaterial Design元件