漂亮美女视频网站,杨幂视频bt种子

技巧｜如何為數(shù)據(jù)可視化找到合適的配色？

新用戶12603780 >《審計(jì)工作》

2021.01.13

關(guān)注

本文翻譯自Samantha Zhang-《Finding the Right Color Palettes for Data Visualizations》。來(lái)源：GRAPHIQ

雖然現(xiàn)在大家已經(jīng)可以很容易的找到一些非常不錯(cuò)的配色，但是為數(shù)據(jù)可視化進(jìn)行配色仍然是個(gè)很有挑戰(zhàn)性的事情。

01

現(xiàn)存問(wèn)題

在深入研究并創(chuàng)建自己的配色方案之前，我們不如對(duì)網(wǎng)絡(luò)上現(xiàn)有的配色進(jìn)行一些研究。令人驚訝的是，這些配色只有很少一部分是為圖表和可視化而設(shè)計(jì)。

我們總結(jié)了幾條不能使用現(xiàn)有配色的原因：

問(wèn)題1：不夠友好

我們看到的許多配色方案并不是為數(shù)據(jù)可視化而設(shè)計(jì)。它們不僅明度變化不夠大，而且通常這些配色在設(shè)計(jì)時(shí)并沒(méi)有考慮到色盲人群。

平面UI顏色是最被廣泛使用的配色方案之一，原因顯而易見(jiàn)：顏值高。但是，顧名思義，它是為用戶界面而設(shè)計(jì)的。色盲患者可能會(huì)很難辨認(rèn)使用平面UI配色的數(shù)據(jù)可視化報(bào)告。

（純色，泛色和灰度模式下的平面UI顏色。）

問(wèn)題2：顏色數(shù)量不夠

另一個(gè)問(wèn)題是，許多現(xiàn)有的配色方案沒(méi)有提供足夠的顏色。在構(gòu)建Graphiq可視化時(shí)，我們需要一個(gè)至少提供六種顏色的配色方案，有時(shí)甚至需要八到十二種顏色，以涵蓋我們所有的用例。但是我們找到的大多數(shù)配色方案都沒(méi)有提供足夠的顏色。

以下是Color Hunt的一些示例：

盡管這些都是不錯(cuò)的配色方案，但它們的靈活性不足以顯示復(fù)雜的數(shù)據(jù)。

問(wèn)題3：難以區(qū)分

有人會(huì)提出這樣的疑問(wèn)：使用類(lèi)似于漸變的配色-理論上可以從中選取任意數(shù)量的顏色，不是嗎？

不幸的是，漸變配色的明度變化往往不夠明顯，其中許多顏色會(huì)像下圖Color Hunt中的配色一樣很容易就變得難以區(qū)分。

讓我們?cè)囍焉蠄D第一組配色擴(kuò)展到10個(gè)顏色:

如果普通用戶能正確區(qū)分可視化中的顏色并匹配圖例中的標(biāo)簽，尤其是左側(cè)的四個(gè)綠色，那我只能說(shuō)：厲害了。

02

我們的方法

在Graphiq中，我們投入了大量時(shí)間去尋找適合我們視覺(jué)效果的多顏色配色方案。在這個(gè)過(guò)程中我們學(xué)到了很多，我們想分享我們發(fā)現(xiàn)的生成靈活配色方案的3條規(guī)則:

規(guī)則1:色調(diào)和明度的范圍要廣

為了確保配色方案用戶友好且易于區(qū)分，它們的明度變化必須要大。明度差異普遍存在。選取任何單色系的配色，并測(cè)試其在紅色盲，綠色盲和灰度模式下的表現(xiàn)。您很快就能知道此配色方案的辨識(shí)度如何。

（Google Material的淺藍(lán)色具有全彩，紅色盲模式和灰度模式）

然而，僅有明度變化的配色可能還不夠。配色方案的變化越大，用戶將數(shù)據(jù)系列映射到可視化效果就越容易。如果我們能為非色盲用戶利用色調(diào)的變化，會(huì)讓他們的用戶體驗(yàn)更上一層樓。

對(duì)于明度和色調(diào)，你能找到的范圍越廣，你能支持的數(shù)據(jù)系列就越多。

