數據表格中也包含著很多易忽略的設計點。
數據表格是很常見的設計元素。常見,以至于自己設計時會欠缺更加深入的理解與思考。
尤其是工作后接觸到了很多后臺系統(tǒng),企業(yè)級系統(tǒng)等,更發(fā)現數據表格作為數據的載體,其實占據了比較重要的位置。它可以把數據,任務,有條理地歸類。可能對于面向消費者的產品來說,數據表格的重要性沒那么明顯,但對于復雜系統(tǒng)來說,它們的背后,是成千上萬的數據,而這些數據都需要一一呈現給用戶,所以數據表格的存在,則是大大簡化了數據的呈現與使用難度的。今天看到一篇文章介紹了數據表格的各種設計點,覺得很受用,因而希望分享一下。
1. 頂部固定滑動
頂部滑動示例
2. 橫向固定滑動
橫向滑動示例
3. 模態(tài)編輯彈窗
模態(tài)彈窗示例
4. 可展開表格
展開表格示例
5. 表格調整疏密
調整疏密示例
6. 可自定義條列
自定義條列示例
7. 可篩選表格
篩選示例
8. 添加條目
添加示例
9. 表格內編輯
表內編輯示例
10. 瀏覽詳情彈窗
瀏覽詳情示例
這些屬性雖然很全面,但要真正全面設計好一個表格,每一點都還是有需要仔細推敲的地方。下一篇里面,會繼續(xù)補充這些不同的屬性并嘗試分析。
參考鏈接