如果让我总结页面布局, 那就是两个关键词: 尺寸和方向.

尺寸

尺寸在纸质报告的时代就是A3, A4, A5. 在数字时代, 这个媒介就换成了显示屏. 显示器的尺寸是以像素来衡量的. Tableau开发者的工作, 某种程度上就是平面设计工作, 因此你需要对我们的显示器和显示设备有一些基础的了解.

一般的显示器的分辨率分为1080P, 2K和4k. 最常见的办公显示器为1080P分辨率, 也就是宽1920像素乘以1080像素.

如果我们Dashboard的尺寸超过了屏幕的分辨率, 那么用户就需要左右或者上下拖动.

自定义Dashboard尺寸

在左边👈的截图中你可以看到, Tableau提供了各种各样的Dashboard尺寸用户选择.

最下边还有一个选项叫做Custome 自定义, 你自己手动输入宽度和高度, 然后尺寸就确定了.

在这些尺寸当中. 我想要请你注意的是

如果你想打印到A4上, 你没有必要必须选择A4的尺寸. 因为A4尺寸在屏幕上看起来非常的小. 你只需要保证你的Dashboard尺寸的长宽比和A4纸的长宽比差不多, 然后在打印的时候, 等比例缩放就可以了.

在Size选项的上方, Tableau提供了叫做设备预览的功能, 这个功能能够让你模拟用其他设备看Dashboard的感觉. 这些设备主要是指手持设备-手机和平板电脑.

只要你点击了Device Preview, 右侧的操作界面就会改变. 设备类型你可以选择手机或者是平板, 而型号则一目了然. 设备预览是一个考点, 但不是回个难点, 你只要知道就可以了

既然讲, 就要把问题讲透. 你作为一个初学者. 你哪知道什么尺寸合适啊. 所以我就要通过工作经验告诉你什么尺寸最常用的.

作为一个Tableau Develoepr, 有时候你显示信息的限制之一就是显示空间. 绝大部分用户希望只要浏览器加载完, 在网页内部就能显示所有的信息.
这一点非常重要. 这就意味着, 你要尽量把一个Dashboard控制在一个网页可以显示的空间里.

企业里显示器一般最低的分辨率就是1080P, 那么宽度1920, 高度是1080. 如果你观察你当前的浏览器, 你上边的网址和标签页要占掉一部分空间, 而Tableau Server的一些界面也要栈道一部分空间, 这样1080的高度就进一步压缩到850左右.

而宽度方面, 一般1800 最为合适, 在左右稍微留出一部分空隙. 就像打印一样, 你要左右留出一定的边距. 因此我个人常用的尺寸就定为1800宽度, 800高度.

为什么Dashboard的尺寸和你所使用的显示器有关系呢? 如果你自己用做设计的显示器也是1080P, 那么我们在Tableau当中就会出现下边的问题.

你没有办法在Tableau当中看到你的Dashboard的全貌. 我在下面的截图当中展示的就是如果我们用1080P显示器来设置一个1800宽的Dashboard的时候, 你会发现右下方有一个Scroll Bar.

这个时候在设计的过程中就会导致你需要经常拖动来, 拖动去. 在这种情况下, 我们有两种解决方案.

一: 把宽度调整到1600宽度, 并以1600像素的宽度发布

二: 在设计的时候, 先使用1600宽度, 最后全部做完, 把Dashboard的size拓宽到1800再发布

1800的Dashboard在1080P显示器上显示

Dashboard的方向一共就两种可能, 从左到右阅读和从上到下阅读. 两者没有优劣而更多是看你的内容更适合哪种布局.

在下边的这两个截图对比当中, 你可以清晰的感受到左侧是从左到右的方向和右侧是从上到下的方向.

我个人几乎不用从左到右的布局. 不是说它不好, 而主要是因为以下几个原因:

一般你所在的公司会有一个通用的布局, 而一旦这个布局确定了, 你没什么选择的余地
我是主张从上到下布局的. 主要是因为从上到下是最自然的阅读方式, 我们用手机也好, 浏览器也好, 大多数情况下阅读一篇长的文章都是从上到下, 而很少从左到右.
从左到右第一部分的左侧区域一般就是只能放几个Filter. 而Dashboard的Title还是要放在最上边. 也就是你左边看完, 还是要回到最上边, 再从上到下, 我个人认为这个体验就不自然.

Layout 页面布局