百度商桥

在线咨询

400-660-9989

uipower@uipower.com

UIPower大屏界面的前端开发

发布时间:2020-01-11 13:26:18

大屏作为一种近年来愈加流行的显示媒介,凭借其高分辨率、超大交互界面等显示特性,可满足海量信息的表达需求,为大数据的可视化表达提供了新窗口。大屏凭借其特有的优势已经成为各领域新型工作模式下的主要工具。

同时随着地理信息系统在市场行业中的深入,应用类大屏成为面向多用户群体展示空间信息的新方式。所以大屏界面需要有更具适应性的设计方法来实现大屏媒介下的视觉传输,但目前鲜有针对大屏显示环境下图形界面设计策略的规范性整理与设计优化研究。

UIPower自2004年成立以来一直专注于软件界面和大屏界面的设计与开发。同时本着以“天下没有难做的界面”为使命,UIPower积累了兵工、国防、航空、航天、电力、物流等各大领域大屏界面设计与开发经验。

本次我们只围绕UIPower前端开发技术做分享,为什么要围绕前端来做分享呢?

首先由于最近几年各大框架的发展大有前端框架引领新时代的势头,前端要做的不再是填坑,而是模式创新。在实际开发中前端框架的使用不仅可以节约开发时间,也可以提高代码的重用性,让开发更有效率的同时也提高了代码的设计感。

UIPower案列-深圳大屏项目

在很多时候大屏界面的设计是个性化的,而前端最有优势的地方就是可以快速的定位和理顺一些需求逻辑和实现思路。之所以这么说是因为前端对于个性化的需求,在通过框架和库都无法实现的情况下,可以先通过使用HTML和CSS3对需求部分进行拼接,再结合脚本语言将要实现的部分封装成特定的控件,再通过对控件接口的调用实现该处的样式变化和数据交互操作。控件不仅可以实现功能和样式,还可以丰富控件的接口进行控件的复用,这样一来对于大屏界面中相似和相近样式功能的实现就只需要简短的几行代码即可。

UIPower经过多年的研究与积累,已经拥有自己研发的界面开发工具PowerUI和丰富的控件,这里就不一一介绍,可以参考PowerUI产品中心

UIPower案列-3Dscene

大屏界面不仅在设计上是个性的,空间信息表达也是多样的。这一点不单单表现在内容上,更多的在用户对界面色彩和对场景模式的体验。因此很多大屏界面在设计的时候考虑到用户的需求和感受,融进去很多类似于电影特效的表达方式。这样一来给用户的空间感和体验感是加强了,同时也添加了不少的开发难度。

针对空间感这一点,前端CSS3早就已经打下了基础。对于简单的3D空间,使用CSS3就能实现。如果要实现更复杂的效果,我们也可以通过一些跨浏览器的脚本再结合函数库或API创建虚拟场景来实现,但也有较多不理想的地方。UIPower推出的3D可视化开发工具PUI3DCreator,帮助用户实现更多传统开发达不到的炫酷效果,以满足用户在视觉及认知上的双重需求。

凡事无绝对,大屏界面的开发没有哪种语言可以完全垄断。从目前来看,前端也仅仅是大屏开发的一种方式。我们需要做的就是适当的场景,使用适当的方法,完美的呈现需求。

UIPower之所以能在众多大屏可视化供应商中脱颖而出,除了丰富的项目经验之外,还有我们对大屏展示需求的创意策划、大屏界面设计,以及技术开发实现。这些我们都有完整详尽的解决方案以及成功案例可以借鉴:大屏界面设计案例

在此UIPower欢迎大家前来咨询。