Tableau日常分析小技巧(5):表格设计(二)

我们接着表格设计(一)的内容往下说，如果我们的字段内容比较长，在表格标题无法完全显示出来，那么我们可以使用自动换行功能，我们在超市数据源中创建一个计算字段判断日常利润情况，如图所示:

现在将字段判断日常利润情况放在行功能上，如图所示:

可以看到字段很长，无法完全显示出来，一种方法我们可以直接用鼠标拖拽，将单元格拉长，但这样影响整体表格布局，这里我们鼠标右键点击判断日常利润情况字段，选择设置格式，如图所示:

字段标签中选择对齐，点开自定义，换行中选择开，如图所示:

这样对应字段就会自动换行，再用鼠标放在标题上，拖拽单元格，如图所示:

如果你的Tableau Desktop 版本比较早的话，在行功能上字段超过6个会出现字段记在一起的情况，如图所示:

这里只需要大家点击分析-表布局-高级如图所示：

在高级选项框中，将行数字更改为50(较早版本最大值是16)，点击确定，再回看数据就正常显示啦

想象一下你为企业端产品设计了一个系统，或是设计了某个应用程序。在诸如此类的设计中都需要用到表格。这些表格设计不是那些设计网站中展示的非常精美的表格样式，而是具有复杂交互和数百个单元格的表格。

在这种情况下，设计师会面临许多挑战。 例如：将设计与现有的前端框架进行匹配，或与破坏布局的“不舒服”数据进行斗争。 我们将通过以下步骤来解决这些问题：系统化需求，原子化，定义交互。

所以，你已经采访了目标受众。现在是时候将他们的需求和需求拼凑在一起，并转化为对设计有用的东西。例如，一位用户说：“我需要看看我的数据如何影响应用程序的其他部分。”或者在看到另一个人使用软件时，你注意到他只使用快捷方式而根本不摸鼠标。这是什么意思？第一个用户的话是关于输入验证和提示。你需要考虑将警报或帮助信息附加到表中，或者开发一个有意义的颜色系统。这取决于领域和心理模型。观察第二个用户的工作可能是你需要设计键盘可设置快捷方式，可能需要考虑比“Cmd + C”和“Cmd + V”更深刻的快捷方式。

这样，你就有一系列的需求和愿望。开放式问题有助于找出真正的需求并过滤掉一时兴起。例如，“什么可以帮助你更快地工作？这如何提高你的工作效率？如果你不能做XX会有什么改变？“

这时候就需要一个功能框架了。如下图

任何表的最小构建块都是一个单元，联合成行和列，其具有不同于其他单元的特定特征。 最后，我们将表格的重要补充作为顶栏，键盘命令，处理错误等。

简而言之，构建一个复杂的表，收集并优先考虑用户需求。 考虑非表格解决方案，例如图表。

绘制一张树形图，系统化所有需要的功能。

原子化是首先设计小的UI组件然后组装更大的UI组件。 我们将逐渐从字体和颜色等基本粒子转移到像标题或列这样的大模态。 

这些部分可以由设计系统或UI框架定义。 如果为现有产品创建表，请检查调色板，字体和图标是否满足表格的需要。

当表格原子设计准备就绪时，我们可以继续设计不同类型的单元。 首先要事先考虑每个元素的“正常”，“悬停”和“激活”的状态。 后面再添加“点击”，“禁用”和其他状态。

单元格可以有工具提示，输入提示，错误消息，占位符等附件。

设计单元格创建行时，需要查看各种组合是否可以很好地协同工作。 下面我在一行中展示了只读和可编辑单元格的。 一旦设计一个具有复杂编辑逻辑的表格，那么表格的某些字段由用户提供，而其他字段则使用默认值自动计算或填充。

需要注意的是，将鼠标悬停在只读和可编辑单元格上时，光标会有所不同。 点击单元格会触发选择行或进入可编辑单元格的编辑模式。 你可以在下图看到用户选择一行或多行时的单元格状态。

现在是时候考虑表头了。 根据我的经验，通常无法控制列标题长度并坚持一行。  我在下图展示了表头的不同变体。

