表格的定義

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

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

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

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

表格頁(yè)的構(gòu)成

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

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

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

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

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

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

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

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

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

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