9個超實用B端表格設(shè)計小貼士
對于設(shè)計師而言，表格是一個最常見的組件，尤其是對于B端設(shè)計師來說，表格更是經(jīng)常接觸使用。而且B端設(shè)計師重要的一項技能就是將表格，轉(zhuǎn)化為更直觀、更高可讀性、更美觀的展示形式，如圖表、圖形、指標(biāo)卡等形式。
如何設(shè)計B端表格？（一）
表格的定義表格是安裝行與列進(jìn)行交叉或者是采用更加負(fù)責(zé)的結(jié)構(gòu)排列數(shù)據(jù)，?構(gòu)成數(shù)據(jù)的基本單位。表格的應(yīng)用十分廣泛，主要應(yīng)用于通信、研究和數(shù)據(jù)分析。實際上表格本身并沒有一個準(zhǔn)確的定義，對于不同的行
如何設(shè)計B端表格？（二）
數(shù)據(jù)過濾數(shù)據(jù)過濾是表格頁很重要的組成部分，包含搜索、篩選、標(biāo)簽頁。這一部分的主要作用是幫助用戶，梳理表格數(shù)據(jù)信息，精準(zhǔn)定位所需的數(shù)據(jù)項。 1. 搜索搜索分為模糊搜索和精準(zhǔn)搜索。模糊
將復(fù)雜表格數(shù)據(jù)轉(zhuǎn)化為圖文模塊提升用戶體驗
在B端后臺管理設(shè)計中，表格數(shù)據(jù)的結(jié)構(gòu)一般就是如下圖所示，把個人信息用文字形式展示出來； 當(dāng)字段數(shù)據(jù)特別多導(dǎo)致復(fù)雜表格顯示不全時，使用圖文模塊進(jìn)行展示，將每個用戶的信息展示在一個數(shù)據(jù)卡片中，卡片內(nèi)
2023-12-25
在后臺管理項目中設(shè)計規(guī)范的重要性
目前手里的后臺管理系統(tǒng)改版設(shè)計是自己負(fù)責(zé)的，前端同事大體也實現(xiàn)了樣式效果，自己也測試走了一遍流程，看了一下實現(xiàn)效果，也意識到了自己設(shè)計的不足。首先字體大小和間距都偏大，整體頁面不協(xié)調(diào)，顯示不全，這才意識到設(shè)計規(guī)范的重要性。問題主要是表單之間的間距和表格列的高度較大，整體比較散，還有顏色沒有統(tǒng)一，主色調(diào)藍(lán)色沒有給明確標(biāo)注，因此設(shè)計規(guī)范在此起到重要作用。以下為設(shè)計規(guī)范對不同崗位的重要性：1.設(shè)計層面：...
2023-09-01
B端中表單頂對齊方式的優(yōu)劣勢
B端中頂對齊填寫表單比較其他對齊方式可以更迅速完成，標(biāo)題和輸入框上下樣式瀏覽更快速。 優(yōu)勢:標(biāo)題和輸入框的間距小，縮短填寫表單時間；垂直路徑一直向下，用戶的視線固定；統(tǒng)一輸入框?qū)挾?，視覺效果更統(tǒng)一。劣勢：垂直空間寬度小時，占用額外的空間，不建議使用頂對齊。使用場景：用戶快速填寫表單完成填寫任務(wù)。