基于数据的工具，用户经常需要排序和过滤。 它可以帮助用户在冗长的数据中找到有价值的信息。 排序和过滤的挑战是将排序控件和过滤控件与其他标题元素（列标题，度量单位等）结合起来。

与表格单元格不同，过滤器框通常在右侧具有“重置”图标，以便用户可以查看未过滤的内容。

在示例中，有三种类型的过滤器框。 字母数字过滤器可以按字母和数字进行搜索。 它支持通配符 - 未知数量的未知字符。

日期选择器过滤器具有日历，其工作方式与其单元格相同。 允许用户手动输入日期并从日历中选择是一件好事。 如果他们知道他们在搜索什么，那么打字比点击容易得多。 在我的一个项目中，我们允许输入“01/25/2017”，“6 12 17”和“2016年9月4日”等日期，仅过滤一个月或一年。

复杂表的一个常见功能是固定列。 通常，包含关键信息的列（例如，元素名称或状态）不可滚动。

虽然表列应该巧妙地适应内容大小，但是当文本被截断时会发生。 在这种情况下，列大小调整很有帮助。 用户可以拖动列边缘并查看长内容。

处理长文本字符串的另一种方法是：使用最长内容拉伸列或将内容折成多行。 第一种方法对于或多或少类似的文本字符串更有效。 如果看到全部内容对于人们来说比保持表格的垂直紧凑更重要，那么第二个更好。

我们需要定义列的默认最小宽度，以防止表格不适合调整大小。

什么构成一张表格？ 单元格，列，行。 此外，复杂的表通常有一个顶部 *** 作区。 与其他组件一样，顶部栏由较小的元素构成 - 标题和命令。 下面我收集了我们在其中一个产品中使用的各种状态的命令列表。

现在我们可以尝试组合不同的元素，看看它是否有效。 这里有些例子。

当然，这不是功能和元素的最终列表。 它不同于一个项目，可能包含其他内容，例如：

按多列排序;

可自定义的列;

可扩展行;

用于过滤和搜索的逻辑运算符（“和”，“或”，“其他”等）。

如果你犹豫要设计哪些功能，哪些没有，可以参考奥卡姆的剃刀，或简约法则。 如果现有的实例满足需求，则设计者不应创建新实例。 你应该“削减”用户可能需要的令人讨厌的功能。 

只读表格 。 要构建的最简单的表类型，因为它只显示数据。 没有过滤或编辑选项。

搜索表格 。 单元格不可编辑，标题有过滤框和排序控件，可以选择行。 从实践来看，这些表格有助于从大量类似的东西中查找，比较和选择一个项目或几个项目。 

可编辑的表格 。 所有或部分单元格都是可编辑的，通常没有筛选，因为行的顺序可能是自定义的。 这些表格通常会有工具栏并允许使用行执行 *** 作。

简而言之

从最小的组件开始。 然后逐渐走向更大的，最后，模拟整个表格。

事先考虑每个组件的所有可能状态。

使用Occam的剃刀原则将元素数量保持在最小但覆盖所有用例。

构建块不足以构建像表格这样复杂的。设计师应该考虑“游戏规则”，并设计视觉部分背后的逻辑原则和惯例。

容器与响应式

如何将表格放在界面中？ 例如，它会占用现有容器中的一些空间还是一个单独的模块？ 这些问题的答案完全取决于产品，最好预见可能的问题并彻底定义原则。

有些应用程序使用线条或白色灰色“斑马线”来使信息更易读。

定义合理的默认宽度，并允许在需要时手动调整大小。对于阅读表格，最好在右边有一些空格而不是列之间的间隙。但是如果一个表包含许多行和列，则水平和垂直滚动是不可避免的。对于手机端的阅读，还可以把表格做成卡片式利于用户浏览数据。

即使是非常流畅和漂亮的表格也可能成为用户的噩梦。因此，遵循可访问性原则非常重要。 以下是可访问性方面的主要设计考虑因素。

给出标题并准备简明的摘要 。视力受损的用户应该能够在不对其所有单元进行语音处理的情况下处理表格。

