今日，我将为大家带来一篇详细的教程，从零开始教您如何制作一张可视化大屏。
内容丰富，为了使您能够清晰理解每一个步骤，我将分为（上）（下）两篇进行详细介绍，请耐心阅读，相信您定会有所收获！
要了解企业里开发可视化大屏的主要流程，这大致可以分为七步。
第一步，也是最基础的一步，是对业务部门或领导的需求进行调研。在需求调研阶段，我们需要做好以下三份文档的准备，以确保我们明确方向并完整地进行需求调研：
文档一：《业务需求调研报告》
这份报告主要包括三个要点：
①提炼关键业务数据指标：我们需要与需求方沟通大屏业务场景，明确需要侧重展示的内容或大屏要呈现的“story”，并根据此提炼出关键业务数据指标。
举个例子，对于某制造行业的监控指挥中心大屏，需要监控的数据包括销售运营、生产运行、物流管理、客户质量和园区的安保能耗五大模块，这些就是“业务关键数据”。
②拟定数据主次辅：在大屏展示中，会有侧重展示某些数据的情况，我们需要对上述“关键业务数据”进行主次辅的划分。
主要信息呈现业务的主要逻辑，一般放在显眼位置并用重点元素标识；次要信息则围绕主要信息做解释；辅助信息作为主要信息的补充，可以放在角落位置或通过鼠标悬浮显示。
③确定可视化元素：大屏的可视化元素包括指标卡、表格、图表等。我们需要选择适合的数据展示可视化元素。
文档二：《大屏硬件采购清单》
大屏的设计需基于最终显示的分辨率要求，这受到大屏模板分辨率、显卡输出分辨率和大屏幕硬件支持分辨率的影响。我们需要了解这两种分辨率并保障所做模板的分辨率正确。
文档三：《数据质量调研报告》及视觉设计准备。
在前期视觉设计准备中，我们主要关注布局、配色、字体和组件样式四个方面。大屏首先需要服务于业务，让业务指标和数据得到合理展现。我们需注意主次分布，给予不同指标不一样的侧重。
接下来，我将详细介绍如何进行大屏的视觉设计。
在布局方面，我们推荐几种常见的大屏布局版式，如主次分布、平均分布等，根据实际情况进行调整。我们也需要注意色彩的搭配，包括主配色、告警色和图表系列色等。
对于主配色，我们一般选择深色系，特别是深蓝色系，这样能使大屏看起来更加专业和高端。告警色则需要与主配色有显著对比，以便突出需要特别关注的数据。
在字体方面，我们建议使用无衬线字体如黑体、微软雅黑等，并保持字体类型不超过两种。要根据画布像素对应字号大小进行规划。
这篇我们主要讲解了大屏制作的第一步和第二步，最后我们再简短回顾一下。
第一步是进行需求调研并准备三份文档，确保我们在设计开发初期就明确了方向。
第二步是进行大屏视觉设计的准备，主要是确定好大屏的布局方案、配色方案、字体及组件样式等。
更多详细步骤与技巧将在下篇中继续介绍，敬请期待！