在設計 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
第十款工具除了分享幾百個色板外,還帶上收藏夾的功能,看到喜歡的配色,用戶還可以收藏起來以便日後使用。
好的設計工具可以讓我們的工作達到事半功倍的效果,快速提升我們的工作內容,對於一些輔助類的設計工具,大家可以按照自己的需求選擇。讓我們的工作提升效率的同時達到最好的效果。