我们的团队为各种各样的企业构建了仪表板，并且在此过程中获得了一些关键见解。

如果您正在考虑创建仪表板，这里有一些建议可能会帮助您节省时间、金钱和理智。

如果你想要一个坚固的仪表盘，就要像对待飞机驾驶舱一样认真对待它的设计。在商务中——就像在飞行中一样——你需要清楚地了解你的方向和表现，以免为时已晚而无法及时纠正航向。

真正实用的仪表板始终是协作的成果。它汇聚了目标、数据、人员和逻辑。而它的最佳构建者，正是一支精通所有四要素（分析师、设计师和开发人员）的团队，他们能够理解您的业务语言。

按 Enter 键或单击即可查看完整尺寸的图像

模板和人工智能工具在某些方面确实能提供帮助，但它们无法感知你的背景，也无法洞察所有细微之处。如果使用不当，它们可能会把原本有用的工具变成有害的工具。你可能会追踪错误的事物，做出错误的判断。

因此，如果您的仪表板用于实际业务（而不仅仅是娱乐），请引入能够连接业务目标、数据和视觉语言的专家。

按 Enter 键或单击即可查看完整尺寸的图像

步骤 1. 设定精确目标

确定正确的目标和问题是成功的一半。另一半是选择能够回答这些问题的可视化效果。

首先为您自己、开发人员和设计师组织需求收集流程。使用您喜欢的任何工具（Miro、Trello、FigJam、Google Sheets、Notion、ClickUp、Google Forms）。

创建看板、卡片或列表；每个看板、卡片或列表都应包含您在交接任务前必须回答的问题。这些问题的答案将帮助您避免仪表盘的最大缺陷：杂乱的用户界面、毫无意义的指标以及未使用的数据。

仪表板应该适用于业务，而不仅仅是看起来漂亮。

按 Enter 键或单击即可查看完整尺寸的图像

第 2 步：组建一支负责任的团队

决定谁拥有仪表板、谁构建它以及谁将使用它。

不要试图制作一个“适合所有人”的仪表板。

人人适用的工具通常对任何人都没有帮助。

按 Enter 键或单击即可查看完整尺寸的图像

步骤 3. 定义用例和用户

明确业务任务，并绘制用户画像。问自己三个问题：

• 仪表板将解决哪些问题？
  （例如，跟踪收入增长、聚焦渠道瓶颈、监控客户流失）
• 谁根据这些数据做决策？
  创始人、营销人员还是产品经理？
• 每个人每天需要看到什么？
  想想一个“晨间仪式”——他们必须在30秒内掌握什么？

这不仅仅与角色有关；习惯和便利也很重要。

按 Enter 键或单击即可查看完整尺寸的图像

步骤 4. 确定关键指标

选择3-5 个真正能推动业务发展的指标。按从顶层到底层的顺序排列它们。糟糕的仪表盘会显示所有内容，造成掌控全局的错觉。

指标越少但越有意义。

例子：

• SaaS：活跃用户、CAC、LTV、流失率；
• 营销：点击到引导转化率、客户获取成本、ROMI；
• 财务：营业利润、平均订单价值、预测现金流。

按 Enter 键或单击即可查看完整尺寸的图像

步骤 5. 准备数据

没有好的数据，就没有好的仪表盘。问：

• 数据存储在哪里？
• 它的完整性和时效性如何？
• 它将如何刷新？
• 数据质量归谁所有？

无需手动输入。自动化让仪表板保持活跃。

按 Enter 键或单击即可查看完整尺寸的图像

步骤 6. 绘制粗略布局

任何东西都可以——从餐巾纸上的草图到 Figma 的线框图。仔细思考：

• 哪些块属于“顶部”？
• 视觉焦点在哪里？
• 什么应该首先跳出来？

丑陋也没关系——重点是测试结构和想法。

按 Enter 键或单击即可查看完整尺寸的图像

步骤 7. 获取用户反馈

把原型展示给真实用户。不要问：“它漂亮吗？” 而是问：

• 是不是一眼就看明白了？
• 它是否有足够的信息来做出决策？
• 感觉缺少了什么或者多了什么？

在草稿期间听到“我不明白”比在发布后听到要好。

按 Enter 键或单击即可查看完整尺寸的图像

