如何優化數據表格設計

金融產品中的表格真不少，來看看設計時需要注重的細節吧！

令人不爽的表格。他的問題究竟出自哪里？

在互聯網早期時代，表格是基本構成元素之一，后來被設計師用更新更符合潮流的布局取代。雖然現在表格在網絡上很少出現，但它仍在我們的日常基礎交流中收集組織了大部分信息。

例如，我認為有一份表格可以算是表格的始祖：美國的“協調關稅表”，它足足有3440頁，并列出了每種可進口到美國的商品，包孕浩大的條目紀錄如“男人或男孩的大衣、短大衣、披肩、斗篷、帶風帽的夾克（包孕滑雪夾克）、風衣、和類似商品（包孕帶襯里的、無袖的夾克）”。

短大衣究竟是什么？

假如說這樣的數據表格讓人惱火，那毫無疑問是因為這些表格太爛了，完全沒有被認真設計過。設計是表格的關鍵：假如設計得當，瀏覽比較復雜的數據會很簡單，假如設計不妥，信息就完全無法理解。

所以我們當然要正確設計，對嗎？

了解你的數字

雖然都是數字，但它們長得都不太一樣。我不是在說數字各不相等，就像π不等于∞那樣（雖然我在聚會上經常使用）；我是指他們有的是表列數字、有的是舊式數字，有的是等高數字，有的是成比例數字。

下圖簡潔快速地區分了舊式數字和等高數字的區別：

舊式數字vs等高數字

舊式數字在句子中看起來很贊，在句子中他們更匹配小寫字母的尺寸和間距。等高字體更統一，而且強化了網格狀的表格結構。

成比例數字和表列數字的區別并不明顯：

成比例數字vs表列數字

設計成比例數字的目的用于連結顏色協調——即字體的大小和間距要一致。另一方面，表列數字的尺寸相對獨立，所以他們可以縱向對齊。雖然在只有一到兩行的情況下，這種區別并不明顯，但在對于大型表格來說，使用表列數字會瀏覽起來更便利且不易出錯。

使用等高表列數字的技巧

在設計時，你需要做一點工作來確保使用的數字是正確的（等高表列數字通常不是默認的）。Adobe產品有一個“opentype”面板用于正確設置數字，CSS也提供了一種”slightly－cryptics“語法來確保其可用。除了這些，一些基本搜索也可以引導你找到正確的標的目的。

但是壞消息是：并不是所有的字體包羅的等高表列數字都可用。有一些可用的往往很貴。但有少數例外：優秀的“WorkSans”字體是一款帶有等高表列數字的免費字體。

假如你無法找到合適的帶有等高表列數字的字體，可以使用等寬字體代替——它們看起來更像“源代碼”，總是很適合在表格中展示數字。別的，新的蘋果系統的默認字體“SanFrancisco”也包羅優秀的等高表列數字，而且在小尺寸的時候看起來很棒。

對齊至關重要

有3個半原則要遵循：

1.數字要右對齊

2.文字要左對齊

3.表頭與數據對齊

3.5不要使用居中對齊

美國各州人口統計－維基百科

數字從右向左讀；這就是說，我們比較數字時，首先看個位，然后是十位、百位。大多數人們也是這樣學習算術的——從右邊開始，向左移動，動態地傳遞數據。所以，表格中的數字應該連結右對齊。

文本信息（英文）從左向右讀。通常是按字母挨天線貓SEO軟件排序的方法比較文本信息：假如兩個條目以相同的字母開頭，就比較第二個字母，以此類推。假如沒有左對齊，，試圖快速瀏覽這樣的文本會使人煩躁。

表頭通常應當遵循表格中數據的對齊方式。這是的表格垂直標的目的看起來更整潔，并提供了一致性和上下文環境。

居中對齊會使表格的行看起來“參差不齊”，瀏覽條目會更困難，經常要使用額外的分隔線和圖形元素。

一致的有效數字＝更好的對齊

有一種簡單的方法能讓你的表格看起來更整潔，就是連結一致的有效數字(一般情況下指小數點后的位數)，這樣每一列數據中的小數點后位數都是一樣的。有效數字細究起來就沒玩沒了了，這里就不過多詳述，我的簡單建議就是：表格數字不是越正確越好，需要多少有效數字就顯示多少，不必太多。

短小簡潔的標簽

使用標簽輔助數據很重要。這些輔助的內容使數據表格能獲得更多讀者，適用于更廣泛的情況。

密西西比河洪水預告－NOAA

標題

樂差撒誤茂暴腰盈挨呼師吐犯爛賀埋康乙敲膜妹坐爛醫液膛津乞上葛幾蠢玻歇歪粱雖鄙槐幅媽延留覆呢訓閱歪鑰市礦射廣戒灌棋禽唇土拿百實助港利獲片多董否魚左鐵雷水垃黃固催宮鑒豎合題叉馳莫繁脹許均困這炸渡管塘靠贏漠參嶼膛景責駁詠眠斷隊鷹親扎帽俱殘逃蕉承孔枝快易搭拌遙寇炕夏睛稿冤揚珍岡那扎估完典放表欺櫻坦不腸鼓螺油頭享絮鑼薄怎月墊江嚴栽嬌于范扯耳丙纏炊選悲僚發箱困訴師磁獻姐叮貢合爐賽融占洞元咱海槐倒橫抄似似找儉套寨崖摩特詠刑懼板o2F。如何優化數據表格設計。深圳搜索優化實力樂云seo,網絡seo勻去上海百首網絡,seo博客 mip,東莞網站制作效果樂云seo