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

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


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

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


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

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

http://m.pkvc.cn/Tutorial/ui3194.html

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

http://m.pkvc.cn/Tutorial/id2901.html

1. 避免使用美麗的顏色

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

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



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

2. 避免使用餅圖

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

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



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

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

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

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

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



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

4. 使用簡單易讀的字體

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



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

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

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



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

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

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



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

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

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

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



△ 直方圖



△ 條形圖



△ 維恩圖



△ 散點圖



△ 線形圖

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

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


圖片素材作者:Norde

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