为什么在表中应避免使用行?


25

我读了一些有关版式和设计的书。他们都建议避免使用表格中的行,而应使用空格。我发现这是合理的,并从那时起便遵守这些规则。

最近,我与电子表格用户进行了讨论,他们怀疑这些规则,并认为网格线更好,因为所有程序默认情况下都将其打开。

我还阅读了一篇文章,该文章解释了线条的问题:人眼在将注意力集中在表格的内容上之前必须先将其删除。如果有人知道这一或类似的关于数据感知的科学发现,我也将很高兴。

实际上避免行更好吗?为什么?您是否可以提供任何参考来支持此操作?


1
请看一下我的问题graphicdesign.stackexchange.com/questions/13697/…,那里有几本好的印刷书籍,可用来制作多种语言的优质表格……
Mensch

12
任何使用电子表格谋生的人几乎总是会争辩说这些界限必须存在。电子表格的使用与设计的可读性完全不同。电子表格应用程序将是没有线的噩梦....但反过来许多设计将是一场噩梦线条。
斯科特

4
如果您可以链接有关“人眼去除线条”的文章,可能会很有用。很多文章都没有根据来支持他们的主张。这些线条就像尺子一样,在某些情况下更易于阅读,并且易于将事物与事物联系起来,这是有道理的。不必将线条制成100%黑色和纯色或添加所有线条。您也可以使用浅色阴影。有些表不可读,因为它们不合逻辑,需要重新组织它们,我认为这通常是最大的问题。这不仅与设计有关。
2015年

3
+1对Scott的评论。使用电子表格进行数据操作/输入与使用表格进行演示非常不同。
尼尔森

2
相关:tex.stackexchange.com/q/163061/28808和其他在tex.stackexchange上标记为[booktabs]或[tables]的Q。这些提供了带有(或不带有)垂直线和许多水平线的格式化表格(通常是数据)的示例。
克里斯H

Answers:


42

爱德华·塔夫特(Edward Tufte)是创造“图表垃圾”一词的人,它指的是易于混乱的无关紧要的视觉元素,而不是澄清所提供的数据。

这可以涉及您经常会看到的各种各样的事物,但是并不能真正增进理解,并且经常会主动干扰对数据的理解。

这些可以包括:

  • 任意颜色
  • 3D效果
  • 边界过多
  • 多余标签
  • 斑马条纹
  • 等等

我认为这个动画gif很好地传达了这个概念:

在此处输入图片说明

删除线更好吗?通常。处理图表垃圾时要考虑的重点是,您应仅使用格式化数据所需的内容。多余的只是……额外的……而且可能无法增强信息。


1
这是一个很好的动画gif,但从设计师的角度看,它似乎更着重于桌子的美感,而不是读者的可读性或实用性。比较基本的丑陋Word表和用行完成的Indesign表之间也存在区别。纳斯达克,银行,汇率服务,Paypal,科学/医疗/年度报告等:所有这些人/服务/要素似乎都使用线条...我只能猜测是因为他们优先考虑读者的舒适度,想要避免混淆,不要优先考虑设计美观。我认为它们也是可靠的参考。
go-junta

2
将线条视为“垃圾”只是设计师的个人意见和议程。Tufte可能建议保留线条或阴影,如果它们的目的是避免在宽表上造成任何混淆,并在看起来不错的情况下在具有2列的表上删除它们。据我了解,通过图表垃圾,他意味着删除多余的图标,无用的超大文本,样式,不可读的字体,ORNEMENTAL底纹(例如,除设计外没有其他用途),等等。对于大多数设计师而言,所有这些都不是新鲜事物,仅仅是逻辑,它不仅限于图表,而是任何布局。
go-junta

2
这似乎简直是简化,没有任何关于何时必要和有用以及何时多余的解释。同样,在阅读您的答案时,有些措手不及,只有在实际上多余的情况下才应删除行。要指出您的动画.gif保持一行,但没有解释原因。
瑞安(Ryan

2
再说一次,对我来说,删除多余的视觉元素并不能说明为什么和何时出现多余的东西。我面前有一张桌子,上面有26行18列(由业务顾问提供),他们应该删除所有的线条和阴影吗?因为当我阅读您的答案时,听起来像是几乎是普遍的。
瑞安(Ryan

4
@Ryan-我同意,尤其是在大型表上,其中一些“单元格”跨越多行,并且某些单元格可能为空。这些情况(和其他情况)可以从某些水平线中受益。有(至少)两个“因素”要考虑,有时(很多时候)相互冲突:美学和实用性。可用性比外观更重要。如果表设计看起来不错但是无法使用(使用困难或令人困惑),那么它的实际好处是什么。很多时候,美学更多地是关于从远处看表的外观,而不是试图读取表中的数据。
凯文·费根

12

我认为您可以通过关注表格目的而不是任何一般性准则来重新考虑问题。

例如,如果读者需要比较不同行的内容,则可能更容易区分每行。您也可以考虑在列之间实现对比。

有几种方法可以区分行或列:

  • 备用背景色(柔和的颜色,因此对比度仍然使文本可读)
  • 在行或列之间使用线
  • 在表格中的内容周围使用填充

您的选择取决于:

  • 用户将如何处理您的表,以及如何使用户使用起来更容易:这将指导读取的层次结构,并因此指导您进行图形选择
  • 内容的大小,以及表格的大小:例如,长行必须在图形上可区分;一张小桌子并不需要那么多

话虽这么说,以我的经验来看,在大多数情况下,我倾向于不使用很粗的线。我更喜欢为行使用其他带阴影的背景色。并且,如果需要,仅将白线用于列。这样,内容会变得突出,表格图形会无形地指导用户。

应用任何样式之前,请始终考虑表的用途。


2
+1“在应用任何样式之前,请始终考虑表的用途。” 这就是OP所要求的,无论如何,优秀的平面设计师将始终把目标放在第一位!
go-junta

9

我不相信您或您的同事是对的。更为重要的问题是可读性。单独设置间距可以有效地做到这一点,线条/阴影通常可以帮助使用更少的空间。

在这里,我们有一个表格,表格的间距很标准化,没有行。很难理解,因为这些数字主要是为从左到右而不是从上到下读取的。但是您必须自己弄清楚这一点:

在此处输入图片说明

现在,我仅使用了格式塔原理所知道的间距,可以很清楚地看到您水平阅读的内容:

在此处输入图片说明

但是,整个图像变大了。当我可以用线条或阴影添加相同的东西并使用较少的总空间时:

在此处输入图片说明

但是,使用总行可能就像根本不使用任何行一样。就其本身而言,这无助于确定人们应该首先对阅读更感兴趣的方向:

在此处输入图片说明

同样,如果我们希望首先对其进行垂直了解,那么它可能看起来像这样:

在此处输入图片说明

但是,如果我们使用一条线,则间距也可能会更小(如果我实际上是在做这行,但很快就可以这样做,那么我可能会将这条线居中):

在此处输入图片说明


1

APA样式在行之间不使用线。用这种方式设计的桌子与研究和学术界有联系。否则样式的表可能意味着相反。

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.