步骤 8：为设计师撰写一份详尽的简介

设计师不会读心术。如果你不说重点，他们就会替你做决定。包括：

• 哪些指标适用于何处以及如何适用？
• 阻止优先级（最重要的）；
• 移动与大屏幕行为；
• 颜色强调、警报、数字格式。

按 Enter 键或单击即可查看完整尺寸的图像

第 9 步：找到合适的建筑商

我们很想说“雇佣我们”，但这是你的事业和愿景。在 Dribbble、Behance 甚至 LinkedIn 上查看作品集——人才无处不在。

评判前景：

• 商业理解

漂亮的图表并不比了解它们存在的原因更重要。

• 界面体验

仪表板不是登录页面；可用性是第一位的。

• 清晰的沟通

如果他们的流程现在听起来很模糊，那么以后就不会变得清晰。

• 简化能力

真正的技巧是让复杂变得简单。

• 克制感

作品集可以帮助您评估设计师的风格、潮流感、是否适合您的业务类型以及整体技能和独创性。

最重要的是，选择一支能够深入实现你的目标的团队。

这就是真正的“哇”的由来。

按 Enter 键或单击即可查看完整尺寸的图像

第十步：启动。观察。改进。

仪表盘是一个动态系统，而非一次性的落地页。发布后，请关注：

• 人们多久打开一次它？
• 会议中是否体现了指标；
• 什么让用户犯了错误，或者他们接下来会请求什么。

没有哪个仪表板是第一天就完美的。不断迭代——改进终将带来回报。

结论

优秀的仪表盘不仅仅是一堆图表。它能够塑造团队的思维。它能够引导注意力、培养习惯、加快决策速度，并节省时间，而不是浪费时间。

当出现以下情况时，您的仪表板将变得无价：

• 其目的非常明确；
• 每个角色都有自己的衡量标准；
• 噪音最小，意义最大；
• 您可以快速深入研究；
• 该团队确实使用了它。

如果这就是您想要的仪表板类型，我们希望这可以帮助您入门。

按 Enter 键或单击即可查看完整尺寸的图像

另外，以下是创建业务仪表板时可能有用的AI 工具列表：

1. 聚合物搜索
2. Zoho Analytics
3. Tableau
4. 多莫
5. Sisense
6. 思想点
7. Looker工作室
8. Klipfolio

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

智能家居已经从单品智能走向全屋联动，而 UI 设计正处于“功能越来越多、用户时间越来越少”的挑战中。
如何让复杂系统在家中变得自然好用？本文从落地方法论出发，结合实际案例，拆解智能家居 UI 设计的核心要点。

一、智能家居 UI 设计的落地方法论

智能家居 UI 并不是在屏幕上堆功能，而是一个跨硬件、跨场景、跨人群的系统设计工程。这里有一个可落地的三层方法论：

1. 信息架构层（IA）

• 设备分组：按照空间（客厅、卧室）、功能（照明、安防）、场景（回家、观影）分类。

• 优先级排序：高频控制放在第一屏，低频控制收进次级菜单。

• 多入口设计：同一功能允许从不同入口触发（面板、App、小程序、语音）。

落地要点：在信息架构阶段就考虑老人、小孩、访客的使用差异，避免后期 UI 大改。

2. 交互模式层（IX）

• 场景化卡片：用卡片将多设备操作组合为“一键执行”。

• 多模态触发：UI 设计兼容触屏、语音、传感器自动触发等多种方式。

• 实时反馈：用户需要在 0.3 秒内看到操作结果，否则会怀疑系统无响应。

落地要点：在交互模式设计时就和前端、硬件工程师沟通，确保状态同步延迟可控。

3. 视觉语言层（VL）

• 状态可读性：颜色、图标、文字三重区分设备状态。

• 适配环境光：在强光与暗光模式下，都保持足够对比度。

• 品牌一致性：全屋不同设备的 UI 元素（按钮、开关、滑杆）保持统一视觉规范。

落地要点：设计规范提前固化成 UI Kit，减少跨团队沟通成本。

二、智能家居 UI 的设计原则（5 条）

1. 少即是多
   在智能家居中，用户关注的是结果，而不是过程。UI 应该优先显示关键状态，而非所有数据。

