前言
表格是數據可視化中最入門的數據圖，也最為實用，在網頁后台幾乎是必不可少的元素，數據可視化大屏中也常常出現。表格的設計似乎所有人都會，但為什么總有一些表格看起來很舒服，用起來也方便，而有些則不然！今天就跟大家分享一下表格的設計經驗！
案例優化
上圖的表格樣式常常在網頁后台，PPT中看到，似乎也看不出什么問題，俗話說了，沒有對比就沒有傷害，接下來我們就找找它的問題，並一步步優化它，最后對比就知道它有什么問題了！
排版第一原則“文字左對齊，數字右對齊”
我們閱讀文字的習慣是從左到右，文字左對齊，視覺焦點更集中不跳躍，閱讀起來最為順暢舒服。
天下武功, 唯快不破，數字右對齊，能快速讓觀者識別數字體量。人通常在讀一個較大的數字時是從后面開始感知的，例如這個數字"¥546,825,23.96"從左往右看一下子很難看出來“5”在千萬上，都是先通過后面的位數來確定，或者先找到萬的位置來判斷，數字的個位對齊，在列表中也更容易判斷百、千、萬等小數位數，數字右對齊是最自然的閱讀方式！
標題與內容同樣的對齊方式
標題隨內容對齊，內容右對齊相對的標題也就右對齊，最好不要出現內容與標題相反的對齊方式！
數字是否用表格字體
表格數字字體就是每個數字所占面積一致，例如“1”和“5”在一串數字中占的面積是一樣的，這樣就不會出現上圖的情況。
同樣都是萬級的數字，"12,231.10"數字中出現的“1”較多就會導致上下同樣位數的數字錯位，這樣很容易誤導觀者，第一感知上也會覺得“1”多的數字偏小！
上圖運用了表格數字字體的效果，清晰了然！（移動端Web端都要注意這個問題）
去掉表格豎實線或所有實線
加上豎線的表格給人一種局限感，不透氣，留白空間少顯得雜亂，去掉豎線更有空間感！
只留分割線強調層級，適合背景是卡片式的設計樣式，卡片設計無形中給表單加了一個外框，使得整體頁面更融洽！
實線固有它的作用，但有時候也可以去掉所有實線，這樣更凸出數據，加大條目的間距使得頁面更加干凈清爽，有空間感！
強調標題
第一種加粗標題字體，使得表格看起來更有層次！
第二種表格形式可以加粗標題字體，也可以添加背景色強調標題區分層級！
凸出重要信息
網頁后台表格往往一個條目中，使用者只關注一個或幾個數據，所以可以用背景色加強凸出！
表格擴展設計
這種創新形式可以在展示型數據可視化中運用，數據可視化設計中不用太拘謹，只要不違背數據的清晰合理展示就可以，網頁后台頁面建議還是規范設計，實用為主！
之前
之后
