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