2. 预判而非响应
   通过 AI 学习用户习惯，让系统提前提供选项（比如傍晚自动弹出“开灯+拉窗帘”场景卡片）。

3. 跨端一致性
   手机 App、墙面触控、平板控制中心要保持一致的视觉与交互逻辑。

4. 留出人工控制权
   再智能的系统也要让用户可以一键接管，防止“自作主张”带来反感。

5. 情绪化体验
   在 UI 动效、配色、微交互中加入温度，让科技更有人情味。

三、案例拆解

案例 1：Google Nest Hub Max

• 亮点：

  • 大面积卡片布局，场景卡片与单设备卡片并存。

  • 动画过渡自然，减少“操作跳跃感”。

• 可借鉴点：

  • 使用图标+标签双保险提高识别率。

  • 场景卡片采用温暖色调，提升亲和度。

案例 2：Aqara Home App（国内）

• 亮点：

  • 按空间分组的首页结构，减少用户寻找时间。

  • 支持“自动化”卡片，满足高阶用户需求。

• 可借鉴点：

  • 提供“快速操作栏”，减少点击层级。

  • 高对比度的状态色（开=亮色，关=灰色）适合老人使用。

案例 3：三星 SmartThings

• 亮点：

  • 跨品牌设备接入能力强，UI 对多种设备类型有统一样式。

  • 分屏模式支持同时查看多个设备状态。

• 可借鉴点：

  • 用统一的“设备卡片模板”降低学习成本。

  • 为第三方设备预留定制化 UI 区域。

四、设计落地建议

1. 前期用 Figma/Pixso 建立 UI 组件库，统一按钮、开关、滑杆等基础组件样式。

2. 与硬件/前端团队共创交互原型，在低保真阶段就验证操作路径与响应速度。

3. 分阶段上线：先覆盖高频设备与场景，再逐步扩展到低频功能，避免一次性开发周期过长。

4. 收集使用数据：上线后通过埋点分析用户点击路径，优化 IA 和场景卡片顺序。

结语

智能家居 UI 设计的挑战不只是视觉，而是让不同设备、不同人群、不同场景融为一个顺畅的体验。
一个优秀的 UI，不是让用户觉得“科技很厉害”，而是让他们感觉——

生活变得更轻松，而这份轻松几乎是无感的。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

项目背景:

为进一步加强沿江沿海岸堤安全防范和综合治理工作，根据市委市政府部署牵头打造江海堤防综合治理智慧工程。按照坚持“立足预防、综合施策”总原则，运用互联网、大数据、云计算、人工智能等技术手段，围绕沿江沿海生态保护、禁渔禁采、船舶管理、防汛防台、打击走私、旅游安全管理、滩涂管理、日常风险防控等重点工作，切实提升综合治理水平与应急处置能力。

堤防综合治理的实际需求，包括防洪、排涝、水资源管理等方面的需求，设计时主要考虑实时数据、监测信息应准确、及时地展示在界面上，方便用户了解堤防状况。利用图表、地图等可视化手段，将复杂的数据和信息以直观的方式呈现给用户。注意信息的层级和优先级，确保重要信息能够突出显示，预警信息要突出显示以便操作人员快速解决。

项目概述

产品定位

建设“全域覆盖”技防体系，建立专职巡防队伍，推行网格化服务管理模式， 努力打造“一键联动、一图展示、一屏指挥”现代化江海堤防综合治理模式，实现沿江沿海“全天候、全时段、全过程”巡防监控，及时发现、处置各类违法违规行为和风险隐患，构建职责清晰、分级负责、上下贯通、部门联动、运行高效的江海堤防综合治理体系。

目标用户

工程管理人员：负责监督和管理整个堤防治理工程，需要实时监控各项指标和数据；

政府监管部门：相关环保、水利或城建等部门的监管人员，需要监控工程进度和效果，确保符合标准；

紧急应急人员：负责处理突发事件和紧急情况的人员，需要快速获取现场信息做出相应反应；

研究人员：从事相关领域研究的学者或科研人员，可能需要获取实时数据进行分析和研究。

设计风格

蓝色科技感设计风格以蓝色为主导色调，突出冷静、专业和现代感。运用深浅不同的蓝色调配合白色字体，呈现出科技感强烈的视觉效果。高对比度的设计风格使关键信息更突出，GIS动态效果和互动元素增加用户体验。蓝色科技感设计常见于科技产品、数字平台，传达着稳健、创新与可靠性的形象，吸引注重技术与现代感的受众，展现出科技与未来的融合之美。

