网页设计应:提高网页表格可读性设计技巧(4)

8.设计视觉层级，引导读者视线

通过调整标题、标签的字体，边框线的设计、底色的运用，从而计出合理的视觉层级，引导读者的视线流动曲线。例如下图：

9. 坚持使用简单的矩阵布局，尽量减少视觉噪音

讲了很多通过表格style来提高表格可读性的方法，但是我们同时需要谨记的是，表格的主体是表格中所承载的数据信息，在进行表格的设计时，设计师们尤其要注意去除所有非必要的视觉元素，让用户将所有的注意力集中在数据信息上，而不是无关的边框、底色等。所有的视觉元素应该为更好的帮助用户阅读而服务，除此之外，再精美的设计都是对表格的破坏。

下图是个极端的例子，无谓的边框设计，大大降低了这张表格的可读性。

第3点中我们提高，在取舍表格的内容时，要尽量精简指标，减少用户一次性接收的信息量过于庞大，尤其不要超出用户的视觉范围，通过拖拽的等方式查阅表格。但在实际想运用中，表格指标过多的情况，还是经常出现。但实在无法精简指标的时候我们能怎样提高表格的可读性呢，以下几个方法或许能有所帮助。

10.固定表头、标题列

当在阅读数据庞大的表格时，读者不得不通过拖拽横向或纵向滚动条来阅读数据，固定表格的表头或行标题列，能帮助读者在阅读过程中仍清晰的知晓单元格数据的属性。比如百度的涅槃系统提供了丰富的数据列，而如果缺少表头的说明恐怕会很快遗忘掉该列数据是什么。