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。
圖片顯示不出來 可以轉到原文上看
相關文章
- Paletter for Mac - 調色盤工具Mac
- 用 Material Design 寫了一個簡單的 API 測試工具Material DesignAPI
- Flutter Flame教程9 -- Color and Palette 顏色和調色盤Flutter
- 值得一看!2018年最優秀的9個Android Material Design Apps!AndroidMaterial DesignAPP
- 調色盤
- Android之Material DesignAndroidMaterial Design
- Chroma for Mac(調色盤建立編輯工具)v1.0.4註冊啟用版Mac
- Material Design元件之AppBarLayoutMaterial Design元件APP
- Material Design 元件之FloatingActionButtonMaterial Design元件
- Material Design 元件之FloatingActionBuMaterial Design元件
- Material Design Lite元件之徽章Material Design元件
- Material Design之-互動效果炸裂的 FloatingActionMenuMaterial Design
- Material Design Lite元件之按鈕Material Design元件
- Android Material Design 陰影實現AndroidMaterial Design
- 在 Linux 下 9 個有用的 touch 命令示例Linux
- Material Design 系列之 CardView、FAB 和 SnackbarMaterial DesignView
- 純CSS Material Design風格按鈕CSSMaterial Design
- 10個超級有用的Python工具!Python
- 如何給 Chrome 開發者工具設定 Material Design 風格的主題外觀ChromeMaterial Design
- WPF Material Design中資源的查詢和使用Material Design
- 再不遷移到Material Design Components 就out啦Material Design
- 基於Bootstrap的Material Design風格表單外掛bootMaterial Design
- Material Design - 常用控制元件介紹和使用Material Design控制元件
- 一文徹底搞清楚 Material DesignMaterial Design
- 5 個有用的開源日誌分析工具
- 是否有用於建立簡單CRUD應用的開源工具? - ycombinator開源工具
- Material Design之RecyclerView基本講解與瀑布流的實現Material DesignView
- flutter的進階之路之Material Design與IOS風格元件FlutterMaterial DesigniOS元件
- 使用純 CSS 實現仿 Material Design 的 input 過渡效果CSSMaterial Design
- 5個裸色珍珠色調lightroom預設OOM
- Material Design 實戰 之第一彈——Toolbar詳解Material Design
- android Material Design 學習之十:底部Tab的兩種實現AndroidMaterial Design
- Android技術分享|【自定義View】實現Material Design的Loading效果AndroidViewMaterial Design
- 小小圖示功能大,10個最佳Material Design 圖示資源你不可錯過Material Design
- 有用的C語言工具C語言
- [RIP-9]RocketMQ Design RemotingMQREM
- Luts調色預設:500個電影LUTs調色預設Premium LUT PackREM
- 『Material Design入門學習筆記』TabLayout與NestedScrollView(附demo)Material Design筆記TabLayoutView
- 2017 Material design 第一章第一節《介紹》Material Design