网站制作现代网页设计数据表
网站制作现代网页设计数据表是组织数据和信息的一项不可忽视的技能。组织内容和文本的方式(通常称为复制)直接影响用户接收内容的方式。你必须找到一种方法来组织信息,让读者能够扫描并快速阅读。以干净的方式组织信息的一种方法是使用数据表。数据表提供了一种结构化的方式来显示大量信息。
数据表从Web开发开始使用。表的结构没有改变,也不会改变,因为它是一个表。然而,虽然结构没有改变,但风格还有很长的路要走;** 近的表和早期的表一样可读。
数据表的常见用法
表格很容易以简明易读的方式组织信息。它们可以用来存储和显示大量信息、少量信息、静态数据,甚至是不断变化的数据。
由于表格的图表式布局,它们对于比较非常有用。许多网站使用它们来比较上述产品、服务和定价计划。
下表比较了苹果中网站的所有MacBook。这个图表包含了很多信息,但它仍然是有组织的,很容易阅读。这是一个非常简单的表,但它看起来不错,因为良好的间距和边界。同时,请注意笔记本电脑图像如何以粗体显示重要信息。这使手表易于阅读。
数据表通常用于比较定价计划。它们提供了显示每个计划的名称、价格和唯一性的空间。通常,显示定价计划的表包含每个计划的列和每个要素的行。然后,在每个单元格中,有一个标志指示计划是否具有该特定功能。
** 后,电视网络网站上经常出现表格,显示时间表。它们与典型表略有不同,由于观察周期错开,细胞大小不同。此外,时间表完全遵循同样的结构。
有用数据表的组件
尽管几乎每个用户都知道如何理解一个表,但是仍然可以做一些事情来提高可用性。
Title+label+data=数据表
显然,数据表由列标题、行标签和单元格中的实际数据组成。一张桌子也不能少。
添加颜色时,与标签和标题形成单元格对比。使标签和标题的背景色与核心数据的背景色不同。这使得表格更容易阅读,并消除了混淆。
下表使用深色列标题和行标签。请注意,由于对比的原因,这张表更容易阅读。
坚持简单的网格
所有的表都是网格,它们工作得很好。为什么它们不同呢 网格是有效的,因为您可以在一个小区域中保存大量信息,并且查看器仍然可以轻松地读取内容。
使用图标
图标是一个伟大的方式,以减少无聊的文字上的一页。图标还可以帮助组织数据表。
下表充分利用了图标,看起来非常干净。勾选和交叉使用代替“标记”;对;“和”;不;。
不要留下空白
表格通常有不适用的数据单元格。不要简单地将这些空格留空,而是用一个标记填充它们,例如下表中的十字(x)、图标或破折号。
这个干净的表使用三个破折号来表示数据不适用于一个单元格;这看起来比留下空白要好得多。
突出显示重要的列和行
许多数据表突出显示提供重要或有用信息的列和行。在定价表中,您通常会看到突出显示的** 佳选项。看下表。** 重要线mdashmdash;正在监视的表的时间表mdashmdash;用粗边框和不同的背景色高亮显示。
使用更大更复杂的数据表
到目前为止,我们关注的是小型和简单的表,但是大型、复杂和沉重的表呢 对于大型数据表,有许多可用性方面的考虑。
制作活动柱
数据表在许多基于web和已安装的软件应用程序中扮演着重要的角色。通常,开发人员会创建表,以便用户可以以任何方式移动和组织列。此外,应用程序通常允许用户添加和删除列。
允许列重新排序
在包含大量数据或频繁更改的数据的表中,用户应该能够对内容和单元格进行重新排序。可以对数据排序的** 常见变量包括日期、字母表和重要性。
提供对大型表的搜索
如果数据广泛且表格较大,则应提供搜索框。这将提高大型表的总体可用性,并加快查找数据的速度。
提供不同的观点
如果您的表包含有关缩略图或其他视觉内容的信息,那么您可以使用的另一个可用性功能是以不同方式查看这些信息的能力。提供查看所有文本、文本和缩略图或仅查看缩略图的选项。
看看这个基于flash的数据表。它提供了许多用于大型表的功能,包括搜索、重新排序选项和不同的视图,如上所述。
设计数据表
建模或缺乏建模在用户查看表和吸收数据的方式中起着重要作用。但请记住,它仍然只是一个数据表,不应该过载。保持简单易读是你的总目标。阴影和艺术边框可以与布局中的其他元素一起使用,但要远离数据表。下面是一些对数据表更有效的样式元素。
交替颜色
任何数据表** 重要的特性是可读性。一种方法是交替使用列和行的颜色。这使得阅读和浏览更容易。
下面的数据表安排得很好。表格的行交替使用颜色,以提供干净、平滑和**的布局。它有很多信息,但仍然可读。
用边界分隔细胞是非常重要的。边界使数据更易于读取并消除混淆。有了大量的信息,不同单元格中的数据可以像一个一样混合在一起,但你想把它们分开。
适当的间距(如边界)也有助于数据之间的距离。在每个单元格中,在边界和数据之间留有足够的填充。使用至少20像素的空间。
简单的背景色,就像我们常说的,好的表格都是关于可读性的。颜色和可读性往往是并行不悖的。数据表应该总是简单的,其中一个简单的方法就是使用简单的颜色。避免明亮、讨厌的背景色,因为它们不能反映好的数据。
数据表显示深圳网站按承诺生产,下面是一些正确的数据表网站。一个干净的和良好的字体和调色板的基本形式。