和大數(shù)據(jù)相關(guān)的產(chǎn)品經(jīng)常會和圖表打交道，當(dāng)有些問題反復(fù)出現(xiàn)的時候，我會想找一些guideline類型的文章來做一個簡單的指導(dǎo)。
雖然我們設(shè)計(jì)小哥說這個不適合做guideline，但我覺得能有一篇文章介紹一些基本方法和原則，總勝過反反復(fù)復(fù)瑣瑣碎碎（但我知道依然不可避免）。
關(guān)于圖表的選用和表現(xiàn)，我依稀記得這本書講得比較清楚：誰說菜鳥不會數(shù)據(jù)分析，我做過紙質(zhì)讀書筆記，有空會整理一下。那么既然還沒有整理筆記，也沒有找到一篇集大全的文章，因此就試整理幾篇我覺得比較不錯的。
以下以引用為主，鏈接即原文。在正文開始前我想說（哦好像前面太啰嗦了），設(shè)計(jì)完圖表后，不妨想象，如果一個注意力并不集中、并不耐心的用戶（比如你日理萬機(jī)的老板？）讀到你的幾篇圖表，Ta能get你珍貴的數(shù)據(jù)、獨(dú)特的思路嗎？你要通過圖表，引導(dǎo)ta做什么？
在實(shí)際項(xiàng)目中我還遇到過四五張圖表非常接近，很容易讓人走神，這個部分我還沒整理到，會繼續(xù)思考的：）
一、選用合適的圖表
數(shù)據(jù)可視化的方法有很多種，可視化專家Andrew Abela 認(rèn)為可視化方法大致可分為6大類數(shù)十種方法，譬如數(shù)據(jù)可視化、信息可視化、概念可視化、戰(zhàn)略可視化、象征可視化、復(fù)合可視化。
氣泡圖是散點(diǎn)圖的一種變體，通過每個點(diǎn)的面積大小，反映第三維。
卡特里娜颶風(fēng)的路徑，三個維度分別為經(jīng)度、緯度、強(qiáng)度。點(diǎn)的面積越大，就代表強(qiáng)度越大。因?yàn)橛脩舨簧朴谂袛嗝娣e大小，所以氣泡圖只適用不要求精確辨識第三維的場合。
如果為氣泡加上不同顏色（或文字標(biāo)簽），氣泡圖就可用來表達(dá)四維數(shù)據(jù)。比如下圖就是通過顏色，表示每個點(diǎn)的風(fēng)力等級。
二、關(guān)于圖表的細(xì)節(jié)
經(jīng)典，完整原文：Data_Visualization_101_How_to_Design_Charts_and_Graphs.pdf
讓數(shù)據(jù)變有趣！如何設(shè)計(jì)實(shí)用易讀的圖表（上）
三、關(guān)于表格的細(xì)節(jié)
1. 根據(jù)表格的用途，設(shè)計(jì)表格的布局
2. 減少讀者計(jì)算
3.精簡指標(biāo)，創(chuàng)造信息層級
4.不留空白單元格
5.斑馬條的運(yùn)用
橫向或縱向的斑馬線以及懸停高亮底色能夠很好的引導(dǎo)用戶的視線，避免在閱讀時出現(xiàn)錯行、迷失的情況：斑馬線會使得行與行的界限更為分明，尤其對數(shù)據(jù)列較多時的橫向引導(dǎo)得到加強(qiáng)，這樣看行內(nèi)的內(nèi)容時不容易錯行，而懸停變色行主要是配合操作交互，明確區(qū)分出光標(biāo)所在的行。
6.高亮重點(diǎn)信息，提高閱讀速度
7.對齊，便于用戶快速瀏覽
8.設(shè)計(jì)視覺層級，引導(dǎo)讀者視線
9. 堅(jiān)持使用簡單的矩陣布局，盡量減少視覺噪音
