《数据可视化》课件 6.1布局数据可视化大屏

数据可视化模块六设计数据可视化大屏CONTENTS01.布局数据可视化大屏03.美化数据可视化大屏

02.制作数据可视化大屏目

录教学目标

1.熟悉页面布局的原则与常见分类；2.了解数据可视化大屏的三大区域；3.掌握页面配色优化的方法；4.掌握显示单位优化的方法。知识目标1.能完成数据大屏设计需求分析与布局类型梳理；2.能完成数据大屏页面内容布局；3.能完成关键指标区、重点信息展示区与筛选区切片的制作；4.能够完成大屏配色、显示单位与页面细节等的优化。能力目标素质目标1.具备良好的职业道德，确保数据的安全性和隐私性；2.具备高度的责任心，确保大屏展示的数据准确无误；3.具备强大的自学能力，能够持续跟踪行业动态，学习并掌握新技术。项目导览任务一布局数据可视化大屏任务实施PART01活动1分析数据大屏设计需求步骤1-步骤4确定标题区位置标题区位于页面上方居中的位置，吸引观众的注意力，成为整个大屏的核心焦点，为后续的数据展示奠定基础。确定关键指标区位置关键指标区位于标题下方、页面右侧的位置。方便观众快速获取最为重要的业绩和业绩达成率等数据信息。确定筛选区位置筛选区位于标题下方、页面左侧的位置。在视觉上与标题和关键指标区形成了平衡，增加了数据大屏的交互性和实用性。重点信息展示区位于关键指标区域筛选区下方的位置。全面且有条理地呈现业绩的周变化趋势、不同店铺的业绩、客单量、客单价等详细内容，保证了信息的清晰呈现。确定重点信息展示区位置03010204活动2梳理数据大屏布局类型步骤1-步骤4重点信息展示区位于关键指标区域筛选区下方的位置。使得重点信息展示区在承接上方关键数据和筛选操作的同时，能充分利用页面空间，保证了信息的清晰呈现。确定重点信息展示区位置标题区位于页面上方居中的位置。能确保标题在第一时间吸引观众的注意力，成为整个大屏的核心焦点，为后续的数据展示奠定基础。确定标题区位置关键指标区位于标题下方、页面右侧的位置。方便观众快速获取最为重要的业绩和业绩达成率等数据信息。确定关键指标区位置筛选区位于标题下方、页面左侧的位置。在视觉上与标题和关键指标区形成了平衡，便于用户直观、便捷地进行操作。确定筛选区位置活动3布局数据大屏页面内容步骤1：页面背景设计在“可视化”窗格中点击“设置报表页的格式”按钮进入页面格式设置界面，点击“画布背景”，设置背景色为“灰色，10%”。活动3布局数据大屏页面内容步骤2：标题设计在“插入”选项卡中，点击“文本框”按钮，在画布中添加一个文本框，拖至画布最上方位置，在文本框中输入“业绩看板”，选择合适的字体，并将字体大小设置为18号，颜色设置为白色。，可以为标题添加背景色与阴影效果。活动3布局数据大屏页面内容步骤3：关键指标区和筛选区布局设计在“插入”选项卡中，点击“形状”按钮，选择矩形，将矩形拖至画布左上方标题下方位置，调整其大小为：高度100，宽度350。将设置好的矩形复制3次，再调整右侧两个矩形的宽度为246。接下来，选中4个矩形，横向排列，在“格式”选项卡中点击“对齐”按钮，依次选择“顶端对齐”“横向分布”。活动3布局数据大屏页面内容步骤4：重点数据信息展示区布局设计将需要展示的其他重点数据图也使用矩形工具确定位置，调整矩形的大小、位置以及对齐方式，完成数据大屏布局的效果。PART02知识内容一、页面布局的原则主次分明原则在布局中，要明确区分主要信息和次要信息。将核心数据和关键指标放置在显眼的位置，使用较大的字体、醒目的颜色和突出的图表形式来呈现，确保观众能够在第一时间获取到最重要的内容。通过这种主次分明的布局，能够引导观众的注意力，使他们快速抓住重点，同时又能在需要时获取更详细的信息。一、页面布局的原则简洁清晰原则避免过度复杂和混乱的布局，保持整体的简洁性和清晰度。图表和数据的排列应该有规律。每个元素之间要有空间间隔，避免视觉上的拥挤和混淆。使用简洁明了的图表类型和标签，减少不必要的装饰和特效。确保数据标签和单位清晰可见，让观众能够轻松理解数据所表达的含义，而不会被复杂的布局分散注意力。一、页面布局的原则平衡对称原则在大屏布局中，追求视觉上的平衡和对称可以增强整体的美感和稳定性。可以将重要程度相当的信息分别放置在屏幕的左右两侧或上下两端，使画面呈现出均衡的效果。这样的布局不仅能够使大屏看起来更加美观，还能帮助观众更有效地对比和分析相关数据。一、页面布局的原则流程引导原则在根据数据的逻辑关系和展示的目的，合理安排布局，引导观众的视线按照特定的流程进行移动。可以通过使用箭头、线条或者颜色的渐变等方式，将不同的数据元素连接起来，形成一个有顺序的视觉路径。这样的布局能够帮助观众更好地理解数据之间的关系和整体的故事性。二、页面布局常见分类中心聚焦布局这种布局将最重要的数据或核心内容放置在屏幕的中心位置，形成视觉焦点。周围环绕着次要的信息和辅助元素。中心区域通常采用较大、更醒目的图表和数据展示，如一个占据较大面积的动态柱状图来展示主要业务的关键指标。而周边的信息可能是相关的细节数据、解释说明文字或者较小的辅助图表。这种布局能够迅速吸引观众的注意力到核心信息上，然后再引导他们关注周边的补充内容，有助于突出重点和建立层次结构。二、页面布局常见分类分屏布局分屏布局将大屏划分为多个独立的区域，每个区域展示不同主题或类型的数据。每个分屏区域都有相对独立的内容和重点，可以根据数据的性质和重要性进行灵活分配。分屏布局使得不同类型的数据能够清晰区分，避免了信息的混乱和重叠，观众可以根据自己的关注重点快速定位到相应的区域进行查看和分析。二、页面布局常见分类分层布局分层布局按照数据的重要性和优先级，将内容分层展