哦！糟糕的表格！你到底錯在哪裡了？
在網際網路誕生的早期，表格是它的生存必需品。而如今，設計師已經把它們忘諸腦後了，取而代之的是全新的、更 fashion 的格式佈局。儘管在web上出現的頻率越來越少，表格工具依然能承載我們日常接觸到的絕大多數資訊，清晰的結構也是無以匹敵。
比方說， 我給你們列舉一個我認為的資料表“之母”：美國的“協調關稅表”，這張表足足有3550頁，羅列著美國進口的每一件商品明細，包括“男士或兒童的大衣、機 車服、斗篷和夾克（包括滑雪夾克）”這些令人振奮的服裝品類，還有風衣和類似的諸多商品（也有墊子和無袖夾克）。
可是啥是carcoat嘞？
資料表也會讓人抓狂，當然這取決於設計得粗製濫造的時候它呈現出來的恐怖程度。資料表格設計非常關鍵：如果設計得當，那麼再複雜的資料都易於閱讀、做對比；可是一旦設計不當，資訊將會變得非常不可思議。
所以，讓我們一起把表格設計得儘可能得當一點吧，對吧？
瞭解數字
不是所有的數字生來都是平等。我說的可不是π和∞（儘管我在會議上經常這麼做）；我說的它們有的是表格數字 ，有的是舊體數字，有的是等高數字，有的是比例數字。
下面這個例子就是「舊體數字」與「等寬數字」差別。
圖：舊體數字(old-style figures) vs. 等高數字(lining figures)
由於比較符合其他字母的大小和間距，舊體數字在句子中看起來會很美觀；等高數字的統一性比較強，在表格中加強柵格化結構的效果。
比例數字和表格數字的區別並不是很大：
圖：比例數字(Proportional) vs. 表格數字(tabular figures)
比例數字是為符合字形的色彩而設計——即通用尺寸和空間大小。表格數字，從另一方面說，個頭都是差不多的，因此數列看起來顯得整齊劃一。儘管一兩行字看不出兩者有什麼特殊區別，但表格數字在大型資料表更容易閱讀，同時也減少錯誤。
使用等高表格數字
處理資料表時，寧可多做一些工作，確保正確使用數字字型（等高表格數字不是預設的數字字型）。Adobe的產品都有一個“opentype” 字型皮膚，可以用來設定恰當的字型。CSS為此則提供slightly-cryptic syntax語法開啟此功能。除此之外，用 google 搜尋也能下載到準確的字型。
不幸的是，很多漂亮的字型都要花些錢購買才可以。當然免費字型也有不錯，比如：Work Sans 這個帶等高g彩筆數字的字型是可以免費使用的。
如果你實在找不到合格的等高表格數字字型，那就用等寬字型(monospace fonts)的吧——它們看起來像“編輯程式碼”一樣，就很適合展示表格數字。另外，蘋果系統預設的字型「San Francisco」就包含優秀的等高表格數字，設定為小號時看起來也不錯。
對齊
請謹遵3½規則：
1. 數字右對齊
2.文字左對齊
3. 標題與資料對齊
3½. 千萬不用居中對齊！
圖：美國曆史人口資料表—Wikipedia
我們通常是從右往左讀取數值資料的，這意味著我們第一眼看到的是個位數，然後是十、百、千、萬……我們學算術時的順序也是如此：從右開始數，一直數到左邊。因此數值資料在表格中應該保持右對齊。
文字則是從左往右讀取的。對文字的排序方法也是按照左到右順序：如果兩個單詞左邊首字母相同，那麼按左起第二個字母，以此類推。沒有按照這種順序排列的會讓讀者抓狂，千萬不要犯錯哦。
表頭通常與正文對齊。這使表格在垂直方向上很乾淨，而且也使全文連貫、一致。
居中對齊是最不該使用的對齊方式，因為它會讓整張表格變得破亂不堪，會更難瀏覽，常常需要分隔線或圖形元素。
數位一致 = 更好的對齊
想讓表格看起來佈局合理，有一個簡單的方法，那就是保持數位一致——通常小數點後面的小數位數在每一列要保持統一。此外我向來堅持一個原則：數位用得越少越好。
適當使用標籤
給你的資料做一個標籤也挺重要。這些標籤會讓你的表格更容易讓人接受。
圖：密西西比河洪水預報——來自NOAA
表格標題
這聽來很保守，為表格起個清晰明瞭的標題和其它的設計思路一樣重要。有了一個好標題，表格就能獨立使用：它可以使用到許多不同的場合中，甚至是外部的資源。
單位
資料是有單位的，每一個資料的單位都應要保持一致。但不必每條都加上，在每列的第一條資料加上單位就可以了。
表頭
表頭越短越好；讓閱讀者注意力集中在資料本身，如果表頭文字過長，會佔據大部分視覺空間。
惜墨如金
當你需要使用圖形元素的時候，我的建議是儘可能減少使用，避免結構失衡。方法之一就是“惜墨如金”。意思就是，只要有可能，不要去使用什麼元素，越簡潔約好。
圖：2016年美國棒球聯盟擊球統計—BaseballReference
分隔線（表格邊框）
當你把資料排列整齊得當之後，分隔線就是多餘的了。分隔線的首要作用是幫助我們減少不同元素間的間距，同時能有效地設定間距將元素區分開。若要使用，分隔線要淺色，不要妨礙快速瀏覽。
水平分隔線最好用，在長頁面表格中它能協助我們有效減少垂直方向的拖沓感，儘管有大量的資料讀起來也不費勁，同時能夠看到資料相應的趨勢。
關於分隔線，我總結了一個未經證實的觀點：分隔條紋（斑馬條紋）最不好用。真的，確實不好用。信不信由你。
背景
區分不同領域資料的方法之一是設定背景色：單個資料、總和或平均數，不同領域不同顏色，易於辨別。
如果要在表格中新增需要特別強調的觀點，額外增加的資訊，或者與前一時期相比有變化的資料，可以不用背景色，用一些元素開頭，像✻, †或者▵，讀者自然會明白。
此外，表格最好設定為單色。一張表格出現太多的顏色會產生誤導，也會增加不必要的錯誤，如果是色盲的話問題就更嚴重了，這個你懂的。
小結
表格或許很枯燥，可是它非常強大，它擁有種類豐富的眾多元素，能將我們提供的資料準確排版並清晰表達出來。通過設計更有效率、更清晰、更易使用的表格，我們可以大大減少以往令人痛苦的資料分析經歷，提高理解的能力。