助你快速搭配 Material Design 配色方案的10款Web工具

在設計 Material Design 的過程中你會發現一個很大的問題,那就是如何大膽、靈活的使用色彩組合。

Material Design 裏的調色板工具將色彩描述爲“受大膽排列色塊並結合柔和的環境、深陰影和亮高光而產生的靈感”。

這周我們專門爲設計導航的配色類目更新了10款 Google Material Design 專用的配色工具,如果你需要材質設計調色板,這些web工具可以助你一臂之力。


下面是 Material Design 配色方案的10款Web工具,喜歡的記得 Mark 起來!

1、Material Palette

在這個工具中,你可以先選擇主色和重點色。選完之後工具會自動生成即時預覽圖並提供多種下載的方式。

2、Material UI

這是一個漂亮的“小抄”,它把所有能提供給你的顏色匯聚在一個頁面上供你選擇。很不錯哦!

3、Random Material Generator

設計師有時候也會“偷懶”。這個工具會隨機搭配好你的設計顏色,自然幫助我們節省了一部分時間。所以,這是把工作交給命運了吧?也挺有趣的啊。

4、Material Design Palette Generator

如果你對自定義色板感興趣,那麼試試material-design-like這個工具吧。首先,你需要手動設置一種顏色——不是系統色也可以哦——然後在同色系的色彩選擇對話窗口中找到你最喜歡的圖形編輯器。材料設計面板生成器將根據你選擇的顏色生成你的色板。

5、Material Mixer

這也是一種比較實用的工具,它將所有顏色佈局在一張緊湊的網格中以便於選擇。點擊一個主色和重點色就可以預覽並生成你的調色板。

6、Material Colors

這個工具只顯示500和A200色板的顏色。選擇不一定要很多,精緻的就好!

7、UPlabs 的 Material Design 工具

這是又一個簡單的可視化的Material Design工具。它將三原色顯示在側邊欄。而點擊“color bar”就能夠顯示所有相關的顏色。操作也很靈活!

8、Tint UI’s Material Design

類似第六種工具,它只顯示 Material Design 中的 500 顏色。有選擇綜合徵的設計師們有福了!


9、Designskilz’s Material Design Colors

第九種工具也非常簡單,它幫助我們將色板中的所有顏色連同他們的正式名稱可視化(如。粉紅色,淺藍色,等等)。這樣我們就不必思考所選顏色的名字問題。

10、MATERIAL @ COLORION

第十款工具除了分享幾百個色板外,還帶上收藏夾的功能,看到喜歡的配色,用戶還可以收藏起來以便日後使用。

好的設計工具可以讓我們的工作達到事半功倍的效果,快速提升我們的工作內容,對於一些輔助類的設計工具,大家可以按照自己的需求選擇。讓我們的工作提升效率的同時達到最好的效果。


發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章