設計神器!一鍵預覽UI界面配色,從此不怕甲方換風格!

@豁牙子的阿昕 :阿昕分享神器以來發現過很多好用的配色網站,就在我以為網上那些配色網站都被我扒光了的時候,又發現了這個,Color Tool,解鎖了我對配色網站新的認識。

因為我們常常找到了配色,卻不知道用起來是什么效果,往往還是要在試驗中得出結論,這就浪費了很多時間。而這次的網站會在最短的時間讓你看到配色的基本效果,從而節約了很多時間。

Color Tool

看首頁:

設計神器!一鍵預覽UI界面配色,從此不怕甲方換風格!

左邊就是模擬的手機界面了,雖然略簡陋,但效果還是可以的。右下的色彩模塊分為主色,輔色,主色文字和輔色文字。選中主色模塊,并挑選一個顏色就能看到效果了。

選擇一個明亮的黃色做為主色調,就看到模擬的界面發生了變化。

設計神器!一鍵預覽UI界面配色,從此不怕甲方換風格!

再選中輔色模塊并選擇一個輔助色。

設計神器!一鍵預覽UI界面配色,從此不怕甲方換風格!

最后挑選主色和輔色下分別的文字顏色,就是最終的預覽效果了。

預覽當然不止一種界面,可以左右切換其它界面。

設計神器!一鍵預覽UI界面配色,從此不怕甲方換風格!

不光預覽,顏色模塊也分的很詳細,主色和輔色還提供了加深和減淡的效果。所有顏色也都有相應的色號以供取用。

設計神器!一鍵預覽UI界面配色,從此不怕甲方換風格!

當然不喜歡模板顏色也可以選擇自定義顏色選項。

設計神器!一鍵預覽UI界面配色,從此不怕甲方換風格!

確定配色后,選擇左上導航欄的 ACCESSIBILITY 可以看到你選好的內容都已經整理好,排好隊等你來取用了。可以說非常貼心了。

設計神器!一鍵預覽UI界面配色,從此不怕甲方換風格!

這個網站是 Google 的 Material Design 網站下一個關于配色的分支,更多關于 Material Design 的內容可以在首頁找到。http://material.io

網站還有很多其他厲害的內容,以后阿昕可以慢慢分享給大家。

Color Tool 免費使用,用起來妥妥的。

本期分享到這里就結束了,希望大家在使用過程中多思考、并舉一反三運用到原創作品中。

想要了解更多的設計神器,可以關注 @你丫才美工 美丫姐

歡迎同學們關注最充滿智(dou)慧(bi)的設計賬號:

設計神器!一鍵預覽UI界面配色,從此不怕甲方換風格!

「更多配色酷站盡在這里」

================明星欄目推薦================

優優教程網 UiiiUiii.com 是優設旗下優質中文教程網站,分享了大量PS、AE、AI、C4D等中文教程,為零基礎設計愛好者也準備了貼心的知識樹專欄。開啟免費自學新篇章,按照我們的專欄一步步學習,一定可以迅速上手并制作出酷炫的視覺效果。

設計導航:國內人氣最高的設計網址導航,設計師必備: http://hao.uisdc.com

收藏 46
點贊 3

復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。