讓傳達(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
本文地址:http://m.likemindfilms.com/tutorial/di4176.html
您可能還喜歡
- Macaron 馬卡龍系色譜 ;附HC(16進(jìn)制碼
- 7個(gè)手機(jī)版網(wǎng)頁(yè)設(shè)計(jì)的原則
- 折紙多邊形網(wǎng)頁(yè)背景效果制作教程
- 龐門(mén)正道:好好玩耍的點(diǎn)線(xiàn)面(上)
- 網(wǎng)頁(yè)設(shè)計(jì)中的常見(jiàn)頁(yè)面布局方式
- WAP APP的柵格設(shè)計(jì)
- 八種很漂亮的排版方法和技巧分享
- 網(wǎng)頁(yè)設(shè)計(jì)的首屏標(biāo)準(zhǔn)你了解多少?
- 字體大寶庫(kù):40款為網(wǎng)頁(yè)設(shè)計(jì)師準(zhǔn)備的時(shí)
- 視覺(jué)設(shè)計(jì)分享—專(zhuān)題頁(yè)面設(shè)計(jì)篇
- 專(zhuān)訪(fǎng):石墨文檔產(chǎn)品總監(jiān)羅穎
- UI設(shè)計(jì)不得不知的移動(dòng)端UI尺寸適
- 光音移動(dòng)設(shè)計(jì)規(guī)范 — 表單類(lèi)
- 體驗(yàn)設(shè)計(jì)中的排序問(wèn)題
- 網(wǎng)頁(yè)設(shè)計(jì)精粹 網(wǎng)頁(yè)中那些迷人的按
- aliued:響應(yīng)式設(shè)計(jì)的現(xiàn)狀與趨勢(shì)
- 10個(gè)智能對(duì)象處理的ps技巧
- 網(wǎng)頁(yè)UI - 原子設(shè)計(jì)理論(上)
- 如何通過(guò)設(shè)計(jì)提升banner點(diǎn)擊率?
- 晉小彥視覺(jué)設(shè)計(jì)系列文章(二):全屏