网页设计表格三要素 第1篇
通过排序可以快速发掘出用户关注的信息，帮助用户发现信息条目之间的关系，提高关键条目的优先级。排序的列和不排序的列应该有明显区分，最好对某个重要列进行默认的排序。排序可以增加表格活力，一般有升序和降序两种方式。比较常见的是上下空心箭头表示默认，上箭头为升序，下箭头为降序。这种方式占空间较少，但认知有一定困难，且不适合排序方式较多的情况。排序方式较多时应采用下拉选择，因为这样信息展示最直接有效，且能减少反复操作的次数。
网页设计表格三要素 第2篇
行高是非常重要的参数，直接影响着阅读体验。较小的行高能承载更多信息，让用户无需滚动鼠标即可看到更多数据，但会降低扫描效果，导致视觉解析错误。适宜的行高使得页面更透气，但并不是越大越好。设置行高的原则是：A.单行显示时，数据显示紧凑、有序。B.多行显示时，弱化表格形式，提供丰富的视觉展现。因此，对于单行显示的表格，建议行高为字体高度的倍到3倍；对于多行显示的表格，建议内容区到上下边框的距离略小于文字高度。当然，也可以提供切换按钮让用户自己控制显示密度。
网页设计表格三要素 第3篇
筛选按照触发方式可分为触发筛选和实时筛选，一般情况下，筛选条件存在交叉时使用触发筛选，不存在交叉时使实时筛选。但是在后台条件允许的情况下，发现型网站一般建议实时筛选，也可以根据筛选条件的数量选择合适的触发方式，比如条件少时用实时筛选，条件多时用触发筛选。
对于筛选条件有交叉的场景，建议采用展开形式，并手动触发刷新。对于筛选条件没有交叉的场景，当条件少于五个，采用tab切换；超过五个少于二十个，采用下拉选择；多于二十五个，为下拉选择添加模糊匹配，并且实时刷新。
其中，tab切换适合没有交集的内容，需要按照特定顺序分类，并保证分类覆盖所有情况，也不宜过多。对于需输入筛选条件的场景，如日期筛选条件，展示出来。下拉选择比tab占的空间小，但建议把重要项默认显示，下拉列表内也可以加入单选按钮或者复选框。表头筛选更节省空间，不过一次只能筛选一类条件。全部显示筛选项适用于输入项相对很少的情况。
网页设计表格三要素 第4篇
虽然终极技巧是“在全面了解实际业务需求的基础上进行灵活设计”，但对于不熟悉业务的交互设计师而言，数据的取舍和处理却是最难的。对表格内容的取舍要建立在对业务的了解之上，尽量精简指标，隐藏不必要信息，减少干扰，避免无主次的铺出所有信息。不要让用户一次性接收过于庞大的信息量，尤其不要超出用户的视线范围，避免通过拖拽的方式查看信息。建议默认只展示用户所必须的信息，其他次要信息通过展开下拉等方式展示，为辅助信息提供深层入口。