一套的好的配色是設計的重要組成部分之一。對于在座學設計的同學們,尤其一些理工科背景的學生,沒有系統(tǒng)的學過配色,對顏色的感覺也比較薄弱,所以在配色環(huán)節(jié)往往感覺很絕望,所以今天給大家?guī)硪粋€王炸配色網(wǎng)站,也是 Adobe 的親兒子:Adobe colors。
也許很多人都知道這個配色網(wǎng)站,但絕對很多設計師不知道它里面到底包含哪些神奇功能,今天就為大家簡單解析一下。
https://color.adobe.com/
Adobe colors 具有超級強大的配色模式,一共包含 9 種智能調(diào)色模式可以選擇,你需要用什么方式去調(diào)試顏色點擊左方即可操作,色彩模式也支持 4 種,分別為:RGB、CMYK、HSB、LAB。
例如你要用單色去做顏色,那么就可以直接選擇單色按鈕進行調(diào)整,調(diào)整時他會自動協(xié)調(diào)你的色值,如下:
你可以直接上傳你電腦中的圖片進行顏色提取,上傳后你還可以選擇需要的色彩情境:彩色、兩色、柔和、深色、暗色,可以說是相當?shù)馁N心了!
你可以拾取上傳圖片的漸變色,提取的漸變色彩看起來也是非常高級,對于不會做漸變色的小伙伴來說是一個很大的福音,畢竟很多設計師做漸變色都會有點“臟”。在左側的按鈕中我們還可以選取 2-15 種漸變點,簡直美滋滋。
可以合理的幫你檢查 2 個顏色的對比,預覽中可以告訴你在什么樣的情況下可以這樣用色,當然在右側也會給你顏色的建議,你也可以自己設定對比率去調(diào)整顏色,這樣使用你的顏色再也不會顯得又臟又 low 了!
對比率建議:MD 規(guī)范里說文本應該保持至少 4.5:1 (基于亮度值計算)的對比度以保持文本清晰;最佳對比度為 7:1。
點擊探索,可以瀏覽一些優(yōu)質的圖片,同時可以提取其中的色卡;點擊趨勢,甚至可以瀏覽 behance 中不同設計領域的設計作品使用的配色方案,跟著牛 x 的大神配色總不會錯,實時跟進潮流配色,簡直爽歪歪!!!
當然我們還可以進行搜索,更快的找到自己想要的圖片以及顏色,本人非常喜歡用它去尋找情緒版, 不僅顏色一目了然,圖片也是非常的優(yōu)質!
總體而言,這個網(wǎng)站不僅從各個維度解決了我們的配色需求,同時也解決了我很多找圖需求,簡直一舉雙得。
網(wǎng)站鏈接:https://color.adobe.com/zh/create/color-wheel
文章彩蛋!Color Uisdc 配色導航
最后,在附上一枚配色神器,來自優(yōu)設超人氣的配色導航,一共7個實用模塊,
從絢麗多姿的色彩方案到大開眼界的色彩命名,代碼也可以直接復制使用,一定會是你設計配色路上好幫手!
歡迎關注作者微信公眾號:「黑獅力」
復制本文鏈接 文章為作者獨立觀點不代表優(yōu)設網(wǎng)立場,未經(jīng)允許不得轉載。
發(fā)評論!每天贏獎品
點擊 登錄 后,在評論區(qū)留言,系統(tǒng)會隨機派送獎品
2012年成立至今,是國內(nèi)備受歡迎的設計師平臺,提供獎品贊助 聯(lián)系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發(fā)表評論 為下方 3 條評論點贊,解鎖好運彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