規(guī)則2：遵循自然的色彩模式

設(shè)計(jì)師們知曉一個(gè)左腦思維者并不容易察覺(jué)到的秘密：并非所有顏色都能被平等的使用。

從純粹的數(shù)學(xué)觀點(diǎn)來(lái)看，從淺紫色到深黃色過(guò)渡的顏色漸變應(yīng)大致類(lèi)似于從淺黃色到深紫色的過(guò)渡。但是，正如我們?cè)谙聢D看到的那樣，前者感覺(jué)很自然，而后者感覺(jué)并不那么自然。

這是因?yàn)槲覀兪艿阶匀唤缰薪?jīng)常出現(xiàn)的漸變現(xiàn)象的限制。在絢麗的日落中，我們看到了明亮的黃色轉(zhuǎn)變?yōu)樯钭仙窃诘厍蛏洗_實(shí)沒(méi)有地方可以看到淺紫色轉(zhuǎn)變?yōu)樯钭攸S色。

（Kyle Pearce，Wesley Fryer和Jon Sullivan的攝影作品）

諸如此類(lèi)的自然顏色漸變還有：淺綠色到紫藍(lán)色，淺黃色到深綠色，橘黃色到冷灰色，等等。

（Kbh3rd，Ian Britton和Jon Sullivan的攝影作品）

因?yàn)槲覀冊(cè)谏钪幸呀?jīng)習(xí)慣了這些自然漸變，所以當(dāng)我們看到可視化中使用相應(yīng)的配色方案時(shí)，會(huì)感到熟悉和愉悅。

規(guī)則3:使用漸變代替一些固定選用的顏色

融合了不同色調(diào)的漸變色配色方案可兼得兩全。無(wú)論您需要2種顏色還是10種顏色，都可以從這些漸變中提取顏色，以產(chǎn)生自然的視覺(jué)效果，同時(shí)在色相和明度方面也要有足夠的變化。

切換到漸變思維方式并不是一件容易的事，有這樣一個(gè)辦法：在Photoshop中為每個(gè)數(shù)據(jù)系列配色的斷點(diǎn)設(shè)置輔助線，不斷測(cè)試漸變的同時(shí)進(jìn)行調(diào)整。下圖是我們用來(lái)完善漸變效果的過(guò)程的截屏：

如您所見(jiàn)，我們將配色置于灰度漸變模式的下方，以便調(diào)整漸變疊加（以及獲得確切的漸變色值），然后從這些斷點(diǎn)中選擇顏色，并測(cè)試配色在實(shí)際運(yùn)用中的工作效果。

03

我們的配色方案

以下是一些使用中的配色方案，它們?nèi)恳约儼咨_(kāi)始，以純黑色結(jié)束，以實(shí)現(xiàn)最大的明度變化。

（冷色，暖色和霓虹色）

配色方案在實(shí)際中的應(yīng)用

雖然有越來(lái)越多好的配色方案，但并不是所有的配色都適用于圖表和數(shù)據(jù)可視化。我們?yōu)榭梢暬渖姆椒ㄊ侵谱髟谏{(diào)和亮度上都不同的自然漸變。通過(guò)這樣做，我們的配色對(duì)色盲人士友好，對(duì)其他人來(lái)說(shuō)也很容易辨別，并且可以處理從1到12個(gè)數(shù)據(jù)系列的任何地方。

本站僅提供存儲(chǔ)服務(wù)，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權(quán)內(nèi)容，請(qǐng)點(diǎn)擊舉報(bào)。

打開(kāi)APP，閱讀全文并永久保存查看更多類(lèi)似文章

配色教程特別版！3個(gè)技巧搞定可視化信息圖的色彩搭配

可視化信息圖的，色彩搭配技巧

配色方案的8條基本規(guī)則

氣象可視化之windy方案的技術(shù)分析

學(xué)會(huì)這6個(gè)可視化配色基本技巧，還原數(shù)據(jù)本身的意義

紫色家居的設(shè)計(jì)方案

更多類(lèi)似文章 >>

中文字幕理论片,69视频免费在线观看,亚洲成人app,国产1级毛片,刘涛最大尺度戏视频,欧美亚洲美女视频,2021韩国美女仙女屋vip视频