在AI/BI中设计美观的仪表盘

在数据驱动决策的时代，仪表盘是团队与决策者分享洞察的关键工具。一个美观且专业的仪表盘不仅能提升信任感，还能让数据更容易被理解。Databricks的AI/BI平台提供了强大的主题定制功能，帮助用户快速创建符合品牌风格的仪表盘。本文将以虚拟旅游公司Wanderbricks为例，逐步介绍设计最佳实践。

1. 基于用户需求创建布局

仪表盘的布局取决于其目的。AI/BI提供灵活的12列网格，可根据需要分为3、4或6列。密集的技术型仪表盘适合6列布局，以容纳更多小部件；而高管仪表盘则更适合3列布局，以减少认知负荷。

人的眼睛在浏览仪表盘时，会自然遵循F型或Z型扫描模式。对于视觉化为主的仪表盘，视线通常从左上方开始，沿对角线移动，最后落在右下方的详细视图上。对于文本或表格较多的仪表盘，则可能形成F型模式。无论哪种模式，关键信息都应放在视线最先落下的位置。

通过调整小部件的大小来建立视觉层次：最重要的指标和视觉元素应更大，次要元素则相应缩小。例如，Wanderbricks仪表盘的第一页可以设置为高管概览，第二页则提供更密集的技术数据。

2. 选择字体：兼顾风格与可读性

字体选择既是功能决策也是审美决策。技术型受众可能喜欢Space Grotesk等表现力强的字体，而高管仪表盘则更适合Arial等保守字体。可读性是首要考虑，建议使用无衬线字体以减少视觉疲劳。AI/BI原生支持Arial、Tahoma和Verdana等网页安全字体，并允许上传本地字体以实现内部工具的一致性。

确保字体颜色与背景有足够对比度。可使用Adobe色彩对比检查器等工具验证。浅色模式下，避免纯黑(#000000)与纯白(#FFFFFF)的搭配，建议使用#08141A与#EBEBEB；深色模式则可使用#EBEBEB与#08141A。

3. 定义UI颜色：60-30-10规则

60-30-10是色彩理论中的基本规则：60%为主色（背景、画布、小部件边框），30%为辅助色（字体、数据可视化调色板），10%为强调色（交互元素如筛选器、标签、按钮）。

背景色应接近中性，避免干扰数据可视化。浅色模式下，小部件背景可使用#FCFCFD，画布背景略深为#EBEBEB。边框颜色与背景一致可减少视觉杂乱。对于需要强调的小部件，可单独覆盖主题设置，例如将背景和边框设置为#1F354B，字体颜色设为#EBEBEB。

选择色用于高亮交互元素，应易于与文本和背景区分。可使用品牌色在Adobe Color中派生，蓝色（如#2272B4）通常是安全选择，因为它与网页链接颜色类似。

AI/BI主题支持浅色和深色模式。深色模式下，画布背景可设为#1E343F，小部件背景为#08141A，字体颜色为#E8EFF1，以确保高对比度。

4. 构建专属可视化调色板

可视化调色板应包含5-9种颜色，并考虑色盲友好性（全球约4.5%人口存在色觉障碍）。避免红绿相邻，因为这是最常见的色盲类型。

以品牌色#15AFDD为起点，在Adobe Color中使用“方形”色彩和谐派生四个额外颜色：#83DE14、#DE7914、#BE14DE、#3A7689。然后微调色相和亮度，确保相邻颜色明显区分。在色盲模拟器（如Deuteranopia、Protanopia、Tritanopia）中测试，并在AI/BI的真实仪表盘中验证。最终调色板为#15AFDD、#2375A8、#52A870、#C85070、#C89930。

结语

设计细节虽小，但积累起来影响巨大。一致的字体、有意图的调色板、以及为易读性打造的布局，这些元素共同将仪表盘转化为值得信赖的工具。借助工作区主题，一次设置即可自动应用于所有仪表盘，大幅提升效率。现在就开始在AI/BI中设计属于你的美丽仪表盘吧。