Web页面中的表格设计，远没那么简单

分页不仅仅要指出当前数据所在整体数据的位置，同时还要指出数据量的多少，给用户已明确的指示。

(3)分页设计建议

分页的设计是根据不同的场景进行选择最优的设计方案。在不需要定点跳转的场景，建议采用案例 1 或者案例 2 中的第两种设计，删除多于的功能，使页面简洁、清爽。在需要定点跳转的场景，采用案例 2 中的第一种和第三种设计，能够节约用户的大量时间，且设计相对简单，用户很容易就明白设计意图。

2、单页条目显示

(1)单页条目显示案例1

一般情况下，单页条目显示与分页是一体的，分别位于底栏的左右两侧。案例一的单页条目显示仅仅作为单页条目数量的显示，而不具有设置功能，同时在表格顶部也做相应的展示。

(2)单页条目显示案例2

案例不仅展示了当前页面显示条目的数量，同时给出相应的显示数量自定义的设置功能。可增加单页条目的显示数量，便于更多数据放在一起对比分析。

(3)单页条目显示设计建议

对于单页条目显示的设计，建议采用页面条目显示数量自定义的设计方式，其设计可以丰富数据的对比范围，在特定情况下会方便用户的操作。

五、写在结尾

表格的设计远远没有想象的那么简单，除了纯粹的数据展示，现在的表格越来越兼顾到一些导航的功能在里面，不仅仅纵向展示数据，在横向方面也做了相应的扩展。

言尽于此，表格还有一些其他的设计点尚未谈及，如子母表、数据状态、列宽、数据列表编辑等，以后有机会，再完善表格设计的剩余方面。

作者：弘毅道，微信公众号：UIUX设计工作坊(UIUX-HUANG)， 希望与同行者多多交流。

注：相关网站建设技巧阅读请移步到建站教程频道。

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!