注意字体大小 。尽管网络没有正式的最小尺寸，但16 px（12 pt）被认为是最佳的。此外，用户应该能够在不破坏整个布局的情况下将表格增加到200％。

为有色盲的人测试颜色 。文本和控件应与其背景具有足够的对比度。最低要求色比3：1（越多越好）。颜色不应该是标记事物的唯一方式。例如，错误消息不应仅依赖于红色文本，警告图标将为色盲用户提供参考。

避免使用小而模糊的控件 。如果可点击组件至少为40×40像素，则认为它们是触摸友好的。由图标表示的命令应标记或具有工具提示和替代文本。设计师不应过度使用图标，因为用户可能无法正确理解复杂的隐喻。

简而言之

内容统一和格式化也是设计师的工作。

不仅要考虑界面元素，还要考虑用例，规则和常用模式。

原文：https://mediummuzli/complex-tables-356826d11861

译者：Ever

相关文章推荐：

在构建设计规范之前，你需要看看这些设计资源

如何构建设计语言系统

给初级UI&UE设计师的Sketch资源分享

交互设计原则和理论1——尼尔森十大可用性原则

交互设计原则和理论2——七大定律

国外设计团队的高频设计工具与协作工具

16个表单优化技巧

网页端表格设计指南

怎样提高注册登录流程的交互体验

不可错过的2019设计趋势

用Word制作表格的步骤如下：步骤一：开一个空白的文档，在菜单栏中选择插入-表格命令；在打开的表格对话框中输入我们表格的行数和列数。我们根据实际需要进行设置，设置好后点击确定按钮；步骤二：一个表格就插入到编辑区了，我们可以在单元格中输入相应的内容。

excel是我们最常用的表格应用，其为用户提供了强大的数据整理、处理、分析等多种强大的功能，在我们日常的办公中常常需要用到，而在使用的过程中，可能用户会发现Excel没有我们所需要的功能，其实，在Excel中提供了设计模式功能，其能够为用户提供VBA代码的试调，从而能够帮助用户扩展与设计我们所需要的功能，可能部分用户还不知道如何开启，今天就为用户带来了Excel设计模式的开启教程，有需要的用户赶紧来了解一下吧！

方法/步骤

1、首先，用户启动您的Excel程序（这里小编以excel2013为例，其他版本的用户可以直接参考即可）。

2、进入软件界面后，我们点击“空白工作簿”（部分用户的Excel一般自动跳过此选项进入软件界面），进入软件界面。

3、然后点击“文件”按钮，呼出文件的菜单。

4、在呼出的 *** 作菜单，我们再菜单中选择“选项”。

5、随后，用户在Excel选项窗口的左侧选择“自定义功能区”。

6、在主选项卡中找到“开发工具”选项，一般为未开启，我们勾选此选项后点击“确定”按钮。

6、随后，我们返回Excel界面中，用户即可在选项卡中选择“开发工具”。

7、其为用户提供visualbasic、宏、com加载项、插入等选项。

以上就是excel启用设计模式的方法，有需要的用户赶紧来了解一下吧！

我就讲最通用的方法哈，点击Word最上栏的”插入“然后你可以插入一个最基本的表格，选择几行几列，填充内容后，在点击表格的特有工具制作表头，选择样式颜色。什么意思呢？就是 插入一表格一选择行数和列数，生成表格后，会出现“表格工具”一“设计”，可设计表格样式，颜色、边框、字体等等，表格设计好后添加文字内容；

还有一种方法就是先输入文字内容，再插入表格（不同单元格的内容可以用空格隔开）；然后再同上设计表格样式，“表格工具”—“设计”；

下面分享一下制作表格的快捷键方式，喜欢的点个赞。

1、快速生成表格

·输入”+"、”"，先按Enter键，然后按Tab新增行。

2、快速拆分表格

·选定某行的单元格，按Ctrl+Shift+Enter键，便拆分为两个表格。

3、表格中插入一行

将鼠标放在需要增加的表格某一行前，按Enter插入完成。

将鼠标放在表格一行左侧，当出现“十”光标时，点击该图标后则在该行上方插入一行。

