上周刚和业务朋友吃饭，问他前段时间我分享的 可视化模板 使用效果怎么样，不出我所料的一顿猛夸，确实好用！但是他也提出来一个问题“我能套模板，自己也能设计大屏，但是在跟其他业务沟通需求，有些需要自适页面的时候，谈及 大屏模板具体制作流程 还是一脸茫然...\"

(相关资料图)

我回来也翻看了私信，发现很多朋友有着同样的问题。于是我花一周时间，整理出了这一套只有四个步骤，非常简便，清晰易懂的大屏模板制作流程，希望对各位有所帮助！

一、场景规划

1、数据需求

在大屏开发前，必须确定清楚需要展示的数据具体有哪些内容，同时探明每部分数据对实时性的要求，从而一一确定数据对应的可视化元素。

2、风格需求

在明确数据需求后，我们还需要规划大屏风格需求。

2.1 主色调

对于大屏主色调的选择，我们最常用的是蓝色系，其次是青色，再次是红、黄、绿等偏亮的颜色，其他色系并非不可用，但对新手而言是很难把控的。

以下是一些常见色调的举例：

1）蓝色调

2）青色调

3）红色调

4）黄色调

2.2 布局

在布局排版方面，我们常见的布局方式有以下几种。主要信息可以居中、居左、居右或者偏上展示，次要信息环绕主要信息。

二、大屏开发工具

帆软大屏依托决策报表制作，先新建一张决策报表，并选择大屏常用的「绝对布局」方式；紧接着设置画布大小，使之符合场景规划中的大屏模板比例；然后，就可以以此拖拽需要的组件到画布中了。

三、大屏实践开发

1、选取模板

2、下载模板

3、组件复用

完全复用官方模板示例，不能满足大多数用户的需求，因此，我们还需要结合组件复用打造大屏（需要安装组件复用插件）。

四、效果打磨

对于通过复用的方式制作好的大屏模板，我们需要经历更换数据源、调整图表样式、调整所有组件、补充特效4个步骤。

1、更换数据源

2、调整图表样式

2.1 图表细节调整

2.2 图表系列配色

3、调整所有组件

3.1 添加组件背景&边框

3.2 添加组件标题

采用图表或组件默认的标题样式，很难在大屏上有优秀的视觉效果， 所以，我们一般用一个report块插入小图标和文本，作为组件标题。

3.3 调整报表块中的文字

3.4 调整组件的位置、大小

4、补充效果

再经过以上效果调整后，大屏已经基本满足展示需要，再视需要添加一些跑马灯、组件轮播、图表高亮的效果，一张完整的大屏模板就制作成功了。另外收集了40+模板，私信我领取。

标签：