探讨网页制作中的数据表格设计(2)

更大更复杂的数据表格

至今为止，我们关注的主要是比较小和简单的表格，但怎样处理大型的复杂的数据非常多的数据吗?有不少专为大型数据表格的可用性思考：

让行列可移动

数据表格在很多软件应用中占有很重要的地位，无论是基于web的还是本地安装的。一般来说，开发者会根据用户的需求来让那些行列可移动和可组织。另外，应用程序通常允许用户删减行列。

允许行列的重新排序

在有大量数据或者在数据经常变动的表格中，你应该给用户重新排序内容和单元格的权限和能力。最常见的可变情况是，可以重新排序日期，字母和重要性。

为大型表格提供搜索功能

如果数据是外延的和表格非常大，这里一个搜索框是必需的。这样可改善总体的可用性，并让查找数据更快捷。

提供不同的视图

如果你的表格的信息带有缩略图或者别的可视化内容，你能加上另一个可用性特征就是用不同的方式查看信息的能力，提供只看文本，文本和缩略图，只有缩略图几种查看的方式。

看一下下面基于flash数据表格。它提供了很多用于大型表格的好方法，比如说搜索，重新排序以及不同视图。

数据表格和样式

添加样式，或者缺少样式，都会影响到用户怎样查看一个表格和接收数据。这个很重要。不过数据表格也不宜过度加样式。简洁和易读应是总体目标。阴影和艺术边框对别的网页元素可能效果会很好，但表格最好别和他们沾边。这里有一些样式元素能很好地服务表格。

交替颜色

数据最重要的是可读。一种方法就是给行和列加上交替颜色。这样让它更易读和扫描。

下面是个铺砌得很好的表格。表格的行有交替颜色，简洁，流动，高效。它虽然数据大但仍保持很好的可读性。

边框

用边框分隔单元格非常重要。边框使数据更有可读性和减少错误。在有巨大的数据的情况下，单元格的数据会看起来混合到到一块，但你要把它们分开来。

足够的空白

就像边框，在数据之间的空白有助于确保可用性。在每个单元格中，在数据和边框之间留下足够的内距(padding)。留至少20px的空白。

简单的背景色

好数据表格都会关注可读性(这个我们总是不厌其烦地在说)。颜色和可读性总是紧密相连的。表格应该是简单的，而保持简单的一个方法就是使用简单的颜色。避免使用明亮的，不愉快的背景色。

数据表格佳作展示

这里推荐一些网站的表格佳作。

Quantcast

一个简单和基本的表格，它使用了漂亮的字体和颜色图案

JukeFly

一个具有很多可用性特点和用户友好样式的大表格(基于flash)

eWedding

样式漂亮，简洁，可读性强