當(dāng)前位置:圖趣網(wǎng)(Tuquu) > 網(wǎng)頁(yè)設(shè)計(jì)教程 > 設(shè)計(jì)理論 > 用Keep的案例,讓你輕松理解交互設(shè)計(jì)師的職責(zé)

讓傳達(dá)更有用!7個(gè)提拔數(shù)據(jù)可視化的實(shí)用技巧


今天的文章不長(zhǎng),但是干貨照舊不少的。對(duì)于數(shù)據(jù)可視化,我覺(jué)得在設(shè)計(jì)原理上其實(shí)是雷同的,都是為了更好的傳達(dá)信息。所以,同樣的,關(guān)注核心信息,剔除信息雜質(zhì),就能使數(shù)據(jù)表信息的傳達(dá)更有用。

優(yōu)秀的數(shù)據(jù)可視化就是清晰,有用地傳達(dá)信息,而不會(huì)分散用戶(hù)細(xì)致力。 本文將會(huì)介紹一些小細(xì)節(jié),幫助你做好數(shù)據(jù)可視化。


之前圖趣有關(guān)數(shù)據(jù)可視化的教程文章:

數(shù)據(jù)也美麗!數(shù)據(jù)可視化與信息可視化淺談

http://m.likemindfilms.com/Tutorial/ui3194.html

傳遞數(shù)據(jù)背后的故事——圖表設(shè)計(jì)

http://m.likemindfilms.com/Tutorial/id2901.html

1. 避免使用美麗的顏色

通亮美麗的顏色就像是把所有的字母都大寫(xiě)想要強(qiáng)調(diào)一樣,你的聽(tīng)眾感覺(jué)你在對(duì)他們大聲傾銷(xiāo)。而當(dāng)有許多人在大喊大叫時(shí),通常是很難集中細(xì)致力聽(tīng)他在說(shuō)什么的。單調(diào)的顏色,反而能很好地用于數(shù)據(jù)可視化,由于它們可以讓你的讀者理解你的數(shù)據(jù),而不至于被數(shù)據(jù)吞沒(méi)。

當(dāng)你想要強(qiáng)調(diào)數(shù)據(jù)時(shí),可以使用更亮的顏色。比如你的公司與競(jìng)爭(zhēng)對(duì)手相比較時(shí),或者你可以在現(xiàn)有顏色基礎(chǔ)上加深顏色。



△ 多彩的顏色結(jié)果就像把筆墨悉數(shù)大寫(xiě)一樣

2. 避免使用餅圖

盡管它們很受迎接,但餅圖并不是一種可視化數(shù)據(jù)的有用方法。 為什么? 由于你的大腦很難確定每塊餡餅的相對(duì)大小。多使用條形圖, 它能使受眾更容易理解和比較數(shù)據(jù)的相對(duì)大小。

Tip:按降序或升序?qū)?shù)據(jù)進(jìn)行排序,能更輕松地比較數(shù)據(jù)。



△ 餅圖不是可視化數(shù)據(jù)的有用體例, 請(qǐng)嘗試使用條形圖。

3. 避免數(shù)據(jù)噪音

正如「數(shù)據(jù)界的達(dá)芬奇」Edward Tufte 所說(shuō),圖表上的每一點(diǎn)信息都應(yīng)該有存在的理由。

把不緊張的東西減到最少或者去掉。這包括削弱或移除圖形線(xiàn),改變軸線(xiàn) 圖形線(xiàn)的顏色,以及用淺灰色描繪電子表格。使得「數(shù)據(jù)比率」可以達(dá)到一個(gè)很高的水平,聽(tīng)眾會(huì)更容易曉暢其中的數(shù)據(jù)情況。

Tip: 假如有人評(píng)價(jià)你的圖表華而不實(shí),你只必要優(yōu)化數(shù)據(jù)比率就好了。



△ 隱蔽或削弱非數(shù)據(jù)項(xiàng)能使數(shù)據(jù)脫穎而出

4. 使用簡(jiǎn)單易讀的字體

有些時(shí)候,排版可以提拔視覺(jué)結(jié)果,增長(zhǎng)額外的情感和洞察力。但數(shù)據(jù)可視化不包括在內(nèi)。堅(jiān)持使用簡(jiǎn)單的無(wú)襯線(xiàn)字體(通常是 Excel 等程序中的默認(rèn)字體)。無(wú)襯線(xiàn)字體即是那些筆墨邊緣沒(méi)有小腳的字體。



△ 不用使用手寫(xiě)體,以及其他會(huì)分散數(shù)據(jù)可視化細(xì)致力的字體

5. 使用表格數(shù)字字體

表格間距賦予所有的數(shù)字雷同的寬度,使它們排列時(shí)能彼此對(duì)齊,使對(duì)比更容易。大多數(shù)流行字體都內(nèi)置了表格。不確定字體是否精確?就看小數(shù)點(diǎn)(或任何數(shù)字)是否對(duì)齊。



△ 使用一個(gè)表格數(shù)字字體,如許每個(gè)數(shù)字間都保持對(duì)齊(像右圖),比較起來(lái)更容易

6. 使用雷同細(xì)節(jié)和精度的數(shù)字

添加的細(xì)節(jié)(和數(shù)字)越多,大腦處理的時(shí)間就越長(zhǎng)。想想你想要用你的數(shù)據(jù)傳達(dá)什么,以及最有用的體例是什么。



△ 每一個(gè)額外的數(shù)字都必要大腦去理解

7. 使用基礎(chǔ)圖形

一個(gè)很好的經(jīng)驗(yàn)法則是,假如你不能高效理解,你的讀者或聽(tīng)眾可能也難理解。因此,堅(jiān)持使用基礎(chǔ)圖形:直方圖、條形圖、維恩圖、散點(diǎn)圖和線(xiàn)形圖。

譯者注:關(guān)于這些數(shù)據(jù)圖的區(qū)別以及使用方法,我這里就不作睜開(kāi)說(shuō)了,有愛(ài)好的可以本身去網(wǎng)上翻翻。每種圖形都用它的特點(diǎn)和使用場(chǎng)景,還蠻故意思的。以下是我在網(wǎng)上搜集的圖形示例:



△ 直方圖



△ 條形圖



△ 維恩圖



△ 散點(diǎn)圖



△ 線(xiàn)形圖

原文鏈接:《Data visualization hacks》  Becca Selah

迎接關(guān)注譯者的微信公眾號(hào):「 彩云譯設(shè)計(jì)」


圖片素材作者:Norde

[教程作者:互聯(lián)網(wǎng)]
免責(zé)聲明:本站文章系圖趣網(wǎng)整理發(fā)布,如需轉(zhuǎn)載,請(qǐng)注明出處,素材資料僅供個(gè)人學(xué)習(xí)與參考,請(qǐng)勿用于商業(yè)用途!
本文地址:http://m.likemindfilms.com/tutorial/di4176.html
歷時(shí)7天,168小時(shí),超過(guò)100頁(yè)的「復(fù)仇者聯(lián)盟」PPT 免費(fèi)下載!
騰訊干貨!8個(gè)步驟幫你掌握從用戶(hù)出發(fā)的創(chuàng)意腦暴法
圖趣網(wǎng)微信
建議反饋
×