大屏ui设计系列之十二：原创能源应急控制系统大屏界面策划及ui设计

如果您想订阅本博客内容，每天自动发到您的邮箱中，请点这里

近年来各行业远程监控系统应用日益广泛，在能源行业尤其突出。无论是钢铁行业的冶炼工作；石油行业的油井油田、石油管道；还是煤炭行业的生产作业，都是在比较荒芜、偏僻、甚至恶劣的环境中进行。安全管理更需要实时掌控各生产环节作业情况的变化，以便及时采取应对措施。能源行业采用远程监控系统能起到降低成本、提高效率的目的，达到事半功倍的效果。在国家以信息化带动工业化的大政策背景下，能源行业采用信息化系统对各种生产活动进行监控已成为一种大趋势。

蓝蓝设计此次为某能源集团策划组织大屏产品设计，包括组织内容、策划设计、交互设计及视觉。

项目成果

大屏的长宽为：11520px*3240px。

1.主体为集团展示层面数据分析，数据呈现，结合集团主要VI标准及企业文化和大屏幕显示特点进行设计

2.面对人群为管理层高素质者

3.目的展示性质为主，突出企业实力、运营状况和企业品质

4.定义为科技创新国际化类风格为主进行脑补创作

此次工作的难点在于需求分析,策划和组织内容，将客户提供数据接口内容划定工作范围，结合能源公司年报、宣传册等资料，重新定义大屏上每屏展示的核心内容，通过可视化的方式美观形象的展现，并设计相关动效和交互方式。

大屏交互逻辑

动效设计

首页方案1

整体左中右布局，中间和两侧比例为2:1，利用星空为背景结合科技光以及背景流星划过效果拼凑出空间感，以亮色突出主要数据，搭配动态效果使页面突显科技感而不失稳重

中间部分突出显示企业营收数据实时变动，周围环绕气泡扩散展示企业简介和里程碑数据，三个圆点为banner图形式轮播展示更多数据内容，为后期更多数据融入预留扩展位。

周围分别为电力产业：电源占比，发电量占比、脱硝率、各年每月发电量对比折线图以及各项发电产业增幅百分比。燃气产业：供应户数和供应量数据、供气结构图、燃气主要数据增幅图、燃气供应户数年份柱状图。金融产业：金融产业发展里程碑、金融产业主要资产、投资、房产面积等数值。能服产业主要能服产业位置和企业详细数据动态展示。

首页方案2

整体左中右布局，中间和两侧比例为2:1，使用企业VI标准色黑背景，搭配企业VI标准色红搭配，形成浓郁的工业设计风格，TAB切换使用大色块配合上海城市剪影和白色图标来突出主题，自动轮播展示，减少用户操作次数

中间部分展示企业30年资产增长数据（模拟）、四大产业增长率、集团主要数据概况（以动态水流形式展示）和企业宣传视频，形成动静分明，当切换到发展历程模块中间部分则从右到做刷掉上一部分内容。

数据分析

当时客户提供的是一系列excel的表单，非常枯燥，花了很长的时候研究数据、研究有用户需求并整理出重点。

拆分维度——将需求拆分到最小维度

确定优先——选择最佳数据来说明观点。

合并维度——对维度元素进行归类，化繁为简。

最佳表现——确定用哪种表现形式来体现数据。

阅读全文>>