表格的定義

表格是安裝行與列進(jìn)行交叉或者是采用更加負(fù)責(zé)的結(jié)構(gòu)排列數(shù)據(jù)，?構(gòu)成數(shù)據(jù)的基本單位。

表格的應(yīng)用十分廣泛，主要應(yīng)用于通信、研究和數(shù)據(jù)分析。實(shí)際上表格本身并沒有一個(gè)準(zhǔn)確的定義，對于不同的行業(yè)和談?wù)摰沫h(huán)境會(huì)存在較大的差別。

對于設(shè)計(jì)師來說，表格其實(shí)是最常見的一種組件，尤其是B端設(shè)計(jì)師，當(dāng)需要設(shè)計(jì)產(chǎn)品時(shí)，最初的需求往往就是由各式各樣的表格來呈現(xiàn)的；B端設(shè)計(jì)師的主要工作內(nèi)容，就是將一堆雜亂的、冰冷的表格，轉(zhuǎn)化為更加直觀、更高的可讀性，以及更加美觀的展示方式，

例如圖表、圖形、指標(biāo)卡等形式。

表格頁的構(gòu)成

表格被公認(rèn)是展現(xiàn)結(jié)構(gòu)化數(shù)據(jù)最為清晰、高效的形式。通常和按鈕、篩選、搜索、分頁等其他元素一起協(xié)同，構(gòu)成表格頁。通常的表格頁都包含三個(gè)部分：數(shù)據(jù)查看、數(shù)據(jù)過濾、數(shù)據(jù)操作。

數(shù)據(jù)查看

讓我們先來回顧一下表格的基本構(gòu)成，最上面的為表頭，橫為行，縱為列，內(nèi)容區(qū)每一組展示數(shù)據(jù)區(qū)域?yàn)閱卧?/span>

表格的設(shè)計(jì)，雖然看似簡單，但是作為用戶最常用的組件之一，我們需要對視覺和交互的精準(zhǔn)把握，才能保證用戶在使用表格時(shí)更加高效。

這里我推薦表格的"四維自檢法“，對我們設(shè)計(jì)的表格是否合理，做出一個(gè)標(biāo)準(zhǔn)的判斷。分別是：信息降噪、呼吸適中、高效易讀、詳情查看。

信息降噪：分別對表格內(nèi)容和視覺層面進(jìn)行重要性梳理，剝離不重要的元素，使表格輕量化；

呼吸適中：保持內(nèi)容和元素之間合適的間距，使表格頁擁有一個(gè)好的呼吸感，將給用戶營造一個(gè)舒適的操作環(huán)境；

高效易讀：通過對需求內(nèi)容的解讀，對內(nèi)容形式加以分類辨別，做出可讀性最強(qiáng)的樣式；

詳情查看：b端系統(tǒng)往往伴隨著表格數(shù)據(jù)類目龐大的問題，通常會(huì)采用另一種形式去展示全部信息

以上就是《如何設(shè)計(jì)表格？（一）》表格的定義和數(shù)據(jù)查看的內(nèi)容了，歡迎大家一起討論。