大數(shù)據(jù)分析數(shù)據(jù)可視化的11個(gè)設(shè)計(jì)技巧,這是一個(gè)很容易忘記的重要事實(shí):我們的數(shù)據(jù)僅是有用的,而且是可以理解的。
大多數(shù)時(shí)候,使數(shù)據(jù)易于理解意味著創(chuàng)建某種數(shù)據(jù)可視化。盡管一個(gè)簡(jiǎn)單的條形圖可能會(huì)將其用于內(nèi)部工作,但無(wú)論您的受眾是整個(gè)互聯(lián)網(wǎng)還是僅僅是公司的首席執(zhí)行官,使您的數(shù)據(jù)在視覺(jué)上易于理解和視覺(jué)吸引力都可以幫助它吸引更多注意力并幫助您脫穎而出。周會(huì)。
但是圖形設(shè)計(jì)的世界是混亂且主觀(guān)的,大多數(shù)數(shù)據(jù)科學(xué)家可能沒(méi)有時(shí)間去學(xué)習(xí)設(shè)計(jì)。幸運(yùn)的是,您不必這樣做!您可以遵循以下一些簡(jiǎn)單的規(guī)則和技術(shù),以使數(shù)據(jù)看起來(lái)更好。
挑選好顏色,作弊
顏色選擇對(duì)于數(shù)據(jù)可視化很重要,但是在涉及顏色時(shí)很容易深入雜草。如果您想走DIY路線(xiàn),我們有一篇冗長(zhǎng)的文章,您可以閱讀有關(guān)為數(shù)據(jù)可視化選擇顏色的信息。但是您可以采取更簡(jiǎn)單的方法:
讓網(wǎng)站選擇您的顏色:如果您想讓一臺(tái)機(jī)器完全選擇您的顏色,Coolors是一個(gè)很棒的網(wǎng)站,它將為您完成所有工作。按空格鍵可生成隨機(jī)匹配的配色方案,直到找到您喜歡的配色方案。請(qǐng)注意,您可以“鎖定”所需的顏色,然后按空格鍵以查找更多與它們匹配的顏色。
Paletton是另一個(gè)出色的在線(xiàn)工具,它將使您可以選擇或輸入基本色,然后根據(jù)您選擇的其他參數(shù)生成各種匹配色。使用Triad和Tetrad選項(xiàng)將分別為您提供一些不錯(cuò)的三色和四色方案。并且不要忘記,您可以嘗試使用色相和距離設(shè)置來(lái)獲得更多選項(xiàng)(如果您不喜歡默認(rèn)30設(shè)置的結(jié)果,請(qǐng)嘗試將距離移動(dòng)到60或90)。
Paletton還提供了用于模擬各種類(lèi)型的色盲的選項(xiàng),因此您可以確保即使對(duì)于有色盲的人,所選顏色仍然彼此不同。
從照片中竊取顏色:生成簡(jiǎn)單調(diào)色板的一個(gè)有趣而簡(jiǎn)單的技巧是選擇具有所需顏色的照片,然后在圖像編輯器中將其打開(kāi)并像素化它(在Photoshop中,您可以通過(guò)轉(zhuǎn)到“效果”>“像素化”>“馬賽克”)。重復(fù)像素化像素(或根據(jù)您的軟件調(diào)整像素大小),然后剩下幾個(gè)巨大的像素,代表照片中的顏色。通常,這些顏色可以很好地協(xié)同工作,因此您可以簡(jiǎn)單地將它們復(fù)制并在數(shù)據(jù)可視化設(shè)計(jì)中使用它們。
從其他設(shè)計(jì)中竊取顏色:顯然,您不應(yīng)該在任何類(lèi)型的設(shè)計(jì)競(jìng)賽中這樣做,但是對(duì)于內(nèi)部公司演示之類(lèi)的工作,從其他設(shè)計(jì)中借用您的部分或全部顏色是完全可行的選擇。而且,如果您的公司以前有演示文稿,那么您可以從中獲得借鑒,也可以使用帶有預(yù)定義調(diào)色板的品牌指南,那么您應(yīng)該絕對(duì)利用這些資源,而不是試圖徹底改變現(xiàn)狀。
保持最小
這是建議,您幾乎可以將其應(yīng)用于設(shè)計(jì)的每個(gè)方面:除了了解正在創(chuàng)建的圖表所需的內(nèi)容之外,不要包含其他任何內(nèi)容。
一些例子:
消除不必要的網(wǎng)格線(xiàn)(通常不需要)
消除獲取圖表要點(diǎn)不必要的任何標(biāo)注或標(biāo)簽
減少折線(xiàn)圖和其他圖形元素的厚度
如果您可以通過(guò)標(biāo)注更輕松地傳達(dá)重要信息,則可以完全消除Y軸或X軸刻度和標(biāo)簽。消除所有多余的數(shù)據(jù)點(diǎn)(但不要消除過(guò)多以至于圖表會(huì)產(chǎn)生誤導(dǎo))。
避免使用小數(shù)位,僅將其舍入為整數(shù),除非小數(shù)實(shí)際上對(duì)于傳達(dá)數(shù)據(jù)的含義至關(guān)重要。
使用一種字體,兩種粗細(xì)和比例字體大小
匹配字體和排版與匹配顏色一樣是一個(gè)復(fù)雜的主題,但是您可以通過(guò)選擇一種主流字體(有疑問(wèn)時(shí),從Google字體中獲取最受歡迎的字體之一)并在整個(gè)設(shè)計(jì)中僅使用該字體來(lái)完全避免字體和排版。將自己限制為兩個(gè)或最多三個(gè)具有強(qiáng)烈對(duì)比度的不同字體粗細(xì)。
因此,例如,如果選擇Roboto字體,則可以選擇僅使用“ Light”和“ Black”字體。它們可以在同一設(shè)計(jì)中很好地結(jié)合在一起(因?yàn)樗鼈兪峭蛔煮w的一部分),但是您可以將“ Black”用于標(biāo)題和其他關(guān)鍵信息,將“ Light”用于不太重要的細(xì)節(jié),而不必像引人注目。
為您的類(lèi)型選擇尺寸時(shí),使它們彼此成比例。例如,您可以使用六個(gè)的倍數(shù):
1)軸標(biāo)簽:12磅
2)標(biāo)注和數(shù)據(jù)標(biāo)簽:18磅
3)職稱(chēng):24 pt
丟失圖標(biāo)
將數(shù)據(jù)放在一起講故事時(shí),總是很想在數(shù)據(jù)可視化旁邊添加一些更具體的視覺(jué)元素。但是,該購(gòu)物車(chē)圖標(biāo)是否真的向我們的圖表添加了有關(guān)銷(xiāo)售趨勢(shì)的任何有意義的信息?可能不是。在某些情況下,包含圖標(biāo)可能會(huì)有所幫助,但十分之九的情況只是添加了視覺(jué)噪音,這些噪音會(huì)使我們的設(shè)計(jì)混亂,而沒(méi)有添加任何含義。
利用價(jià)值和飽和度吸引觀(guān)眾的視線(xiàn)
在設(shè)計(jì)中,顏色的值是其亮度的度量,而飽和度是顏色的強(qiáng)度的度量。您可以認(rèn)為它們有點(diǎn)像圖形的兩個(gè)軸,在垂直軸上從0到100表示??值,在水平軸上從0到100表示??飽和度。
您可以利用這些概念來(lái)控制查看者在查看圖表時(shí)的眼睛,因?yàn)椴榭凑叩难劬ψ匀粫?huì)吸引到對(duì)比區(qū)域。因此,如果您想引起人們對(duì)可視化的特定區(qū)域的關(guān)注,請(qǐng)使其在其值和飽和度(或兩者)與圖表其余部分的值和飽和度之間形成強(qiáng)烈對(duì)比,從而脫穎而出。例如,在這些圖像中您的眼睛在哪里?
永遠(yuǎn)不要將文字放在中心
這僅適用于經(jīng)常需要進(jìn)行帶標(biāo)題頁(yè)的幻燈片演示或其他演示的人,但是如果是這樣,這是一個(gè)致命的提示:不要將標(biāo)題放在頁(yè)面或屏幕的中央。而是將它們放置在該點(diǎn)之上。您會(huì)發(fā)現(xiàn)這通常會(huì)使您的設(shè)計(jì)“感覺(jué)”好得多。
(我們?cè)?tīng)過(guò)設(shè)計(jì)師的解釋?zhuān)@是因?yàn)槿祟?lèi)每天都會(huì)經(jīng)歷重力,因此我們?cè)谙乱庾R(shí)地向正在查看的圖像添加了一些“重力”,因此,居中對(duì)齊的文本“感覺(jué)”有點(diǎn)低,就像我們無(wú)法確定是否有任何實(shí)際的科學(xué)證據(jù)可以支持這一點(diǎn),但是我們不能否認(rèn)中心上方的標(biāo)題通常“感覺(jué)”更好。)
只有有意義的動(dòng)畫(huà)
動(dòng)畫(huà)圖表在數(shù)據(jù)可視化世界中越來(lái)越普遍,并且有一些簡(jiǎn)潔的工具可以使制作此類(lèi)圖表變得非常容易。但是值得記住的是,像任何設(shè)計(jì)工具一樣,只有在有充分的理由使用它們時(shí)才應(yīng)使用它們。例如,運(yùn)動(dòng)可用于幫助說(shuō)明值隨時(shí)間的變化,或者用于引起注意圖表中特別重要的部分(因?yàn)槲覀兊难劬ψ匀粫?huì)被吸引)。但這也可能毫無(wú)意義且令人反感,如果托管在網(wǎng)絡(luò)上,也可能減慢項(xiàng)目的加載時(shí)間。
以上兩個(gè)動(dòng)畫(huà)都不是必需的。如果您不關(guān)心加載時(shí)間,則可以使用右側(cè)圖表中的向上運(yùn)動(dòng)元素來(lái)傳達(dá)增長(zhǎng)。但是,左側(cè)圖形的搖動(dòng)會(huì)分散注意力,并且不會(huì)增加任何值。
蹲在你的設(shè)計(jì)
斜視是測(cè)試設(shè)計(jì)有效性的一種簡(jiǎn)便快捷的方法-斜視時(shí),設(shè)計(jì)中最重要的元素仍應(yīng)可見(jiàn),而次要的細(xì)節(jié)則被模糊掉。您會(huì)發(fā)現(xiàn)斜視時(shí)最容易看到較大和較高對(duì)比度的元素,因此,如果在斜視設(shè)計(jì)時(shí)沒(méi)有得到關(guān)鍵信息,則可以使用顏色值和飽和度來(lái)增加關(guān)鍵區(qū)域的對(duì)比度,或者進(jìn)行調(diào)整關(guān)鍵數(shù)據(jù)點(diǎn)的大小(如果可能)是使這些元素更多“彈出”的好方法。
仔細(xì)閱讀以下圖表,看看是否可以判斷哪種設(shè)計(jì)在快速傳達(dá)關(guān)鍵信息方面更好。
測(cè)試您的設(shè)計(jì)
斜視是一種快速自我測(cè)試設(shè)計(jì)的方法,但是對(duì)于任何重要的項(xiàng)目,您也應(yīng)該與其他人一起測(cè)試您的設(shè)計(jì)。特別是,您想問(wèn)問(wèn)他們快速的收獲(看看您的設(shè)計(jì)首先要傳達(dá)的信息是什么),并詢(xún)問(wèn)他們是否看到數(shù)據(jù)之間的任何聯(lián)系。
第二個(gè)問(wèn)題特別重要,因?yàn)槿藗冇袝r(shí)會(huì)根據(jù)接近程度得出結(jié)論-圖表A在圖表B旁邊,因此人們認(rèn)為數(shù)據(jù)是相關(guān)的-您可能沒(méi)有想到。在較小的受眾群體中測(cè)試您的設(shè)計(jì),并獲得有關(guān)其放棄設(shè)計(jì)的反饋,這將有助于您確保在將其展示給主要受眾之前,能夠傳達(dá)您想要的信息。
黃金法則:可讀性至上
嘗試使數(shù)據(jù)看起來(lái)漂亮很容易,但要記住,好的設(shè)計(jì)首先要與信息進(jìn)行交流,其次才是美觀(guān)。在一個(gè)完美的世界中,您的設(shè)計(jì)將既清晰又漂亮,但是如果您只能選擇一個(gè),那么每次都需要使其清晰。丑陋但可讀的圖表仍可以傳達(dá)信息,美麗但不可讀的圖表毫無(wú)用處。
設(shè)計(jì)是一門(mén)幾乎與數(shù)據(jù)科學(xué)一樣深入的學(xué)科,但是您不必成為專(zhuān)業(yè)設(shè)計(jì)師即可創(chuàng)建既有效又有吸引力的數(shù)據(jù)可視化。以下是一些數(shù)據(jù)科學(xué)家的其他設(shè)計(jì)資源,他們希望提高他們的數(shù)據(jù)與設(shè)計(jì)技能:
1)Venngage有一個(gè)數(shù)據(jù)可視化設(shè)計(jì)指南,其中包含一些精美的示例。
2)Hubspot的數(shù)據(jù)可視化設(shè)計(jì)PDF從第8頁(yè)開(kāi)始,針對(duì)特定的圖表類(lèi)型提供了一些很棒的最佳實(shí)踐提示。
3)Geckoboard提供了可打印的數(shù)據(jù)可視化技巧海報(bào),您可以將其掛在辦公室中,以使您牢記一些重要的準(zhǔn)則。
4)我們自己的數(shù)據(jù)顏色指南,其中包括指向許多其他特定于顏色的出色資源的鏈接
7)設(shè)計(jì)信息圖表的不錯(cuò)指南,這可能是向大量受眾介紹數(shù)據(jù)科學(xué)項(xiàng)目的好方法。
8)基于數(shù)據(jù)的演示的出色演示技巧。
填寫(xiě)下面表單即可預(yù)約申請(qǐng)免費(fèi)試聽(tīng)!怕錢(qián)不夠?可先就業(yè)掙錢(qián)后再付學(xué)費(fèi)! 怕學(xué)不會(huì)?助教全程陪讀,隨時(shí)解惑!擔(dān)心就業(yè)?一地學(xué)習(xí),可推薦就業(yè)!
?2007-2022/ m.5wd995.cn 北京漫動(dòng)者數(shù)字科技有限公司 備案號(hào): 京ICP備12034770號(hào) 監(jiān)督電話(huà):010-53672995 郵箱:bjaaa@aaaedu.cc