复杂中见条理 —— 数据表格设计点集合（上）
2017-07-27 本文已影响269人
Linfolio_交互小怪兽
数据表格中也包含着很多易忽略的设计点。
数据表格是很常见的设计元素。常见，以至于自己设计时会欠缺更加深入的理解与思考。
尤其是工作后接触到了很多后台系统，企业级系统等，更发现数据表格作为数据的载体，其实占据了比较重要的位置。它可以把数据，任务，有条理地归类。可能对于面向消费者的产品来说，数据表格的重要性没那么明显，但对于复杂系统来说，它们的背后，是成千上万的数据，而这些数据都需要一一呈现给用户，所以数据表格的存在，则是大大简化了数据的呈现与使用难度的。今天看到一篇文章介绍了数据表格的各种设计点，觉得很受用，因而希望分享一下。
1. 顶部固定滑动
顶部滑动示例
2. 横向固定滑动
横向滑动示例
3. 模态编辑弹窗
模态弹窗示例
4. 可展开表格
展开表格示例
5. 表格调整疏密
调整疏密示例
6. 可自定义条列
自定义条列示例
7. 可筛选表格
筛选示例
8. 添加条目
添加示例
9. 表格内编辑
表内编辑示例
10. 浏览详情弹窗
浏览详情示例
这些属性虽然很全面，但要真正全面设计好一个表格，每一点都还是有需要仔细推敲的地方。下一篇里面，会继续补充这些不同的属性并尝试分析。
参考链接
