看板/仪表盘/Dashboard是数据分析结果的呈现。用于向读者传达有效的数据信息和业务见解，让数据更清晰直观的展示业务面貌，帮助读者发现关键指标，提升决策速度。
由于看板本身承载的价值，搭建一个清晰可用的数据看板显得至关重要。一个设计糟糕，信息冗余的数据看板不仅无法传达有用的信息，还可能使数据比原本更难以理解。
本文分为上、下两篇，点击立即回顾上篇，下篇将从“设计与排版”角度，手把手教你如何搭建一个“好看”的数据看板。
文 | Zhanglu、Lily
来自字节跳动数据平台BI数据应用团队
设计与排版篇
同样的看板，为什么别人做的比我酷炫吸睛；同样的数据，为什么别人看起来逼格够高？类似这样的问题同学你是否也曾思考过？
在设计领域，有一个认知负荷 的概念，它代表作品内有效信息传递给读者所需要的成本。一个优秀的可视化作品，能够快速在剔除冗余的图表信息，在短时将足量信息通过视觉通道输送至读者大脑，完成数据传递。
本章节将重点介绍设计、排版以及图示配色等常见数据分析优化思路。
基础设计原则
对比（Contract）：
通过对比突出差异。
常见的对比形状对比、大小对比、颜色对比。
重复（Repeatation）
通过重复实现看板内组件的统一， 增强视觉效果。
常见的重复有页面内图标的重复、页面内图表的重复、页面间结构的重复。
对齐（Alignment）：
通过对齐，使元素间统一、有联系且彼此关系更明晰。
常见的对齐方式有居左对齐、居中对齐、居右对齐。通常不建议避免在同一页面上混合使用多种对齐方式。
亲密（Proximity）：
通过将图表组件分组，将相近元素靠近摆放，将不同元素远离摆放，在视觉上引导用户元素间的亲密差异。
利用亲密性原则，通过将统一层级元素简单地分在一组，通过颜色、背景、配置等实现分离，视觉上就会自动分组。
常见排版设计
排版作为平面设计中的一种具体的手段，其本质是对于画面中元素的关系的处理。
画面中的元素包括构图，颜色，字体等等。
关系，则指的是它们之间的距离，大小面积，色彩搭配等等。
成功的排版设计，能够充分调用设计原则，平衡元素和元素间的关系，降低读者的认知负荷，提升作品的可读性。在数据分析看板中常见的排版布局有以下两种。
容器排版法
将内容相关的元素整合在一起，在元素底部添加“容器”，并调整格式。
容器排版法首先需要明确元素之间的相关性，然后按照“亲近疏离”的原则，将相关的元素放到一起，不相关的元素互相远离。通过切割分离排版，让页面变得更加直观、清晰。页面编排板块化，结构清晰，会显得整个排版灵活优雅。
📚 📚 📚 在仪表盘编辑中，使用文本组件并将背景颜色的透明度调低，就可以实现上图的蒙版效果哦。
分屏排版法
使用色块将背景划分为N个子屏，每一屏都是一个容器，都可以用来承载一种信息。
分屏布局有两个作用：
1.从形式上实现信息的模块化表达，减轻观众认知负荷。
2.大幅提升画面的图版率，增强画面的视觉效果。
分屏排版通常可以结合容器排版一起实现，通过背景色块实现分屏效果。另外，用户也可以通过分割线，颜色对比、以及tab页/sheet页等产品功能达成分屏。
图标与颜色
仪表盘好不好看，高不高端，分晓通常就在这里！
精美的图示让仪表盘更加精致，出彩的配色更是让仪表盘立体丰富。
图标
一个仪表盘内通常包含各式图表、大量的数字及文字，庞大的信息量很容易让客户失焦。而亮色图标则是吸引客户注意力的点睛之笔。合理运用图标的运用会大大缩短用户的理解成本，提高阅读效率。
追求极致的分析师们，当然也需要一些些图标，让仪表盘于细微处见真章。试试在在模板内加上公司的logo、部门的slogan吧，打造一款独特、惊艳的看板！
色彩
图表颜色应与整体配色息息相关。当看板选择深色背景后，高饱和度的图表会更加出彩。另外，很多图表在细节上可以依靠渐变让画面更丰富，文字的阴影细节也会让整体的视觉质感更好。
一个协调合理的配色能够帮助看板更好的讲述故事。例如：分析销售额同环比变化时，你可以使用统一的红绿配色，分别代表了销售额的上涨和下跌。
配色基本知识
通用配色方案：
主色+辅色+点缀色 主色（通常占75%）
- 主色（通常占50%）
- 整幅作品的主要色彩，影响整个看板呈现的感官印象；
- 辅色（通常占20%）
- 帮助主色建立更完整的形象，使看板和谐或活泼；
- 点缀色（通常占5%）
- 牵引和提醒特定内容，突出重点。
配色步骤：
根据内容确定配色方案；根据主题确定主色、辅色及点缀色；尽量不超过四种配色。
- 主色呈现方式：
- 面积大，且纯度高；虽面积稍小，但画面中一眼可见的最突出的色彩；也可以是双主色。
- 辅助色的运用：
- 可使用主色的同类色，使画面统一和谐。也可使用主色的对比色，使画面活泼稳定。
- 点缀色的特点：
- 出现次数多；颜色跳跃；与其他颜色反差大，能够突出重点。
写在最后
好看的皮囊千篇一律，有趣的灵魂百里挑一。数据分析的看板的制作也相似，故事讲得好是核心第一要义，因此做好的看板记得收集下一线读者的反馈，不断迭代哦～
如果你想要快速学会搭建一个条理清晰好看的仪表盘，赶快来加入我们的学习课程，一起进步吧～
🎁 60分钟快速入门
智能数据洞察产品课程
- 30天免费使用 机会，立即开通
- 完成学习获取字节专属结课证书 和精美大礼包
- 体系化知识点梳理，从0入门 BI工具
- 详细教学指导 ，手把手教你完成业务销售分析报告
扫描 二维码 或点击 “阅读原文” 立即领取！
产品介绍
火山引擎智能数据洞察DataWind ：
智能数据洞察是一款支持大数据明细级别自助分析的增强型 ABI 平台。从数据接入、数据整合，到查询、分析，最终以数据门户、数字大屏、管理驾驶舱的可视化形态呈现给业务用户，让数据发挥价值。后台回复数字“5”了解产品
--推荐阅读--
****
点击 阅读原文，** 立即领取60分钟智能数据洞察课程**
