表格的定義
表格是安裝行與列進行交叉或者是采用更加負責的結構排列數據,?構成數據的基本單位。
表格的應用十分廣泛,主要應用于通信、研究和數據分析。實際上表格本身并沒有一個準確的定義,對于不同的行業和談論的環境會存在較大的差別。
對于設計師來說,表格其實是最常見的一種組件,尤其是B端設計師,當需要設計產品時,最初的需求往往就是由各式各樣的表格來呈現的;B端設計師的主要工作內容,就是將一堆雜亂的、冰冷的表格,轉化為更加直觀、更高的可讀性,以及更加美觀的展示方式,
例如圖表、圖形、指標卡等形式。

表格頁的構成
表格被公認是展現結構化數據最為清晰、高效的形式。通常和按鈕、篩選、搜索、分頁等其他元素一起協同,構成表格頁。通常的表格頁都包含三個部分:數據查看、數據過濾、數據操作。

數據查看
讓我們先來回顧一下表格的基本構成,最上面的為表頭,橫為行,縱為列,內容區每一組展示數據區域為單元格

表格的設計,雖然看似簡單,但是作為用戶最常用的組件之一,我們需要對視覺和交互的精準把握,才能保證用戶在使用表格時更加高效。
這里我推薦表格的"四維自檢法“,對我們設計的表格是否合理,做出一個標準的判斷。分別是:信息降噪、呼吸適中、高效易讀、詳情查看。

信息降噪:分別對表格內容和視覺層面進行重要性梳理,剝離不重要的元素,使表格輕量化;
呼吸適中:保持內容和元素之間合適的間距,使表格頁擁有一個好的呼吸感,將給用戶營造一個舒適的操作環境;
高效易讀:通過對需求內容的解讀,對內容形式加以分類辨別,做出可讀性最強的樣式;
詳情查看:b端系統往往伴隨著表格數據類目龐大的問題,通常會采用另一種形式去展示全部信息
以上就是《如何設計表格?(一)》表格的定義和數據查看的內容了,歡迎大家一起討論。
上一篇: 如何使用Layui將表格導出為Excel
下一篇: 如何設計B端表格?(二)



