东京热成人网站_XX另类XX伦理XXAV_亚洲精品无码成人AAA片_高清av中文字幕无码_手机看片国产欧美日韩高清_bd美妙第进化型

咨詢電話:
15628812133
29
2024/07

如何設(shè)計(jì)B端表格?(一)

發(fā)布時(shí)間:2024-07-29 22:13:29
發(fā)布者:guokai
瀏覽量:
0

表格的定義

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

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

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

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

如何設(shè)計(jì)B端表格?(一)

表格頁的構(gòu)成

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

如何設(shè)計(jì)B端表格?(一)

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

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

如何設(shè)計(jì)B端表格?(一)

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

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

如何設(shè)計(jì)B端表格?(一)

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

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

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

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

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

關(guān)鍵詞:
返回列表