4、表格顶部插入空白行

·将鼠标放在第一行的任意一个单元格，按Ctrl+Shift+Enter，便可在表格上方插入空白行。

5、表格新增行

·鼠标放在表格的最后一行的最右一个单元格，按Tab键便可新增一行。

6、合并表格

·在两个表格间，按Delete键或鼠标右键，选择“剪切”便可合并表格。

7、文字快速转换成表格

·用Tab键隔开文字，然后点击插入-表格-将文字转换成表格。

9、保持多行表头

·如果表头有2行或3行，首先选中这几行表头，然后右键-表格属性命令，在打开的对话框中选择“行"选项卡，然后勾选在各页顶端以标题行形式重复出现即可。

10、表格内文字没显示全

·点击该行，单击表格工具-布局-属性，将固定值更改为最小值。

老板叫你做一张销售统计表格，但是单纯的一个只有各种数字和文字的表格看起来非常的简陋，视觉不美观，那么下面小编就来教大家如何做出一张让老板喜欢的销售统计表。

我们以下面的一张表格为 *** 作例子。

首先我们按CTRL+A全选表格，然后鼠标移到行数线处和列线处，拖动设置其表格的行宽和列宽，使其表格间距变大。

然后将表格中的所有内容居中显示，字号设置为10，并将字体改为微软雅黑。

接着将表头的内容进行颜色填充，填充颜色为蓝色，文字颜色设置为白色，并加粗显示。

紧接着在下方的第一行表格内容中填充颜色为谈蓝色，然后选中第二行和第三行内容，选择格式刷，将接下来的表格内容全部进行格式统一。并将文字颜色设置为蓝色。

之后我们在下方总计行中，给其加一个上边框。同时颜色也设置为蓝色，并适当加粗。

最后可以选中右边的个人总计销售，在中，增加数据条即可。

经过以上这样的 *** 作，一张美观的统计图就做出来啦。

是不是很简单呢，那些对统计图还一筹莫展不知道如何变美观的小伙伴赶紧做起来吧，当然了你在配色方面蓝色只是参考，你可以选择其他颜色来配色哦。

Excel表格2017|

需要进行基本的边框设置、表头的设置、以及基本内容的输入，这样我们就可以制作出来一个很好看的表格。excel本身就是一个表格软件，所以在excel里面制作表格很简单，基本可以总结为合并单元格，拆分单元格等。

在桌面上右键点击在快捷菜单中选择“属性---新建excel工作表”命令。命名新建的表格名为“数据统计”，双击打开文件。设置好表格的 *** 作范围即纸张大小，这里设置为A4，页面布局--纸张大小--A4。选择页面内的所有行，右键点击选择“行高”命令，设定好行高。选择表头位置的单元格，右键点击选择“设置单元格格式”。

在“设置单元格格式”对话框中选择“对齐”选项卡，勾选“合并单元格”，点击“确定”按钮。合并完后输入文字“数据统计表汇总”，并将其居中。输入数据，这里只输入一部分。选择表格数据所在的单元格，点击右键选择“设置单元格格式”命令，在对话框中选择“边框”选项卡，设置表格框架线条粗细，设置完点击“确定”。

相关信息

Microsoft Office是一套由微软公司开发的办公软件套装，它可以在Microsoft Windows、Windows Phone、Mac系列、iOS和Android等系统上运行。与其他办公室应用程序一样，它包括联合的服务器和基于互联网的服务。

Office最初是一个推广名称，出现于1990年代早期，指一些以前曾单独发售的软件的合集。当时主要的推广重点是：购买合集比单独购买要省很多钱。最初的Office版本包含Word、Excel和PowerPoint。“专业版”包含Microsoft Access，Microsoft Outlook 当时不存在。

这个蛮简单的，EXCEL和WORD都可以做的：

EXCEL直接就是表格的形式，你可以直接调整到你想要的格式就可以了；

WORD的话，可以直接插入表格，根据你需要的列与行数，就可以了

而且在WORD里面，插入表格之后，你可以根据OFFICE提供你的格式，选择一款你喜欢的式样，这样表格会更加漂亮