圖表設(shè)計的文章匯總

和大數(shù)據(jù)相關(guān)的產(chǎn)品經(jīng)常會和圖表打交道浴麻,當(dāng)有些問題反復(fù)出現(xiàn)的時候力奋,我會想找一些guideline類型的文章來做一個簡單的指導(dǎo)侣诺。

雖然我們設(shè)計小哥說這個不適合做guideline抛人,但我覺得能有一篇文章介紹一些基本方法和原則叹洲,總勝過反反復(fù)復(fù)瑣瑣碎碎(但我知道依然不可避免)蹋凝。

關(guān)于圖表的選用和表現(xiàn)鲁纠,我依稀記得這本書講得比較清楚:誰說菜鳥不會數(shù)據(jù)分析,我做過紙質(zhì)讀書筆記鳍寂,有空會整理一下改含。那么既然還沒有整理筆記,也沒有找到一篇集大全的文章迄汛,因此就試整理幾篇我覺得比較不錯的捍壤。

以下以引用為主骤视,鏈接即原文。在正文開始前我想說(哦好像前面太啰嗦了)鹃觉,設(shè)計完圖表后专酗,不妨想象,如果一個注意力并不集中盗扇、并不耐心的用戶(比如你日理萬機的老板祷肯?)讀到你的幾篇圖表,Ta能get你珍貴的數(shù)據(jù)疗隶、獨特的思路嗎佑笋?你要通過圖表,引導(dǎo)ta做什么斑鼻?

在實際項目中我還遇到過四五張圖表非常接近蒋纬,很容易讓人走神,這個部分我還沒整理到坚弱,會繼續(xù)思考的:)

一颠锉、選用合適的圖表


數(shù)據(jù)可視化的方法有很多種,可視化專家Andrew Abela 認(rèn)為可視化方法大致可分為6大類數(shù)十種方法史汗,譬如數(shù)據(jù)可視化琼掠、信息可視化、概念可視化停撞、戰(zhàn)略可視化瓷蛙、象征可視化、復(fù)合可視化戈毒。


可視化專家Andrew Abela的圖表建議


關(guān)于數(shù)據(jù)圖表的那些知識


不同圖表用于表達(dá)不同維度的信息



氣泡圖是散點圖的一種變體艰猬,通過每個點的面積大小,反映第三維埋市。

氣泡圖是散點圖的一種變體冠桃,通過每個點的面積大小,反映第三維道宅。

卡特里娜颶風(fēng)的路徑食听,三個維度分別為經(jīng)度、緯度污茵、強度樱报。點的面積越大,就代表強度越大泞当。因為用戶不善于判斷面積大小迹蛤,所以氣泡圖只適用不要求精確辨識第三維的場合。

如果為氣泡加上不同顏色(或文字標(biāo)簽),氣泡圖就可用來表達(dá)四維數(shù)據(jù)盗飒。比如下圖就是通過顏色嚷量,表示每個點的風(fēng)力等級。

二逆趣、關(guān)于圖表的細(xì)節(jié)


可視化圖表表達(dá)的10個錯誤

經(jīng)典蝶溶,完整原文:Data_Visualization_101_How_to_Design_Charts_and_Graphs.pdf

讓數(shù)據(jù)變有趣!如何設(shè)計實用易讀的圖表(上)

三汗贫、關(guān)于表格的細(xì)節(jié)


數(shù)據(jù)可視化:提高表單可讀性的一些技巧

1. 根據(jù)表格的用途身坐,設(shè)計表格的布局


按照一定邏輯設(shè)計圖表布局


2. 減少讀者計算

3.精簡指標(biāo)秸脱,創(chuàng)造信息層級

4.不留空白單元格

5.斑馬條的運用

