web表格设计攻略

水平分割线能显著减轻长表格在垂直方向的视觉重量，加快大量数值的对比工作。但如果在表格中使用适合的对齐方式，竖直分隔线完全是多余的。它们最大的贡献就是缩减元素之间的距离后也能区分不同元素。即使要用，也要非常淡，不能妨碍快速浏览。

（2）不使用斑马线

使用不同底色区分指示不同类型的数据（如总和、平均值）是有必要的，但是斑马线在很多时候是没有必要的，因为它们是同一类数据，而且水平分割线就已经能够明显区隔。

（3）尽量以黑白为主

运用彩色表达组织或含义可能会增加误解，并且引发视觉障碍者的易用性问题。

（4）减少其他图形元素的使用

其他图形元素，如星号，三角，圆点，对勾，叉等，虽然能够帮助组织数据、更直观的传达信息，但物极必反，少即是多，要注意克制这些元素的使用。

（1）图表的使用

除了在单元格中引用图表之外，很多时候都会提供图表/表格视图切换，便于用户从图形角度查看、分析自己关注的数据。有时也会有“图表+表格”的形式，这时候，表格往往只作为明细放在页面底部。

（2）卡片的使用

在信息量较少或特别多的情况下可以用卡片的形式来展示信息，将信息以组的概念呈现，单张卡片内的信息按优先级进行排列。此外，卡片彼此之间又形成一个整体。

（编辑：西安站长网）

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