设计亮点

 

 

 

数据信息整合，增加关键数据，助力用户风险管理

左侧信息之前有“风格不统一、图表样式不美观、环形图颜色搭配不协调、有些文字在深色界面上显示不清晰”等痛点。

 

在设计过程中增加了「气象要素」模块，因为提防发生灾害多半可以和天气相挂钩的，增加气象要素可以很好的预测未来的天气现象，在有极端天气的时候可以提前做预防工作，最大程度减少损失。同时将巡更、巡检和视频的统计整合在一起轮播显示，可以增加显示数据的区域。

清晰化数据展示提高可读性

右侧主要是原型主要是平台视频的统计，主要有显示数据比较单一，模块排版不清晰，数据展示不清晰等痛点。

 

调整后增加了「物资情况」「巡查打卡明细」「人员职责表」等模块，在减少操作的技术上展示更多的信息量。最上边的视频区域分成「视频监控」「PPT展示」和「无人机」展示三个部分。整个右侧模块排版清晰，便于用户查找信息，从而提高工作效率。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

Shipp-Logistics 交付管理应用 / UI/UX 设计

Shipp-Logistics 是一款面向中小型物流公司的交付管理应用，旨在提升配送效率、简化任务分配流程，并为司机提供清晰、可操作的任务指引。

本项目从用户研究出发，围绕“调度员-司机”双端交互流程，设计了完整的任务创建、路线规划、实时追踪与状态回报机制。UI风格采用模块化信息呈现+中性色调，兼顾操作高频与环境复杂下的可读性与点击效率。

关键设计亮点包括：

• 多状态任务卡片，支持动态状态变更与实时反馈；

• 简化版地图追踪视图，适配驾驶场景下的快速浏览需求；

• 高对比度操作按钮与一致性的底部导航，强化操作路径记忆；

• 针对司机端的语音播报与一键导航设计，降低认知负担。

• 

  兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

Platformcraft 是一款来自俄罗斯的商业级云存储产品，致力于为企业提供稳定、安全且高效的文件管理与协作服务。其品牌视觉以字母“P”与云的图形结合为核心，简洁而富有科技感，象征着平台（Platform）与云端（Cloud）之间的高度融合。

从设计语言来看，Platformcraft 的标志设计强调结构感与数字秩序：

• 标识构建基于几何网格，提升在不同尺寸与场景下的可识别性；

• 色彩采用深蓝与渐变紫，传达出专业性与技术前沿感；

• 在图标使用上，适配度极高，无论是在 Dock 栏、移动端应用或印刷场景中都保持极佳的清晰度与一致性。

这套视觉系统不仅提升了品牌辨识度，也为其云服务产品赋予了可信赖的第一印象，是典型的“技术驱动 + 品牌精致化”结合的典范设计。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan。

今天看到这么一个问题：

我想说，这真是一个好问题！可能会有如下答案：

●Excel的数据透视表操作麻烦，用BI拖拽一下就能有结果
●整合多源数据，很多型其他数据可以一起分析了
●视觉化快速、美观，尤其是联动的功能

作为一个从事资料行业多年的人，我觉得最后一个是比较有意义的：视觉化。

可能很多人都不懂什么叫联动，看这个：

将显示缩放图像

很好理解，就是让数据动起来，Excel和PPT必备这样，需要长久，而且效果要差显着。

说到BI，可能很多人不了解，那报表总该接触过吧，两者的视觉化都是类似的，这也是比较重的。

想要快速、简单，不用方案码，就能实现可视化吗？

首先不说会用工具，我觉得模板才是最重要的，工具学起来可能会很长久，但是模板直接，可以用，而且重要的是：财务营销、销售营销等。

FineReport做化有一套方法，而且里面的生活化模板很不错：

将显示缩放图像

将显示缩放图像

将显示缩放图像

将显示缩放图像

什么？没看到瘾？直接看大屏！

将显示缩放图像

将显示缩放图像

觉得难，你也能做出来。点击FineReport免费试用，还有更多演示供你选择，总有一款适合你，别点击大屏演示等你来体验。

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan

