Tableau是美国产品，可以让BI开发人员用可视化的方式进行报表开发。但是因为使用太过灵活，很多BI开发都无法做到100%还原设计稿，我司也因为这件事而烦恼过。后续我作为设计师，试着去研究了一下这个软件，发现这个软件其实对设计师是很友好的，尤其是有开发知识的设计师，操作起来可以说非常容易了。

    想要试试的设计师们可以遵循以下步骤：

    01.设计所有会涉及到的图表

    找一个典型页面确定风格，如下图。

    设计完成后，归纳设计语言，设计出一整套图表组件。

    设计组件时，各种会出现的尺寸都做出来。我们的平台采用三等分原则，所以会用到1倍图、1.5倍图、2倍图、3倍图。

02.在Tableau中建立图表库

    设计图表时，为了保证可整体拖动，要使用垂直水平的嵌套组合。所谓的垂直水平就是一种嵌套工具，垂直是指在该容器内，所有组件垂直排列，水平亦然。这和前端开发时应用的类似。

    值得一提的是，如果你的图标里有下拉等不确定是否会出现的组件，可以提前预留好空位。

    ps:其实Tableau做模板并不是一件容易的事，在实际应用中也会有许多需要注意的地方，本文因为篇幅所限，没有展开，想仔细了解的朋友可以等我专门出一篇如何操作Tableau的文章或者直接私信我。

    03.替换数据源

    组件模板做好后，就可以交给BI开发工程师替换数据源了。

    当然，有的图表替换数据源比较容易，比如饼图，但有的图表则很麻烦。遇到比较麻烦的情况，也可以右键工作表复制当前的图表样式，而后进行粘贴。

    04.UI Review

    虽然我们已经把UI设计师的工作做到了极致，但也不能保证BI工程师们能一比一还原出来。这时候，我们就不能放弃，要一直一直反复地做UI Review工作。如下，我连续半个月每天都做UI Review。

    05.建立图标库

    Dashboard如果没有图标，会显得特别死板，所以我建立了一整套图标库以供丰富页面。因为我们是医疗产品，所以很多图标都很复杂，经过归纳整理，整理成一些大组，上传至iconfont。

    06.建立Axure组件库

    建立了模板后，后续UI设计师其实就不需要花费太多心思了，直接由产品经理出原型即可。为了方便后续原型和开发的100%对接，我也做了一整套Axure组件库方便产品经理调用。

想了解更多更详细的设计知识，欢迎加入Emma的交流Q群：145065052