9個建立Material Design調色盤的有用工具
Material Design最顯著的特點之一就是使用大膽、鮮明的色彩。Material Design的色彩指導原則把色彩風格描述為“靈感來自大膽的色彩混合溫和的環境、強烈的陰影和鮮明的標記”。
如果你需要建立Material Design調色盤,下面這些線上工具能夠提供幫助。
- Material palette
在這個工具中,先選擇基礎色和著重色,然後它將會向你展示生成的調色盤的及時預覽並且提供多種下載方式。
- Material UI’s Material Design Colors
這是一個在一頁上呈現Material Design所有顏色的漂亮的參考手冊。
- Random Material Generator
你想要隨機的生成你的調色盤的顏色嗎?使用這款工具你可以隨機的選擇你的Materila Design顏色。
- Material Design Palette Generator
如果你對建立一個傳統的、類似Material Design調色盤感興趣的話,看一下這個工具吧。首先,你需要通過一個顏色選擇框(類似於影像編輯軟體中的顏色選擇框)指定一種顏色,這種顏色不一定存在於Material Design顏色中,然後這個工具將基於你選擇的顏色生成一張顏色表。
- Material Mixer
這個好用的工具的在一個方便對比的表格佈局中展示了所有的Material Design顏色,點選基礎色和著重色後可以看到預覽然後選擇你喜歡的調色盤。
- Material Colors
這個工具只展示了Material Design的500和A200顏色樣本。
- MaterialUp’s Material Design Colors
這時另一個讓Material Design視覺化的簡單工具,它並排顯示著基礎色,點選一個“顏色條”將會出現所有的跟這個顏色相關的顏色樣本。
- Tint UI’s Material Design
這個工具只展示了Material Design的500顏色。
- Designskilz’s Material Design Colors
這個簡單的工具能夠幫你視覺化帶有正式名稱所有Material Design的顏色樣本。
為影像編輯器準備的Material Design色彩外掛
如果你不喜歡線上工具,你可以在你的設計軟體中安裝一個整合了Material Design顏色樣本的外掛。
<1>For Photoshop / Illustrator: 谷歌提供了可下載的Adobe color files 讓在Photoshop和Illustrator中設計調色盤變得簡單。
<2>For Sketch: 檢視由Koji Ishimoto建立的開源的Material Design Color Palette Sketch Plugin
<3>For Gimp/Inkscape: 你有兩個選擇,KiSSFLOW建立的gimp-material-design-color-palette 和由Soichrio Kashima建立的material-design-colors。
圖片顯示不出來 可以轉到原文上看
相關文章
- 使用新的 Material Design 工具擴充調色盤Material Design
- Paletter for Mac - 調色盤工具Mac
- 超實用!9個目前流行的MATERIAL DESIGN前端框架Material Design前端框架
- Flutter Flame教程9 -- Color and Palette 顏色和調色盤Flutter
- 調色盤
- Material DesignMaterial Design
- 用 Material Design 寫了一個簡單的 API 測試工具Material DesignAPI
- SVG 建立 Material Design 波紋效果按鈕SVGMaterial Design
- SVG建立Material Design波紋效果按鈕SVGMaterial Design
- Material Design 控制元件知識梳理(9) TextInputLayoutMaterial Design控制元件
- Chroma for Mac(調色盤建立編輯工具)v1.0.4註冊啟用版Mac
- Material Design AnimationMaterial Design
- 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
- 仿PS的JS調色盤DemoJS
- Android調色盤——Palette的使用Android
- Angular Material 攻略 03 angular Material Design 安裝AngularMaterial Design
- 20 個有用的 SVG 工具SVG
- Android之Material DesignAndroidMaterial Design
- Material Design 之 TabLayout 使用Material DesignTabLayout
- Material Design之AppBarLayoutMaterial DesignAPP
- 2017 Material design 第三章第一節《顏色》Material Design
- 幾個有用的JSON工具JSON
- Material Design元件之AppBarLayoutMaterial Design元件APP
- Material Design Lite元件之徽章Material Design元件
- Material Design 之 TextInputLayout和TextInputEditTextMaterial Design
- Material Design 相關資源Material Design
- https://material.google.com/material-design/environment.htmlHTTPGoHTML
- 值得一看!2018年最優秀的9個Android Material Design Apps!AndroidMaterial DesignAPP
- 探索新的Android Material Design支援庫AndroidMaterial Design
- 8個非常有用的CSS工具CSS
- iOS 開發的9個超有用小技巧iOS
- 超級有用的9個PHP程式碼片段PHP
- 如何給 Chrome 開發者工具設定 Material Design 風格的主題外觀ChromeMaterial Design