來源于網(wǎng)絡昔头。
原文鏈接：http://www.ifanr.com/app/824548
作者@Ryan Bales 是 Bync.com 的創(chuàng)始人和創(chuàng)意總監(jiān)饼问，擁有 15 年的設計經(jīng)驗。他總結(jié)了 10 個圖表心得揭斧，你看完就能用起來莱革。
如果你是一名設計師，所做項目對「數(shù)據(jù)可視化」要求又高讹开，那你肯定了解設計挑戰(zhàn)的極度困難性盅视。
在我從事設計工作的 15 年中，大多數(shù)時間都在設計復雜旦万、有大量數(shù)據(jù)的網(wǎng)頁和 app闹击。可以說成艘，我每天都在和圖表打交道（看看我的 Dribbble 主頁你就明白了）赏半。這篇文章，將和大家分享圖表設計的 10 個原則淆两。好好運用這些原則除破，可以幫你設計出更具美學、更受歡迎琼腔、更加實用的圖表瑰枫。
1. 使用常見圖表類型
作為設計師，使用獨具特色的不常見圖表（比如流線圖）丹莲，你會覺得很有趣光坝，而且創(chuàng)意十足。但是甥材，不應該讓用戶去學習如何閱讀你「原創(chuàng)」的圖表盯另。
所以，最好使用常見的圖表洲赵，比如：面積圖鸳惯，條形圖/柱狀圖，折線圖叠萍，或者餅狀圖/圓環(huán)圖芝发。
左圖：折線圖；右圖：流線圖苛谷。
2. 餅狀圖不超過 5 個分類
一個通用的經(jīng)驗法則——如果要使用餅狀圖辅鲸，盡量將區(qū)塊數(shù)量控制在 5 個以內(nèi)。區(qū)塊數(shù)量越多腹殿，用戶讀取數(shù)據(jù)的難度越大独悴。遇到此類情況例书，建議采用其它類型圖表。
3. 歸類整理刻炒，順序排列
只要內(nèi)容不涉及日期决采，你可以通過升序或降序歸類整理圖表內(nèi)容，從而大大提高圖表的可讀性坟奥。這個原則通常適用于條形圖/柱狀圖树瞭。
4. 避免使用 3D 圖表
只要不涉及 VR， 絕對沒有必要使用 3D 圖表筏勒，而且有些 3D 圖表的「顏值」還很低移迫。
5. 避免隨機生成顏色
有些圖表框架會隨機生成代表各組數(shù)據(jù)的顏色。其背后的算法管行，很少和整體配色方案相匹配厨埋，而且不同數(shù)據(jù)組之間的視覺區(qū)別也不夠明顯。
最好還是通過人工配色——確保有足夠的顏色可用捐顷，并且不同顏色間的辨識要清晰荡陷。
6. 趨勢線會分散用戶注意力
趨勢線看起來可以使圖表界面更豐富。但實際上迅涮，它并沒有起任何作用废赞，有用的還是線條下面的點狀數(shù)據(jù)。如果你決定使用趨勢線叮姑，至少可以讓用戶能手動隱藏它唉地。
7. 不要依賴數(shù)據(jù)提示框
將數(shù)據(jù)提示框當作額外或補充信息來源。換句話說传透，數(shù)據(jù)提示框不應被視作用戶了解標繪值的唯一途徑耘沼。
8. 圖例要視情況使用
當圖表只有一種數(shù)據(jù)信息時，用圖表標題說明數(shù)據(jù)信息即可朱盐。加上圖例群嗤，純屬多此一舉。
9. 網(wǎng)格線要視情況使用
網(wǎng)格線的作用兵琳，在于幫助用戶了解軸標簽對應的數(shù)據(jù)信息狂秘。然而，在簡單圖表中躯肌，網(wǎng)格線并不是必要的者春。如果非要用網(wǎng)格線，要注意是否需要在 X 軸和 Y 軸上同時使用羡榴。通常碧查，在一個軸上標注網(wǎng)格線就足夠了。
10. 樣圖中使用真實數(shù)據(jù)
設計師總想著設計出最完美版本的圖表校仑，但通常并不使用真實數(shù)據(jù)忠售。而真實數(shù)據(jù)，在實際圖表中又不能不重視迄沫。
而且稻扬，這對根據(jù)你的設計進行后端開發(fā)的開發(fā)者來講，困難重重羊瘩。更重要的是泰佳，你也沒有去驗證，該圖表設計在現(xiàn)實生活中也是否實用尘吗。
最好的解決方案是做 2 個版本的設計逝她。第 1 個版本中，圖表展示的是數(shù)據(jù)最完美的情況（即僅從美學角度來設計）睬捶。這種設計可用于個人作品集黔宛，并向潛在用戶推廣。第 2 個版本中擒贸，務必使用真實數(shù)據(jù)臀晃。這個版本的設計可以放心交給開發(fā)者去做后端開發(fā)。
AppSo（微信公眾號 AppSo）認為對于普通人來說介劫，這里的意義在于「我們要知道圖表的美觀徽惋，很多時會基于數(shù)據(jù)本身的情況」。我們在網(wǎng)上會看到很多好看的數(shù)據(jù)圖表模板座韵，但那很可能不適合你的情況险绘。
在套用模板時，不要一套了事誉碴，而是多進行對比宦棺，找出最適合自己的那一款。
設計雖然好看翔烁，但數(shù)據(jù)并不是真實的渺氧。圖片來源：Dribbble
當然，也有例外……
在圍繞數(shù)據(jù)而設計時蹬屹，你應該充分利用你的判斷力和創(chuàng)造力侣背。雖然數(shù)據(jù)有時會相當復雜，但要圍繞數(shù)據(jù)設計出有意義的故事慨默，總不能千篇一律贩耐。
當然，也許你會發(fā)現(xiàn)厦取，這 10 個原則可能都不適用于你所處理的數(shù)據(jù)潮太。時不時地「違背原則」，也不是大問題。但不容忽視的是铡买，一定要在現(xiàn)實情況下測試你的設計更鲁。
作者| Ryan Bales，Bync.com 創(chuàng)始人兼創(chuàng)意總監(jiān)奇钞。
譯者| Jorri
題圖來自Pexels
文章譯自Designing Charts?—?Principles Every Designer Should Know