先来看几张高校迎新大屏：

西北工业大学

将显示缩放图像

浙江农林大学

将显示缩放图像

资料有限，大概做到了这样一个迎新大屏：

将显示缩放图像

接下来是制作步骤

教程只是视觉讲化demo的制作过程唷，硬体部分不涉及啦

1、确定主题及展示指标

在设计可视化驾驶舱或大屏的时候，我们第一步要先确定我们大屏/驾驶舱的主题，然后列出我们想要在这张大屏上想要展示的数据指标和分析维度

主题：学校迎新大屏，通过对学校招生资料以及教职人员资料分析，向新生展示学校招生情况及学校师资力量、办学能力

主要分析维度如下：

各省份新生招生人数分析
历年各省招生情况分析
迎新资师队伍各
师资力量分析
办学规模分析
历年本科升学率趋势分析
学校初步支出结构分析
在校学生学历结构分析

2、根据资料关系选择合适的图表

关于图表的选择，看我前面两天写的图表应用指南：不知道用什么图表展示数据？看下面这份图表选择指南就够了，根据数据之间的关系选择合适的图表，可以参照这张经典的图表：

将显示缩放图像

将显示缩放图像

3、驾驶舱排版设计

根据确定好的分析指标进行排版，排版要注意主次分明，让读者瞬间看到重点资讯，提高资讯传递的效率，把核心练习指标放在中间位置、占更大面积，一般都会将动态效果丰富的地图放在主要位置，抓住读者眼球，次要指标萤幕放在几十个屏幕上。还有一些辅助分析的内容，可以通过图表联动、钻取体现。

可以参考如下几种布局方式：

将显示缩放图像

我的布局：

将显示缩放图像

4、城市化模板制作

模板的制作，我用的是FineReport，做视觉化大屏非常专业，基本上不用写什么程序码就可以开发视觉化大屏，多一个低程序码的报表开发平台吧。刚感兴趣的话可以下载一个和我一起试试看

软体激活码迭代这里，话不多说，上教程：

打开finereport，创建一张决策报表：

将显示缩放图像

新建数据集，然后用sql查询语句从数据库中提取数据，可以新增省份数据库数据，也可以直接上传档案数据集，定义地区引数，关联历年各省招生数据和各分招生数据（实现数据联动），其他的取数据报表我不用一一发货来，大家可以自己根据需求写

将显示缩放图像

决策报表采用的是易用式布局，可以拖拽便捷布局，根据之前设计的布局排版将所有图表元件按照布局设计顺序拖放到对应位置：

将显示缩放图像

这里面我用到了两个图表外挂，滚动字幕和数字时钟外挂，大家可以在一些外挂商城免费下载，点选服务器>外挂管理就可以找到这些外挂啦，当然你还可以找到其他你心仪的外挂。

将显示缩放图像

字幕滚动效果和数据时钟效果：（我录的不是很清楚抱歉><）

然后分别给图表元素类型设置其他、数据、样式、效果，以中间的地图设置为例：

将显示缩放图像

其他图表元件的数据和效果设定我这里就不赘述了

到这一步，基本上驾驶舱的雏形就做完了，我们可以对背景图、最后的细节进行美化，背景可以选择颜色或者是图片，做的匆忙我不想找背景图，直接用的颜色，点选机身>样式进行设置

将显示缩放图像

为了更好的视觉效果我们还可以给图表新增主题，增加大屏科技感，比如我们的大屏主题：

点选标题背景块>属性>样式，上传图片设置：

将显示缩放图像

最后储存模板，点选预览，效果如下（嘻嘻还是用的上面那张图）：

看着？是不是还挺酷炫的！其实这样的大屏制作起来并不难，赶紧学习起来引爆你的SNS吧XDDD

兰亭妙微(www.lanlanwork.com )是一家专注而深入的界面设计公司，为期望卓越的国内外企业提供卓越的大数据可视化界面设计、B端界面设计、桌面端界面设计、APP界面设计、图标定制、用户体验设计、交互设计、UI咨询、高端网站设计、平面设计，以及相关的软件开发服务，咨询电话：01063334945。我们建立了一个微信群，每天分享国内外优秀的设计，有兴趣请加入一起学习成长，咨询及进群请加蓝小助微信ben_lanlan