十個建議，你的報表也可以高大上

設計圖表其實不僅僅是設計師的事，也是我們每個人在工作中都會遇到的。大到為投資者Pitch 報需要做的數據可視化，小到銷售數據統計 Excel 表格里插入的圖表，其實我們每天都在接觸到圖表的設計。本文作者是個在數據可視化領域有著 15 年經驗的設計師，所以每天都會進行圖表設計。這裡他為大家分享了他做出兼具美學與實用性圖表的設計原則。

使用熟悉的圖表

作為設計師，使用一些特別又少見的圖表可能會是一種樂趣。比如流行圖。但是用戶卻沒有義務去學習如何讀懂你的圖表。所以，大多數情況下，你應該使用以下這幾種常見的圖表：柱狀圖，區域圖，線形圖，以及餅狀圖。

一個餅狀圖內不要劃分超過五個區塊

基礎原則是，如果你一定要使用餅狀圖，那麼要保證不要劃分超過五個區塊。

區塊越多，越難以給用戶帶去有意義的表達。反而還會讓你陷入尋找如何顯示標籤和愚蠢的懸浮顯示交互的泥潭。一般來說這種需要很多區塊的情況下，還不如直接換一個類型的圖表來得簡單。

組織數據序列

除了處理日期數據以外，建議通過對數據進行降序或者升序排列來提高可讀性。這個原則主要適用於柱狀圖。

避免 3D 圖表

3D 圖表沒有一點實用效果 （也許唯一的例外是除你在設計 VR 圖表），而且連看都不好看。

不要使用隨機生成的顏色

有些圖表機制會自動生成數據顏色。但是這些自動生成的演算法，既不能滿足搭配整體色調的需要，也難以把不同數據按合理的顏色區分開來。最好還是用你自己選擇的色系。並確保你的備選色系裡有足夠的顏色可以分配給圖表的所有數據。

趨勢線往往會造成干擾

趨勢線似乎可以對圖表展示提供很大幫助。事實上卻是，它們很難為用戶在已經很明顯的點狀數據上再提供更多的信息。如果你一定要添上趨勢線的話，至少，讓用戶可以隱藏它們吧。

不要過度依賴懸浮標籤

把懸浮標籤（滑鼠懸停的時候顯示的說明標籤）看成一個輔助的，或是延伸的信息。換句話說，不要把這個作為展示數據值的唯一途徑。

除非必須，不要添加圖例

如果你只有一個數據系列，那就直接把這個數據表示的類型放進圖標名稱就好了，不需要再添加圖例佔據額外的空間了。

只在需要的時候使用網格線

網格線可以使用戶的目光從 X Y 軸轉移到數據值上來。但在一張簡單的圖表上，網格線卻不是必須的。並且，當你添加網格線的時候，還需要考慮是否在 X 和 Y 軸上都需要它們。在很多情況下，你其實只需要在 X 或 Y 軸上需要。

圖標模型裡面使用真實的數據

設計師往往傾向於設計一個超級漂亮的圖表，而沒有考慮在實際應用中，圖表會用到的真實數據。

這會讓實現你設計的開發者很頭疼。更重要的是，你甚至都沒有驗證過你的設計在真實數據環境下是否可行。

最好的方法是設計兩套版本。第一個方案展示在理想數據環境下，你的設計是怎樣展現的（也就是說，在美學上最大程度優化）。這個方案可以放進你的作品集，或是展示給潛在客戶的時候使用。第二個版本，則是使用真實使用環境下的真實數據的實用版本，把這個版本拿給開發者實現。

最後，一切都有例外

當然，你可以使用你自己的判斷力來進行最好的數據設計。進行有意義數據可視化不一定就是數據的機械裁剪。你可能會在實際設計中發現與以上原則有出入的地方，這也很正常，重要的是，你可以根據具體的場景來進行最合適的設計就好。

推薦兩個數據可視化工具：D3.js - Data-Driven Documents

Interactive JavaScript charts for your webpage

感謝閱讀。

原文：Designing Charts?—?Principles Every Designer Should Know

歡迎關註：知乎專欄「極光日報」，每天為 Makers 導讀三篇優質英文文章。

個人專欄：盒子以外，產品設計和科技的深度學習。