午夜精品久久久久久-午夜精品久久久久久91-午夜精品久久久久久久-午夜精品久久久久久久2023-国产精品亚洲精品久久成人-国产精品亚洲精品日韩动图

從這些工具開始,在設(shè)計(jì)時(shí)更科學(xué)地搞定配色!

作者:chenzimu7
2017-06-23
5742

設(shè)計(jì)師所熟練使用的諸多工具中,色彩絕對是最重要的一種。無限的色彩組合和多樣的色調(diào)變化,并不可能完全為人所掌握。

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

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

○獲取靈感

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

○讓配色方案無障礙地使用

1、獲取靈感

大自然

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

大自然.png

Behance

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

Behance.png

Dribbble Colors

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

Dribbble Colors.png

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

Dribbble Colors.png

Designspiration

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

Designspiration (1).png

Designspiration (2).png

Tineye Multicolr

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

Tineye Multicolr.png

Colorzilla

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

Colorzilla.jpeg

Shutterstock Spectrum

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

Shutterstock Spectrum.png

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

Material Design Color Tool

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

Material Design Color Tool.png

Coolors.co

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

Coolors.co.png

Coolors.co.png

Adobe Color CC

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

Adobe Color CC.png

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

Adobe Color CC.png

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

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

Adobe Color CC.png

Paletton

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

Paletton.png

3、色彩的無障礙使用

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

WebAIM Color Contrast Checker

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

WebAIM Color Contrast Checker.png

Coolors

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

Coolors.png

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

Coolors.png

Coolors.png

NoCoffee Vision Simulator for Chrome

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

NoCoffee Vision Simulator for Chrome.png

結(jié)語

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


-end-


0
0
分享到:

0

喜歡他,就推薦他上首頁吧^_^

推薦閱讀

×

賽事服務(wù)聯(lián)系方式

0371-86068866

4008887269

cndesign@163.com

好的,我知道了

官方微信

聯(lián)系我們

  • QQ:33143335 QQ:1904200230
  • 電話:18569912460
  • 投稿:cndesign@163.com
  • 地址:鄭州市國家大學(xué)科技園東區(qū)9號樓2層

版權(quán)信息

  移動(dòng) Android 版 豫 ICP 備16038122號-2 豫公網(wǎng)安備 41019702002261號

主站蜘蛛池模板: 亚洲成人网在线 | 亚洲精品久久久久久久蜜桃 | 五月婷在线观看 | 一 级 黄 中国色 片 | 777色狠狠一区二区三区香蕉 | 日韩一级在线视频 | 国产精品福利午夜h视频 | 成人在线一区二区三区 | 亚洲视频精品 | 成人伊人亚洲人综合网站222 | 国产拍拍 | 免费人成动漫在线播放r18 | 国产成人高清精品免费5388密 | 国产色婷婷| 成人夜色香网站在线观看 | 嫩草影院入口一二三免费 | 久久精品免视看国产成人2021 | 天天视频国产精品 | 欧美最猛黑人xxxx黑人猛交黄 | 亚洲成综合人影院在院播放 | 在线观看免费av网 | 性天堂网 | 黄 色 大 片 网站 | 国产亚洲高清在线精品不卡 | 国产综合色在线视频区色吧图片 | 亚洲第一中文字幕 | 欧美日韩一区二区视频图片 | 免费高清视频免费观看 | 亚洲精品久久片久久 | 色www亚洲国产张柏芝 | 亚洲一区在线视频观看 | 中文字幕在线看视频一区二区三区 | 国产精品美女久久久 | 中文字幕久久精品波多野结 | 深夜视频免费看 | 日本成本人三级在线观看2018 | 你懂得的在线观看免费视频 | 中国高清色视频www 中国高清性色生活片 | 2020天天操| 三级毛片在线看 | 午夜影视啪啪免费体验区深夜 |