2021-4-6 ui設(shè)計(jì)分享達(dá)人
數(shù)據(jù)可視化即數(shù)據(jù)的圖形表示,旨在以更易于掌握和理解的有效方式傳達(dá)大量海量數(shù)據(jù)。從某種意義上說,數(shù)據(jù)可視化是原始數(shù)據(jù)和圖形元素之間的映射,它決定了這些元素的屬性如何變化。可視化通常是通過使用圖表,折線或點(diǎn),條形圖和地圖來進(jìn)行的。
Data Viz是描述性統(tǒng)計(jì)的一個(gè)分支,但它需要設(shè)計(jì),計(jì)算機(jī)和統(tǒng)計(jì)技能。
美學(xué)和功能齊頭并進(jìn),以直觀的方式傳達(dá)復(fù)雜的統(tǒng)計(jì)信息。
Data Viz工具和技術(shù)對于做出以數(shù)據(jù)為依據(jù)的決策至關(guān)重要。
在形式和功能之間取得了很好的平衡。
每個(gè)STEM領(lǐng)域都將從了解數(shù)據(jù)中受益。
Jorge Rey的化石燃料Dataviz
如果我們能看到它,我們的大腦就可以內(nèi)在化并對其進(jìn)行反思。這就是為什么理解圖表和查看趨勢比閱讀大量的文檔要花費(fèi)大量時(shí)間和精力進(jìn)行合理化更容易和有效的原因。我們不想重復(fù)人類是視覺生物的陳詞濫調(diào),但這是事實(shí),可視化更加有效和全面。
在某種程度上,我們可以說數(shù)據(jù)Viz是講故事的一種形式,目的是幫助我們根據(jù)數(shù)據(jù)做出決策。這些數(shù)據(jù)可能包括:
追蹤銷售
識別趨勢
識別變化
監(jiān)控目標(biāo)
監(jiān)測結(jié)果
合并數(shù)據(jù)
秘密7 –塞爾吉奧·費(fèi)爾南德斯(Sergio Fernandez)提出離婚可視化的理由
數(shù)據(jù)可視化對于每天處理大量數(shù)據(jù)的公司很有用。必須立即顯示您的數(shù)據(jù)和趨勢。勝過瀏覽龐大的電子表格。當(dāng)趨勢立即脫穎而出時(shí),這也可以幫助您的客戶或觀看者理解它們,而不會迷失在混亂的數(shù)字中。
話雖如此,Data Viz適用于:
年度報(bào)告
簡報(bào)
社交媒體微敘事
信息手冊
研究
趨勢販運(yùn)
SciViz
燭臺圖,用于財(cái)務(wù)分析
確定路線
可以看到數(shù)據(jù)可視化的常見情況是在銷售和營銷,醫(yī)療保健,科學(xué),金融,政治和物流中。
娜塔莉·祖伊娃(Natalie Zuieva)的租金和薪金統(tǒng)計(jì)信息圖
簡短的答案:決策。數(shù)據(jù)可視化具有快速識別模式和解釋數(shù)據(jù)的不可否認(rèn)的好處。更具體地說,它是確定以下情況的寶貴工具。
識別變量關(guān)系之間的相關(guān)性。
獲得有關(guān)受眾行為的市場見解。
確定價(jià)值與風(fēng)險(xiǎn)指標(biāo)。
隨時(shí)間監(jiān)視趨勢。
通過頻率檢查速率和潛力。
應(yīng)對變化的能力。
太空垃圾-BBC科學(xué)焦點(diǎn),作者:Federica Fragapane
您可能已經(jīng)猜到了,Data Viz不僅僅是簡單的餅圖和圖形,而且還具有視覺吸引力。該分支用于可視化統(tǒng)計(jì)信息的方法包括一系列有效類型。
地圖可視化是一種很好的方法,可以分析和顯示與地理位置相關(guān)的信息,并通過地圖準(zhǔn)確地將其呈現(xiàn)出來。這種直觀的方法旨在按區(qū)域分布數(shù)據(jù)。由于地圖可以是2D或3D(靜態(tài)或動態(tài)),因此可以使用多種組合來創(chuàng)建Data Viz地圖。
COVID-19支出數(shù)據(jù)可視化POGO,George Railean
但是,最常見的是:
區(qū)域地圖:顯示國家,城市或地區(qū)的經(jīng)典地圖。對于每個(gè)區(qū)域中的不同特征,它們通常以不同的顏色表示數(shù)據(jù)。
線圖:它們通常包含空間和時(shí)間,由于對特定場景進(jìn)行了分析,因此通常是路線選擇的理想選擇,尤其是該地區(qū)的駕車或出租車路線。
點(diǎn)地圖:這些地圖分發(fā)地理信息的數(shù)據(jù)。它們是企業(yè)確定區(qū)域中建筑物確切位置的理想選擇。
熱圖:它們根據(jù)特定屬性指示地理區(qū)域的權(quán)重。例如,熱圖可以按區(qū)域分布感染者的飽和度。
圖表以圖形,圖表和表格的形式顯示數(shù)據(jù)。由于圖形確實(shí)是圖表的子類別,因此它們經(jīng)常與圖形混淆。但是,兩者之間的差別很?。簣D形顯示數(shù)據(jù)組之間的數(shù)學(xué)關(guān)系,并且僅是表示數(shù)據(jù)的統(tǒng)計(jì)圖方法之一。
圖表數(shù)據(jù)可視化,作者:Madeline VanRemmen
順便說一句,讓我們談?wù)剶?shù)據(jù)可視化中最基本的圖表類型。
條狀圖
他們使用一系列的條形圖來說明數(shù)據(jù)。它們是較輕量數(shù)據(jù)的理想選擇,并遵循不超過三個(gè)變量的趨勢,否則,條形變得混亂且難以理解。
餅狀圖
這些熟悉的圓形圖按部分劃分?jǐn)?shù)據(jù)。切片越大,部分越大。它們非常適合描述整體的各個(gè)部分,它們的總和必須始終為100%。當(dāng)您需要顯示一段時(shí)間內(nèi)的數(shù)據(jù)發(fā)展或缺少任何部分的價(jià)值時(shí),請避免使用餅圖。甜甜圈圖與餅圖具有相同的用途。
線形圖
他們使用一條線或多條線來顯示隨著時(shí)間的發(fā)展。它允許同時(shí)跟蹤多個(gè)變量。一個(gè)很好的例子是跟蹤品牌多年來的產(chǎn)品銷售情況。面積圖與折線圖具有相同的用途。
散點(diǎn)圖
這些圖表使您可以通過數(shù)據(jù)可視化查看模式。它們有兩個(gè)不同值的x軸和y軸。例如,如果您的x軸包含有關(guān)汽車價(jià)格的信息,而y軸包含有關(guān)薪水的信息,則正向或負(fù)向關(guān)系將告訴您某人的汽車所反映的薪水。
表格
與我們剛剛討論過的圖表不同,表格幾乎以原始格式顯示數(shù)據(jù)。當(dāng)您的數(shù)據(jù)難以以視覺方式呈現(xiàn),并且旨在顯示應(yīng)該閱讀而不是可視化的特定數(shù)值數(shù)據(jù)時(shí),它們是理想的選擇。
數(shù)據(jù)可視化| Aishwarya Anand Singh的養(yǎng)蜂與否
例如,圖表非常適合顯示特定區(qū)域內(nèi)一段時(shí)間內(nèi)特定疾病的數(shù)據(jù),但是當(dāng)您還需要了解具體原因(例如原因,結(jié)果,復(fù)發(fā),治療時(shí)間和治療方法)時(shí),最好使用表格。
它們并沒有什么不同,因?yàn)樗鼈冊谝曈X上都代表數(shù)據(jù)。通常,您搜索信息圖表并找到標(biāo)題為“數(shù)據(jù)可視化”的圖像,反之亦然。但是,在許多情況下,這些標(biāo)題都不會引起誤解。這是為什么?
數(shù)據(jù)可視化僅由一個(gè)元素組成。它可以是地圖,圖表或表格。另一方面,信息圖表通常包含多個(gè)Data Viz元素。
與可能簡單或極其復(fù)雜且繁重的數(shù)據(jù)可視化不同,信息圖表簡單易行,并且面向更廣泛的受眾。即使對于信息圖表代表的研究領(lǐng)域之外的人,后者通常也是可以理解的。
有趣的是,數(shù)據(jù)Viz不提供敘述和結(jié)論,而是提供這些敘述和結(jié)論的工具和基礎(chǔ)。雖然信息圖表在大多數(shù)情況下提供了故事和敘述。例如,數(shù)據(jù)可視化地圖的標(biāo)題可能是“按區(qū)域劃分的空氣污染飽和度”,而帶有相同數(shù)據(jù)的信息圖則顯示為“ A區(qū)和B區(qū)在C國污染最嚴(yán)重”。
數(shù)據(jù)可視化可以在Excel中進(jìn)行,也可以使用其他自動生成設(shè)計(jì)的工具,除非將其設(shè)置為演示或發(fā)布。但是,信息圖表的美學(xué)非常重要,其設(shè)計(jì)必須吸引更廣泛的受眾。
在交互方面,數(shù)據(jù)可視化通常提供交互式圖表,尤其是在線形式的圖表。另一方面,信息圖表很少互動,通常是靜態(tài)圖像。
Skype通過可視化.com進(jìn)行可視化
該過程自然類似于創(chuàng)建信息圖表,并且圍繞了解您的數(shù)據(jù)和受眾。更準(zhǔn)確地說,這些是準(zhǔn)備有效的數(shù)據(jù)可視化以使您的查看者立即了解的主要步驟和最佳實(shí)踐。
準(zhǔn)備工作已經(jīng)完成了一半。在甚至開始可視化數(shù)據(jù)之前,必須確保您了解該數(shù)據(jù)的最后細(xì)節(jié)。
不可否認(rèn)的是,了解您的數(shù)據(jù)查看對象是另一個(gè)重要部分,因?yàn)椴煌娜藢π畔⒌奶幚矸绞讲煌?。您要為?shù)據(jù)可視化的對象是誰?他們?nèi)绾翁幚硪曈X數(shù)據(jù)?只需給他們一張餅圖就足夠了,否則您將需要更深入的可視化報(bào)告?
您正在可視化什么樣的信息,它能反映出您的目標(biāo)嗎?
最后,考慮要使用多少數(shù)據(jù)并加以考慮。
圖片來自Brodie Vissers
在上一節(jié)中,我們列出了可在數(shù)據(jù)可視化中使用的基本圖表類型。要確定最適合您工作的人,需要考慮的因素很少。
圖表中將有多少個(gè)變量?
您將為每個(gè)變量放置幾項(xiàng)?
值之間的關(guān)系是什么(時(shí)間段,比較,分布等)
話雖如此,如果您需要展示整個(gè)項(xiàng)目的各個(gè)部分,那么餅圖將是理想的選擇。例如,您可以使用它來展示特定產(chǎn)品的市場份額的百分比。但是,餅圖不適用于時(shí)間范圍內(nèi)的分布,比較和跟蹤趨勢。在這些情況下,條形圖,散點(diǎn)圖,s和折線圖更為有效。
另一個(gè)示例是如何在圖表中使用時(shí)間。使用水平軸會更準(zhǔn)確,因?yàn)闀r(shí)間應(yīng)該從左到右。它在視覺上更直觀。
Oberhaeuser的MagnaGlobal廣告市場海報(bào)
首先刪除所有不會增加價(jià)值并且基本上是圖表多余的數(shù)據(jù)。有時(shí),您必須處理大量數(shù)據(jù),這不可避免地會使您的圖表變得非常復(fù)雜且難以閱讀。不要猶豫,將您的信息分成兩個(gè)或多個(gè)圖表。如果這對您不起作用,則可以使用突出顯示或使用更合適的內(nèi)容更改整個(gè)圖表類型。
提示:使用條形圖和柱形圖進(jìn)行比較時(shí),請按值(而不是字母順序)以升序或降序?qū)π畔⑦M(jìn)行排序。
圖片由薩曼莎·赫爾利(Samantha Hurley)
在每種可視化形式中,顏色都是您最好的朋友和最強(qiáng)大的工具。它們產(chǎn)生對比,重音,強(qiáng)調(diào)并直觀地引導(dǎo)眼睛。即使在這里,色彩理論也很重要。
設(shè)計(jì)圖表時(shí),請確保不要使用超過5或6種顏色。除此之外,任何其他操作都將使您的圖表不堪重負(fù),并且難以為觀眾閱讀。但是,您可以使用顏色強(qiáng)度來發(fā)揮自己的優(yōu)勢。例如,當(dāng)您在不同的時(shí)間段內(nèi)比較同一概念時(shí),可以將數(shù)據(jù)從所選顏色的最淺陰影到其較深的顏色進(jìn)行排序。它會創(chuàng)建適合您時(shí)間線的強(qiáng)烈視覺效果。
選擇顏色時(shí)要考慮的事項(xiàng):
不同類別的顏色不同。
系列中所有圖表的采用一致調(diào)色板,方便以后將進(jìn)行比較。
最好使用對色盲友好的調(diào)色板。
Jamie Kettle可視化塑料廢物污染數(shù)據(jù)
當(dāng)您想成為數(shù)據(jù)可視化設(shè)計(jì)中的佼佼者時(shí),請多多發(fā)揮自己的靈感。查看優(yōu)秀的示例、信息圖、其他人的工作,并了解哪種方法最適合您需要實(shí)現(xiàn)的每種數(shù)據(jù)。
下圖這個(gè)Twitter帳戶數(shù)據(jù)可視化是一個(gè)很好的例子。同時(shí),我們還將精選一些令人稱贊的示例,這些示例將使您有信心開始為數(shù)據(jù)創(chuàng)建視覺效果。
lilit Hayrapetyan創(chuàng)作的大數(shù)據(jù)紀(jì)錄片的人臉
作為另一種藝術(shù)形式,Data Viz為一些令人驚嘆的精心設(shè)計(jì)的圖表提供了沃土,這些圖表證明了數(shù)據(jù)也可以是美麗的。現(xiàn)在,讓我們來看看一些例子。
我們從孟小偉的個(gè)人項(xiàng)目開始,介紹他玩《黑暗之魂3》的經(jīng)驗(yàn)。這是信息圖表和數(shù)據(jù)可視化也是個(gè)人設(shè)計(jì)工具的完美例子。這項(xiàng)研究非常龐大,但非常專業(yè)地歸類為針對不同概念的不同類型的圖表。所有數(shù)據(jù)可視化都使用相同的調(diào)色板進(jìn)行制作,并且在信息圖表中看起來很棒。
我的黑暗之魂3孟小偉在播放數(shù)據(jù)
凱蒂·西爾弗(Katie Silver)根據(jù)評論家和觀眾的評論匯總了有史以來最偉大的100部電影??梢暬@示了每部電影的關(guān)鍵數(shù)據(jù)點(diǎn),例如發(fā)行年份、奧斯卡提名和獲勝、預(yù)算、利潤、IMDB得分、類型、拍攝地點(diǎn)、電影背景和制作工作室。所有電影均按發(fā)行日期排序。
凱蒂·西爾弗(Katie Silver)的100部最佳電影數(shù)據(jù)可視化
費(fèi)德里卡·弗拉加帕內(nèi)(Federica Fragapane)顯示了2017年全球50個(gè)最暴力城市的數(shù)據(jù)。這些項(xiàng)目根據(jù)人口在垂直軸上排列,并根據(jù)兇殺率在水平軸上排序。
這些數(shù)據(jù)可視化和插圖由Valerio Pellegrini為《透視》雜志制作。它們顯示了一個(gè)餅圖,其中包含行業(yè)細(xì)分以及對就業(yè)貢獻(xiàn)的散點(diǎn)圖。
視角雜志–家族企業(yè)by Valerio Pellegrini
該地圖顯示了太陽系中18000多個(gè)小行星的軌道數(shù)據(jù)。每個(gè)小行星都顯示在1999年除夕的位置,并按小行星的類型進(jìn)行了著色。
埃莉諾·盧茲(Eleanor Lutz)的太陽系軌道圖
KatjaFlükiger對頭條新聞的故事情有獨(dú)鐘。數(shù)據(jù)可視化旨在傳達(dá)銷售對算術(shù)的影響程度。該項(xiàng)目在馬里蘭大學(xué)藝術(shù)學(xué)院完成,目的是可視化對移民的引用,并對用詞選擇和上下文所暗含的價(jià)值判斷進(jìn)行顏色編碼。
標(biāo)題語義學(xué)KatjaFlükiger
該數(shù)據(jù)可視化用于回答月球是否引起地震。該圖顯示了根據(jù)月球的相位和軌道位置而發(fā)生的地震的時(shí)間和強(qiáng)度。
月亮與地震艾西瓦婭·阿南德·辛格(Aishwarya Anand Singh)
可視化效果顯示了從2003年到2015年發(fā)射的衛(wèi)星。該圖表示了專注于項(xiàng)目的機(jī)構(gòu)類型以及為其提供資金的國家。左側(cè)顯示了每年的發(fā)射次數(shù)和衛(wèi)星應(yīng)用次數(shù)。
有線英國–由Nanosats拍攝的黎明(Valerio Pellegrini)
數(shù)據(jù)可視化不僅是一種科學(xué)形式,而且還是一種藝術(shù)形式。其目的是幫助任何領(lǐng)域的企業(yè)快速理解復(fù)雜數(shù)據(jù),并開始根據(jù)該數(shù)據(jù)做出決策。為了使您的圖表高效且易于閱讀,這一切都與了解您的數(shù)據(jù)和受眾有關(guān)。這樣,您就可以選擇正確的圖表類型,并使用可視化技術(shù)來發(fā)揮自己的優(yōu)勢。
文章來源:站酷 作者:ZZiUP
藍(lán)藍(lán)設(shè)計(jì)( tweetduck.com )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://tweetduck.com