1. 概述
仪表板作为数据可视化的核心呈现载体，其制作质量直接影响数据信息的传递效率与用户体验。
一份优质的仪表板需兼顾科学布局、清晰设计、规范组件配置及高效美化技巧，既满足数据展示的逻辑性，又能让使用者快速抓取关键信息。
本指南结合专业实践经验，从布局设计、组件配置、实用技巧三大核心维度，详细拆解仪表板制作的全流程要点，助力用户打造规范、美观、易用的数据仪表板。
2. 布局设计：构建清晰的视觉框架
2.1 布局原则和技巧
布局是仪表板的基础，良好的布局能让数据呈现更具逻辑性，降低用户理解成本。核心需遵循 「整齐规范、主次分明、贴合视觉习惯」三大原则。
布局原则详情参见：页面布局
在使用本产品制作仪表板时，可以提前划分布局区域：制作前先根据数据模块数量，将仪表板页面划分为若干固定区域（如 2×2、3×3 网格），每个组件对应一个区域。
2.2 布局模式
本产品有两种布局模式：
自由模式：自由模式允许自由拖拽、调整组件大小和位置，组件之间允许重叠。适合需要精确控制和自定义布局的场景。
非自由模式：组件之间有间隙，始终吸顶放置，组件之间不能重叠放置。
若没有精确控制的需求，则默认使用非自由模式即可，可以实现更简单快速的仪表板排版制作。
3. 组件配置：规范设置标准
组件是数据呈现的核心元素，配置不当易导致布局混乱，需重点关注尺寸适配问题。
例如指标卡尺寸需根据数据精准设置，避免自适应导致的布局混乱。
单指标卡：当仪表板中单个指标卡独立展示时（如核心 KPI 单独呈现），可使用自适应尺寸，使其根据页面大小自动调整，提升展示灵活性。
多个指标卡：当仪表板存在 2 个及以上指标卡时，推荐使用「大小」设置「自定义」，设置固定的大小尺寸。
提示: 如果使用了自由模式，想要保持组件重叠后仪表板展示效果不随着适应变化，可以通过「组合」功能将需要重叠的组件拼接起来。
4. 实用技巧：批量调整组件，提升制作效率
掌握批量操作技巧，可快速实现组件大小统一、间距一致，大幅提升制作效率。
4.1 批量调整组件大小
当需要多个组件保持相同尺寸时，可通过以下步骤操作：
1）选中目标组件：按住 shift 键，点击需要统一尺寸的多个组件。
2）启用批量尺寸设置：在仪表板中找到「大小」配置选项，输入目标宽高数值。
4.2 批量设置组件间距相同
开启 自由模式 后的调整间距方案：
1）选中需调整间距的组件：按住 shift 键，点击需要统一间距的多个组件。
2）使用「间距」功能：找到 「间距」，选择「水平等距」，系统将自动调整组件之间的间距，使其保持一致。
5. 仪表板美化：提升视觉体验
在完成布局和组件配置后，通过美化处理可进一步提升仪表板的专业性和可读性。
5.1 文字规范
字体大小适中：避免过小或过细导致阅读困难。
颜色对比鲜明：文字颜色与背景色需保持足够对比度（如深色背景配白色文字，浅色背景配深灰色文字），避免使用黄白、蓝黑、红蓝等撞色组合，减少视觉刺激。
5.2 配色原则
单色系配色优先：使用同一色彩的不同深浅、明暗变化制作图表，按数据大小排序，通过颜色深浅直观反映数据差异，简洁且专业。
避免高亮度颜色滥用：减少纯红、亮黄等高饱和度颜色的使用，可选择低饱和度的冷色系或暖色系，提升视觉舒适度。
详情参见：如何选择配色方案，浅色还是深色？
5.3 图标使用
适量添加图标作为提示（如用趋势箭头表示数据增减），但需避免图标过多分散用户注意力，图标风格需与仪表板整体风格统一。
上一篇：仪表板2.0样式