橫向或縱向的斑馬線以及懸停高亮底色能夠很好的引導(dǎo)用戶的視線落包,避免在閱讀時出現(xiàn)錯行、迷失的情況:斑馬線會使得行與行的界限更為分明摊唇,尤其對數(shù)據(jù)列較多時的橫向引導(dǎo)得到加強咐蝇,這樣看行內(nèi)的內(nèi)容時不容易錯行,而懸停變色行主要是配合操作交互巷查,明確區(qū)分出光標(biāo)所在的行有序。


表格、較多數(shù)據(jù)的柱狀圖可以考慮斑馬條的運用

6.高亮重點信息岛请,提高閱讀速度

7.對齊旭寿,便于用戶快速瀏覽

8.設(shè)計視覺層級,引導(dǎo)讀者視線


設(shè)計視覺層級崇败,引導(dǎo)讀者視線

9. 堅持使用簡單的矩陣布局盅称,盡量減少視覺噪音



每一格的外框構(gòu)成了不必要的視覺噪音
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市后室,隨后出現(xiàn)的幾起案子缩膝,更是在濱河造成了極大的恐慌,老刑警劉巖岸霹,帶你破解...
    沈念sama閱讀 212,029評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件疾层,死亡現(xiàn)場離奇詭異,居然都是意外死亡贡避,警方通過查閱死者的電腦和手機痛黎,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,395評論 3 385
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來刮吧,“玉大人舅逸,你說我怎么就攤上這事』噬福” “怎么了琉历?”我有些...
    開封第一講書人閱讀 157,570評論 0 348
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我旗笔,道長彪置,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,535評論 1 284
  • 正文 為了忘掉前任蝇恶,我火速辦了婚禮拳魁,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘撮弧。我一直安慰自己潘懊,他們只是感情好,可當(dāng)我...
    茶點故事閱讀 65,650評論 6 386
  • 文/花漫 我一把揭開白布贿衍。 她就那樣靜靜地躺著授舟,像睡著了一般。 火紅的嫁衣襯著肌膚如雪贸辈。 梳的紋絲不亂的頭發(fā)上释树,一...
    開封第一講書人閱讀 49,850評論 1 290
  • 那天,我揣著相機與錄音擎淤,去河邊找鬼奢啥。 笑死,一個胖子當(dāng)著我的面吹牛嘴拢,可吹牛的內(nèi)容都是我干的桩盲。 我是一名探鬼主播,決...
    沈念sama閱讀 39,006評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼席吴,長吁一口氣:“原來是場噩夢啊……” “哼赌结!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起抢腐,我...
    開封第一講書人閱讀 37,747評論 0 268
  • 序言:老撾萬榮一對情侶失蹤姑曙,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后迈倍,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體伤靠,經(jīng)...
    沈念sama閱讀 44,207評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,536評論 2 327
  • 正文 我和宋清朗相戀三年啼染,在試婚紗的時候發(fā)現(xiàn)自己被綠了宴合。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 38,683評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡迹鹅,死狀恐怖卦洽,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情斜棚,我是刑警寧澤阀蒂,帶...
    沈念sama閱讀 34,342評論 4 330
  • 正文 年R本政府宣布该窗,位于F島的核電站,受9級特大地震影響蚤霞,放射性物質(zhì)發(fā)生泄漏酗失。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,964評論 3 315
  • 文/蒙蒙 一昧绣、第九天 我趴在偏房一處隱蔽的房頂上張望规肴。 院中可真熱鬧,春花似錦夜畴、人聲如沸拖刃。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,772評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽兑牡。三九已至,卻和暖如春兔簇,著一層夾襖步出監(jiān)牢的瞬間发绢,已是汗流浹背硬耍。 一陣腳步聲響...
    開封第一講書人閱讀 32,004評論 1 266
  • 我被黑心中介騙來泰國打工垄琐, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人经柴。 一個月前我還...
    沈念sama閱讀 46,401評論 2 360
  • 正文 我出身青樓狸窘,卻偏偏與公主長得像,于是被迫代替她去往敵國和親坯认。 傳聞我的和親對象是個殘疾皇子翻擒,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 43,566評論 2 349

推薦閱讀更多精彩內(nèi)容