Hi,我是彩云。配色是設(shè)計(jì)師經(jīng)常需要面對(duì)的問(wèn)題,一個(gè)好用的配色工具可以幫大忙。熟悉我的讀者都知道我的文章封面經(jīng)常都是文字+純色來(lái)做的,這里的顏色其實(shí)沒(méi)有什么明確要求,只要用顏色和文字組合起來(lái)識(shí)別性好且好看就行。
之前我經(jīng)常會(huì)為這里用什么顏色而發(fā)愁,直到我在上一篇配色可用性的文章《2021 年度流行色彩已公布,用最科學(xué)嚴(yán)謹(jǐn)?shù)姆绞浇棠惆阉煤茫 ?/a>中發(fā)現(xiàn)了國(guó)外大佬推薦的 3 個(gè)配色工具。我自己專門去研究了下,發(fā)現(xiàn)這幾個(gè)配色工具簡(jiǎn)直是神器!今天就跟大家分享下我的研究成果吧。
網(wǎng)站鏈接:https://coolors.co
首先推薦的就是 Coolors,這個(gè)工具非常強(qiáng)大,網(wǎng)站設(shè)計(jì)的也很簡(jiǎn)潔好用。不但可以快速選到優(yōu)秀的配色組合,還可以了解時(shí)下最流行的顏色趨勢(shì)。怎么把這個(gè)配色工具用好呢?我告訴大家一些非常實(shí)用的技巧。
1)打開(kāi)網(wǎng)站后的主界面可以直接通過(guò)空格鍵隨機(jī)生成配色,隨便一組配色都很好看。
完全隨機(jī)配色,可能只有當(dāng)你完全不知道色彩傾向時(shí)才會(huì)用,比如我經(jīng)常做封面,其實(shí)隨機(jī)顏色就夠用了。但在具體的某個(gè)產(chǎn)品里使用,有時(shí)候完全隨機(jī)并不會(huì)很好用。那么,你還可以鎖定其中一個(gè)配色再次進(jìn)行隨機(jī),這個(gè)就比較實(shí)用了。比如,你先設(shè)置好自己項(xiàng)目的主色調(diào),然后再生成其他輔助顏色,或者你鎖定主色和輔助色,再生成其他顏色,以此類推,逐步限定好顏色最終生成配色組合。
比如我的品牌色是藍(lán)色,那么我將第一個(gè)顏色設(shè)置成主色藍(lán)色并鎖定,按空格隨機(jī),隨便一組就挺好看的,配色不再發(fā)愁。
2)選完顏色后,還可以通過(guò)眼鏡??模式,查看色盲及色弱情況下,顏色的變化情況確定要不要調(diào)整配色。下面那一排就是色盲和色弱用戶能正??吹降念伾?/p>
3)如果你擔(dān)心對(duì)隨機(jī)顏色把握不好,也可以探索當(dāng)前最流行的配色,可以看到一些收藏量很高的配色組合,這個(gè)簡(jiǎn)直太好用了。
4)在更多里面可以找到顏色分析工具,非常詳盡,對(duì)自己做顏色提案簡(jiǎn)直太有幫助了。
不管你選擇什么顏色,都會(huì)立即給到你一份完整的顏色報(bào)告。給到的分析條目有:顏色的建議名稱、顏色的色調(diào)、風(fēng)格、色溫、配色建議、色彩和諧度分析等等。
5)如果你想要找到最好看的漸變色,同樣可以在更多工具里找到探索漸變功能。
這些推薦的漸變顏色非常多,質(zhì)量也都非常不錯(cuò)。
6)在更多里,還有一個(gè)顏色對(duì)比度測(cè)試工具可以測(cè)試配色的可用性,當(dāng)你選擇了一組配色后可以在這里更科學(xué)的檢查配色是否符合可用性標(biāo)準(zhǔn)。
網(wǎng)站鏈接:http://colormind.io/bootstrap
這個(gè)配色工具也有一個(gè)隨機(jī)顏色功能,使用上跟上一個(gè)比較類似。但它的特點(diǎn)是提供了很多頁(yè)面模板,當(dāng)你選好一組配色后,可以實(shí)時(shí)預(yù)覽在 UI 組件、網(wǎng)頁(yè)、深淺色模式上,比單純的看顏色組合能更加直觀的看到應(yīng)用到界面上的效果,是不是很實(shí)用?
還可以根據(jù)你隨機(jī)出的一組配色實(shí)時(shí)的智能配色到一個(gè)后臺(tái)模板上,同樣的也是可以鎖定到產(chǎn)品的主色,輔色后隨機(jī)提供智能配色方案,這個(gè)功能簡(jiǎn)直太好用了?。阋部梢栽谒悄芘渖幕A(chǔ)上根據(jù)自己的需要適當(dāng)優(yōu)化)
網(wǎng)站鏈接:https://color.adobe.com/zh/create/color-wheel
這個(gè)工具是我們常用的設(shè)計(jì)軟件 Adobe 公司提供的,它結(jié)合了 behance 上大量的優(yōu)質(zhì)作品,所以在智能取色上算法非常的優(yōu)質(zhì),也是一個(gè)獲取優(yōu)質(zhì)配色的絕佳去處!
我覺(jué)得這個(gè)工具相較于其他工具有幾個(gè)特別厲害的地方:
1)能根據(jù)顏色理論選擇合適的顏色組合方式,比如類比色、單色、三元色、補(bǔ)色等等,如果你想用某種顏色模式來(lái)構(gòu)建自己的作品,那么用這個(gè)工具會(huì)非常方便。
2)在探索模式里,你可以找到非常多的優(yōu)質(zhì)配色組合,還可以把自己喜歡的美圖上傳上來(lái)進(jìn)行智能分析,然后得到非常棒的配色組合。一些年度色彩趨勢(shì),也會(huì)在這里進(jìn)行推薦。
3)設(shè)計(jì)師是最能把握時(shí)尚趨勢(shì)的一群人,依托 Behance 和 Adobe Stock 這種匯聚世界頂流的設(shè)計(jì)創(chuàng)意資源,給配色算法提供了優(yōu)質(zhì)的素材,所以這里做的配色智能推薦,我個(gè)人覺(jué)得也是非常不錯(cuò)的。通過(guò)趨勢(shì)功能,不僅能看到近期的色彩趨勢(shì),還可以欣賞學(xué)習(xí)到優(yōu)秀的作品,簡(jiǎn)直是寶藏之地。
以上三個(gè)配色工具都非常的優(yōu)秀,各有各的特點(diǎn),大家可以根據(jù)自己的需求選擇合適的工具來(lái)進(jìn)行配色嘗試。當(dāng)然,工具只是輔助,最終的顏色組合還是要以自己的產(chǎn)品調(diào)性和審美來(lái)不斷優(yōu)化。經(jīng)常使用這些配色工具,做一些配色的練習(xí)和嘗試,我相信你的色感也會(huì)越來(lái)越好。
這 3 個(gè)配色工具簡(jiǎn)直是神器,趕緊轉(zhuǎn)發(fā)給身邊的朋友們用起來(lái)吧!當(dāng)然,如果你有覺(jué)得好用的配色工具,也歡迎在評(píng)論區(qū)留言分享給大家哦!
歡迎關(guān)注作者的微信公眾號(hào):「彩云譯設(shè)計(jì)」
復(fù)制本文鏈接 文章為作者獨(dú)立觀點(diǎn)不代表優(yōu)設(shè)網(wǎng)立場(chǎng),未經(jīng)允許不得轉(zhuǎn)載。
發(fā)評(píng)論!每天贏獎(jiǎng)品
點(diǎn)擊 登錄 后,在評(píng)論區(qū)留言,系統(tǒng)會(huì)隨機(jī)派送獎(jiǎng)品
2012年成立至今,是國(guó)內(nèi)備受歡迎的設(shè)計(jì)師平臺(tái),提供獎(jiǎng)品贊助 聯(lián)系我們
品牌形象設(shè)計(jì)標(biāo)準(zhǔn)教程
已累計(jì)誕生 726 位幸運(yùn)星
發(fā)表評(píng)論 為下方 2 條評(píng)論點(diǎn)贊,解鎖好運(yùn)彩蛋
↓ 下方為您推薦了一些精彩有趣的文章熱評(píng) ↓