設(shè)計(jì)師所熟練使用的諸多工具中，色彩絕對(duì)是最重要的一種。無(wú)限的色彩組合和多樣的色調(diào)變化，并不可能完全為人所掌握，在設(shè)計(jì)項(xiàng)目中，色彩的運(yùn)用方式也是千變?nèi)f化，所以配色這件事，始終都是技術(shù)活，合理的運(yùn)用工具才能盡可能好而快地搞定色彩的問(wèn)題。

所以，今天的文章我從3個(gè)方面梳理出了設(shè)計(jì)師最常用的色彩工具合集，希望對(duì)你有所幫助：

·獲取靈感

·創(chuàng)建自己的配色方案

·讓配色方案無(wú)障礙地使用

1、獲取靈感

大自然

獲取靈感的方式很多，其來(lái)源也各不相同，各種平面設(shè)計(jì)作品、室內(nèi)設(shè)計(jì)案例、時(shí)尚先鋒們的新聞等等嗯低。其實(shí)最好的色彩組合常常源自于大自然，漂亮的照片中的配色方案通常不會(huì)差到哪里去，所以，不妨從自然中獲取配色靈感~

Behance

Behance 是目前最具影響力的設(shè)計(jì)師在線作品展示平臺(tái)，大家也常常通過(guò)Behance 獲得設(shè)計(jì)靈感。如果你在配色上有一定需求，并且有大概的方向，你可以按照色彩來(lái)篩選作品，作為你的配色靈感。

Dribbble Colors

另外一個(gè)著名的設(shè)計(jì)師作品發(fā)布渠道，Dribbble 在設(shè)計(jì)師圈子內(nèi)也是不可替代的存在。同樣的，當(dāng)你需要針對(duì)特定的色彩來(lái)探索配色方案的話，在瀏覽器的輸入框當(dāng)中輸入 http://dribbble.com/colors 便可根據(jù)色彩來(lái)選取顏色。

除了基本的篩選功能之外，你還能設(shè)置色彩比例(比如30%的藍(lán)色)

Designspiration

與其說(shuō) Designspiration 是一個(gè)配色工具，不如說(shuō)是一款配色方案探索工具，你可以在色板中挑選你想要的色彩，然后根據(jù)這些顏色搜索現(xiàn)有的設(shè)計(jì)作品，來(lái)查看它們的探索效果。

Tineye Multicolr

Tineye 的這個(gè)網(wǎng)站以 Flickr 內(nèi)2000多萬(wàn)的創(chuàng)意圖庫(kù)為數(shù)據(jù)庫(kù)，幫你找出特定色彩、甚至特定色彩配比的圖片，讓你更快地找到你想要的圖片。

Colorzilla

ColorZilla 是一款適用于谷歌瀏覽器和火狐瀏覽器的插件，其中包括一系列色彩相關(guān)的工具，包括取色工具、調(diào)色工具和漸變色 CSS樣式生成器等等。

Shutterstock Spectrum

其實(shí)，判定一個(gè)配色方案是否可行最靠譜的方法是將它放在圖片中來(lái)看，現(xiàn)在主要的圖庫(kù)都提供類(lèi)似的服務(wù)，不過(guò)Shutterstock Spectrum 所提供的服務(wù)尤其突出，因?yàn)樗麄兯峁┑念A(yù)覽圖夠大?，F(xiàn)在你可以訂閱他們的服務(wù)，你還能通過(guò)他們的預(yù)覽圖生成相應(yīng)的配色方案。

2、創(chuàng)建配色方案

Material Design Color Tool

Material Design Color Tool 能夠幫你探測(cè)不同的色彩組合是否具備良好的可用性，你還可以在這里創(chuàng)建、分享配色方案。

Coolors.co

Coolors 是一款用改創(chuàng)建多姿多彩配色方案的優(yōu)秀工具，你可有簡(jiǎn)單地鎖定特定的顏色，一鍵生成完整的配色方案。這個(gè)工具的優(yōu)秀之處在于，它每次所生成的都不是單一方案，而是多個(gè)方案供你選擇。

Adobe Color CC

這款血統(tǒng)純正的工具最初是以Kuler的名字而存在的，有桌面端的版本，也有網(wǎng)頁(yè)版，可以快速取色并生成配色方案：

Color CC 允許你創(chuàng)建和保存各種配色方案，每種配色方案由一組五種色彩組成：

你還能瀏覽Kuler 社區(qū)中成千上萬(wàn)的配色方案：

如果你使用的是桌面端版本，還能將配色方案直接導(dǎo)出，并且在PS、AI和ID中直接使用。

Paletton

Paletton 是一款和 Adobe Color CC 非常類(lèi)似的工具，不同之處在于，它不再受限于5種配色，而是能夠調(diào)用更多的色彩。

3、色彩的無(wú)障礙使用

用戶們所存在的視力問(wèn)題，比我們想象的要廣泛得多。全球范圍內(nèi)大概有2.85億人有著不同輕重的視力障礙。其中絕大多數(shù)的用戶視力障礙為低等到中等。所以，為了確保色彩的無(wú)障礙使用，我們需要借助特定的工具來(lái)實(shí)現(xiàn)。

WebAIM Color Contrast Checker

有的色彩能夠合理的搭配，有的色彩之間會(huì)相互沖突。令人驚訝的是，許多網(wǎng)站都沒(méi)有通過(guò)AA測(cè)試。不想成為其中之一，不妨使用 WebAim Color Contrast Checker 來(lái)對(duì)你的網(wǎng)站配色進(jìn)行檢測(cè)吧。

Coolors

Coolors 能夠?qū)δ愕木W(wǎng)站進(jìn)行色盲測(cè)試。你所需要做的就是挑選界面中的色彩。

選取一組能夠反映你的配色方案的色彩，將模式從正常更改為測(cè)試模式，就能看到有色盲和視覺(jué)障礙者查看你網(wǎng)站時(shí)候的樣子。

NoCoffee Vision Simulator for Chrome

NoCoffee Vision Simulator 可以在谷歌瀏覽器中模擬視覺(jué)障礙者查看網(wǎng)頁(yè)時(shí)候的體驗(yàn)。

結(jié)語(yǔ)

配色是一個(gè)看似簡(jiǎn)單實(shí)則需要嚴(yán)謹(jǐn)對(duì)待的事情。你所做的不僅僅是找到色彩組合，而且它們要相互搭配，能夠?yàn)榻^大多數(shù)用戶所使用，并支撐起整個(gè)設(shè)計(jì)。

網(wǎng)頁(yè)標(biāo)題：如何更好的設(shè)計(jì)網(wǎng)頁(yè)配色
文章URL：http://www.rwnh.cn/news8/161008.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站改版、網(wǎng)站收錄、移動(dòng)網(wǎng)站建設(shè)、軟件開(kāi)發(fā)、定制開(kāi)發(fā)、品牌網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)