布局设计主要根据梳理好的业务指标进行 ， 核心业务指标安排在中间位置较大区域 ， 其余的指标按优先级依次在核心指标周围展开 。 一般把有关联关系的指标在同一区域展现 ， 这样更有助于观看者的理解 。

文章图片

5. UI设计
在UI设计中 ， UI整体风格一般用深色调 ， 如黑色背景 ， 蓝色或绿色的配色方案 ， 让信息更好的聚焦 ， 深色调看上去更柔和舒服不刺眼 ， 也会较省电 。
UI设计效果图完成后 ， 可先投屏到大屏上模拟真实效果 ， 保证在大屏屏幕的颜色、效果呈现符合设计要求 。
下图是百分点某大屏项目的UI设计图 。

文章图片

6. 可视化开发
开发阶段 ， 开发工程师根据产品原型图、UI效果图、详细设计文档 ， 选择合适的开发环境、开发工具、开发语言等 ， 统一每个模块、页面的命名规范 。
在可视化开发过程中通常会使用到以下图表库 。

文章图片

7. 现场调试、交付
大屏项目涉及到现场调试 ， 确保每个环节运行正常 ， 包括图站的融屏、网络、软件部署、大屏图像显示是否完整、控制端通信是否正常 ， 并根据现场出现的问题做及时调整 。
三、百分点可视化系统设计亮点 1. 智能控制
在智能展厅的建设中 ， 除了大屏 ， 还要有灯光、幕布、音响、电子沙盘等各种设备的配合才能完美体现震撼效果 。 百分点集成所有智能设备 ， 通过Pad控制端 ， 实现对其控制 ， 形成物联网模式 ， 方便用户根据不同场景进行智能控制 。
当来访观看大屏时 ， 可以通过控制端关闭展厅所有灯光 ， 让观看者聚焦大屏；当观看结束后 ， 可通过控制端快速打开展厅所有灯光 ， 实现了对展厅不同场景下的组合灯光智能控制 。

文章图片

我们将所有智能硬件的控制协议 ， 统一封装成控制层 ， 提供接口服务 ， 供上层应用调用 。

文章图片

2. 电子沙盘与大屏互动
电子沙盘是一套基于地图的大数据探索交互式设备 ， 具有便携移动、触摸操作、可折叠屏幕、智能语音等特点 。 沙盘可叠加多种维度的业务要素 ， 通过多业务要素的多层叠加最终实现帮助用户做出科学准确的决策 。 此系统可用于会议、业务部署、汇报工作、业务指挥等多种场景下 。

文章图片

百分点自主研发的电子沙盘投屏功能 ， 通过手势操作 ， 实现沙盘与大盘的联动 ， 增强与场景的交互体验 。 根据用户在电子沙盘上手指滑动的方向 ， 可计算出该内容在大屏上投屏的位置 。 以下视频完整展示了沙盘和大屏的甩屏功能 。