在B 端设计中，除了大量的表单页以外，复杂组件中出现频率最高非表格莫属。
1、表格的认识
表格（Table），又称为表，是用来收集、整理、组织、分析数据的二维矩阵。
表格作为展现结构化数据最为清晰、高效的形式，常和按钮、搜索、筛选、分页等其他元素一起协同，构成表格页。
通常表格页面包含三个部分：数据过滤、数据操作、数据展示。
2、表格的组成
表格由内（展示项）、外（操作项）两部分组成，其中内部构成元素包括标题、表头、表体等；外部元素包括筛选区、按钮区、底栏等。
如图：
3、表格的设计
合理的设计表格能给用户带来高效的信息获取率，但如何设计表格，相信是绝大数刚入行B端的设计师的困扰。
接下就是我在设计表格时总结的一些经验，希望能帮大家理清表格设计中的一些难点和困惑点。
4、原型作品
本作品是一款Web端中继器表格案例元件库，原型最初基于Element UI表格组件创作，均采用中继器制作。目前已有45页不同功能和需求的表格，涵盖基础表格、带状态表格、冻结头冻结列表格、多级表头表格、支持单选和多选的表格、有排序和筛选案例的表格、展开行、合并行和列表格、暗黑系列表格等，致力于打造案例最多、交互最全、体验最好的高保真动态交互表格元件库。软件版本支持Axure9、10、11。
预览地址：https://www.axureshop.com/a/2332430.html
获取方式：关注下发公众号
5、作品截图
-- End·往期推荐--
Axure可视化大屏原型模板库：设计师的高效利器与素材宝典-CSDN博客
扫一扫
1241
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
