可以组织数据和信息是不可无视的技巧。组织内容和文本的方式,通常称为复制,直接影响到用户如何接纳内容。你必需找到一种方式来组织信息,它可扫描能够疾速被读者。以洁净的方式组织信息的一种办法是运用数据表。数据表提供了显现大量信息的构造化方式。
自从Web开发开端以来,数据表不断在运用。桌子的构造没有改动,也不会改动,由于,它是一张桌子。但是,虽然构造坚持不变,款式曾经有了很长的路;最近的表和早期的表一样易读。
数据表的常用用法
表以简约易读的方式组织信息十分容易。它们能够用来存储和显现大量的信息、少量的信息、静态数据,以至是不时变化的数据。
由于表的相似图表的规划,它们关于停止比拟十分有用。许多网站用它们来比拟产品、效劳以及如上所述的定价方案。
下表对苹果的网站比拟一切的MacBook。该图表包含大量信息,但仍有组织,易于阅读。这是一个十分简单的表,但看起来不错,由于良好的间距和边境。同时,留意笔记本电脑的图像如何包含重要的信息是粗体。这使得表很可。
数据表通常用来比拟定价方案。它们提供空间来显现方案的称号、价钱和每个方案的共同之处。通常状况下,显现定价方案的表包含每个方案的列和每个特性的行。然后,每个单元格内部都有一个标志,指示方案能否具有该特定功用。
最后,表格经常呈现在电视网络网站上以显现日程布置。它们与典型的表有点不同,由于交织的察看周期,细胞大小不同。除此之外,进度表遵照完整相同的构造。
网站制作现代网页设计数据表
有用数据表的组件
固然简直每个用户都晓得如何了解一个表,但依然能够做一些事情使您的可用性更高一级。
标题+标签+数据=数据表
显然,数据表由列标题、行标签和单元格中的实践数据组成。一张桌子应该是什么也没有少了。
添加颜色时,应使单元格与标签和标题构成比照。使标签和标题的背景颜色比用于中心数据的颜色不同。这使表格更容易阅读和消弭紊乱。
下面的表goplan运用深色的列标题和行标签。请留意,由于比照度,阅读这张表要容易得多。
网站制作现代网页设计数据表
坚持简单的网格
一切的表都是网格,它们的工作方式很好,那么为什么不同呢?网格是有效的,由于您能够在一个小范围内包容大量的信息,并且查看器依然可以轻松地读取内容。
运用图标
图标是减少页面上单调文本的好办法。图标还能够协助组织数据表。
下面的表格能够很好地运用图标,看起来十分洁净。检查标志和穿插运用替代“是”和“否”。
不要留下空白空间
表通常有数据不适用的单元格。防止简单地将这些空格留空,而是用一个标志填充它们,如十字(x)、图标或如下表中的破折号。
这个洁净的表运用三个破折号表示数据不适用于一个单元格;这看起来比分开一个空白的空间要好得多。
突出显现重要列和行
许多数据表突出显现提供重要信息或有用信息的列和行。在定价图表中,您通常会看到突出显现的最佳计划。看看下面的桌子。最重要的一行——餐桌被观看的日程布置——用粗边框和不同背风光突出显现。
运用更大和更复杂的数据表
到目前为止,我们主要集中在小型和简单的数据表上,但关于大型、复杂和数据重的表又如何呢?关于大型数据表,有许多可用性思索事项。
网站制作现代网页设计数据表
使可挪动列
数据表在许多基于Web和装置的软件应用程序中占重要位置。通常,开发人员将创立表,以便用户能够按任何方式挪动和组织列。此外,应用程序通常允许用户添加和删除列。
允许列重新排序
在具有频繁变化的大量数据或数据的表中,应该给用户重新排序内容和单元格的才能。您能够订购数据的最常见的变量包括日期、字母表和重要性。
提供大表的搜索
假如数据普遍且表很大,则应提供一个搜索框。这将进步大表的整体可用性,并使查找数据更快。
网站制作现代网页设计数据表
提供不同的观念
假如您的表包含有缩略图或其他视觉内容的信息,您能够运用的另一个可用性功用是以不同方式查看该信息的才能。提供查看一切文本、文本和缩略图或仅缩略图的选项。
看看这个基于flash的数据表。它提供了许多与大表有效的特性,如上所述,包括搜索、重新排序选项和不同视图。
设计数据表
外型,或缺乏外型,在用户如何对待表格和吸收数据方面起着重要作用。但是请记住,它依然只是一个数据表,不应该被重载。坚持简约易读是你的总体目的。阴影和艺术边框能够与规划中的其他元素协同工作,但要远离数据表。下面是一些对数据表更有效的款式元素。
交替的颜色
任何数据表最重要的特性是可读性。完成这一点的一种办法是对列和行交替运用颜色。这使得它更容易阅读和阅读。
下面的数据表布置得很好。表的行交替颜色,提供洁净、流利、高效的规划。它有很多信息,但依然可读。
网站制作现代网页设计数据表
边境
用边境别离细胞是十分重要的。边境使数据更易读,能够消弭紊乱。有了大量的信息,不同单元格中的数据能够像一个一样混合在一同,但是你想把它们分开。
充足的间距
和边境一样,数据之间的间隔也有助于可用性。在每个单元格中,在边境和数据之间留出足够的填充。运用至少20像素的空间。
简单的背景颜色
正如我们不断说的,良好的数据表都是关于可读性的。颜色和可读性常常是齐头并进的。数据表应该总是简单的,简单的办法之一是运用简单的颜色。防止运用亮堂、令人厌恶的背景颜色,由于这些颜色反映的数据不好。