简述适合看板的情况分析看板设计图( 二 ) _知识分享

文章插图

文章插图
当然，你想要3个模块，都可以在这个基础上进行对应的划分，比如我们可以基于上述两种模式进行三个模块的划分：

文章插图
而当你需要更多模块时，比如4个或者5个，你都可以回到最初划分的4×4方格，依照方格可以得到更多的设计版式：

文章插图
而我们在平日在网站上找到的参考很多都是基于上述版式而得来的：

文章插图
通过这种方式你几乎能够通过方格划分找到最适合你内容展示的看板版式，从而更快地进行下一步。
2. 看板的内容规划当规划好看板布局后，就来到了看板的内容规划。说到看板内容，其实很多人都是想到的都是可视化数据。的确，在看板中最常见也最熟悉的就是各类数据的表达，比如柱状图、饼图等，在这里不做深入的讲解，感兴趣的同学可以去看下关于图表规范的文章。

文章插图
但在很多业务场景中，可能很多时候都并不能提供最直观的数据表格来呈现数据。而更多的是一串串数字给到你。当看板的数据更多是文字时，我们应该如何处理。其实在B端设计中这类数据还比较常见，个人认为有以下2种处理方式:
1. 借助图标等图形化元素来辅助表达内容，即使我们接收到的信息只有单纯的文字，但我们可以思考如何借助图形帮助我们的表达。
比如coding的近期创建事项，旁边也用图形化表达来突出其余以前创建事项的对比，能够让整体视觉传递更好。

文章插图
2. 借助简易表格分散大段数据，避免造成大量文字。在很多时候，我们接收到的信息特别散乱，且也不利于图形化。
因此我们可以通过将信息拆解，利用承载能力最强的表格去分散特别多的信息，让整体视觉传递更加舒适，且表格中也可以加入某些元素让表达更合理。

文章插图
通过上述的讲述，大家应该对于看板的布局和规划有了一定的了解和认知，其实关于看板内容规划还有很多点可以讨论，但在这里就不进行深入的展开了。
四、看板的拓展性这其实是很多设计师容易忽略的一个点，那就是看板的拓展性。我们大部分在设计时都只会基于目前情况进行对应的设计，而一旦该面板增加或者减少某类数据时，整体版面就会变得非常难看。
因此我们在设计看板时一定不能忽视后续内容的拓展性。比如当我们已经利用基础版式设计好一版时（注：当前看板仅做说明展示，顶部栏和侧边栏都未呈现）：

文章插图
如果此时产品或者业务进行对应的新增需求时，你是否又需要改变整体结构。但如果你是基于方格进行的设计时，你可以利用方格结构，更加灵活和方便地调整视觉呈现。比如我们可以将「最近视频数据」模块下调一个单元格的距离，来呈现增加的信息。

文章插图
但如果面对特别多的模块，我们则需要改变当前看板的布局结构来让我们整体的拓展性更强，需要采取固定区和拓展区的形式来进行排布（这里的固定区也可以在右侧）：

文章插图
调整后的结构如下：

文章插图
右侧的区域可以进行滚动呈现更多的内容：

文章插图
通过这样的结构，能够面对不断拓展和变换的数据起到很好的承载作用。比如神策和数数科技均采用这种设计策略。
我还见过一种更加灵活有趣的结构，那就是每个模块都支持自定义拓展。这样的结构需要严格遵循模块化排版来进行设计，使用上会显得非常灵活，比如下方的示例：

简述适合看板的情况分析 看板设计图( 二 )

简述适合看板的情况分析看板设计图( 二 )