一、背景
很多人问我,如何让自己做的界面富有三维立体效果,或者能设备旋转/运动,或者能让管路介质流动起来? 随着科技的进步,大家越来越不满足于现在的平面化的布局和设计,利用有限的图形控件和线条和文字来,或者网上下载一个贴图来实现了,而是向着更有科技感,更有立体感的效果迸发。 而要实现这些要求,也不难。
我是2015年有幸步入工控领域的,经过6年的摸索和学习,也稍微掌握了国内的一些工控软件的动向。这里就根据国内的情况,解答一下这个问题。 我做过的一些案例,以前的帖子上发过,以前主要是跟大家分享案例效果。现在跟大家分享要实现这种效果的几种可选方案。
二、历史帖子
三、方案介绍
这里的方案介绍,仅仅做经验沟通,不是在宣传哪家的产品或者技术,我相信欧美的技术很牛,更相信国产的品牌可以替代这些进口的软件。什么产品适合你,或者你能hold住什么产品,都要看个人能力。
1.方案1--永恒经典的组态王/力控/wincc/ifix等
组态王/力控/wincc/ifix这些是非常经典的软件,他们的特点是网上教程多,用户多。从本文标题的角度来出发分析,这些软件都是一样的,有区别的地方是有的支持png图有的不支持png图。 如果你在使用这类软件,你想做出好看的3d效果画面。步骤很简单。
一个画面分三块东西。
1)背景框架
请看例图,除去图中大面积蓝色模糊的内容,剩下的内容就是它的背景图。这个背景底图决定了这个界面的第一感觉,也决定了用户是否会看第二眼。这块工作,可以百度寻找合适的图片也可以找专业的平设计美工来完成。
2) 图案元素。
比如按钮图片、数据底图元素 这些图案,最好是单个的图片,而且png格式最好,因为要实现放入到任何一个场景中都能融入到里面。既然要能支持png图,所以选好一个能支持png图的组态软件很重要。 导入这些图案之后,你可以在图片的上方放置文字和数据,只要你觉得好看,什么都可以。这种做法,能将画面的所有数据进行划分,哪些是A设备的,哪些是B设备的,一清二楚。
3)主产品效果图
这是一个比较核心的内容,也就是界面中居中的这块区域。既然底图和图案元素都上了档次,中间这块区域是主角,自然不能太差。如果是网上找几个图贴一下,用线条连一下,就有点不伦不类了。 以上图为例,虽然只有2个空压机和罐子,但将物体进行建模之后,就立马有了立体感。这样的图片放在中间,才称得上大气、漂亮。 以上的方法均为使用经典的组态软件,导入绘制好的图片,即可实现3d立体效果。
使用经典的组态软件,如何来设计好看的界面和漂亮的按钮。我也做过这块教程。有兴趣请请看。
2.方案2--买不起的软件-- iconics的genesis64
本来要贴个视频上来,结果不支持来自B站和好看视频的链接。访问这个链接查看:我要看视频
这个软件,听过它的人也不少,但是真正用过的估计不多。且看上面一个案例 。
iconics在国内的应用大部分都是向燃油、能源、矿山、海洋等行业,小众的行业比如污水、自来水、自动化生产都比较少。加上这个软件的费用不是普通百姓能承受的,所以普及率不高。
只要你喜欢,你愿意,你想要。用它,绝对能项目的报价翻一倍。哈哈哈哈。反正甲方乙方双方受益,何乐不为。
说下这个软件的特点:
1)不支持三维模型设计,但支持模型导入
2)支持二次开发,可代码设计,模型需要贴图
3)软件安装包很大,电脑没有I7,别想装了能跑得动,一般都是上服务器级别的电脑。如果你感兴趣,想买电脑入手学习,把钱都花在CPU和内存上就可以,显卡搞个五六百的就够了。
3.方案3--受众小但潜力大的北京易控
北京易控的产品INSPECT,我有幸在一个矿山的项目中了解到。这个软件竟然支持三维模型导入。
分享一个矿山球磨机的案例。可以从附件中下载。
这个软件和genesis64有些类似,相同点是不支持设计模型,但是可以导入模型。但相比于genesis64,功能是要逊色多了。操作方面,如果习惯了三维建模的软件,使用这种软件会很难适应。总之觉得他们的设计不能跟上主流,显得很另类。
说了它的不好,也要说了这个软件的优势。它绝对是国内第一家能支持三维模型导入的工控组态软件,这个评价绝对不过分。所以我相信它未来可以做到更好,甚至能超越老美的genesi64。
4.方案4--被迫成为合格码农的厦门图扑
我没有用过图扑,但是看过图扑的案例。以前官网很多免费的案例可以看的。后来都不让直接看了,需要登记信息,等他们的销售员联系你,将链接提供给你,才看得到。对于这点,我一直耿耿于怀,一个这么大的东西,就这点肚量?
图扑是一个轻量化的web平台,所以对你的电脑要求不高,他的项目需要部署在服务器上,然后你用网页的方式去访问,实现设计和查阅。他本身不支持与PLC等硬件的通讯,是需要直接和数据库进行交互数据的。他本身也不支持设计模型,需要导入模型使用。而且他的功能都是要靠代码完成的。因此需要对系统的学习他们的平台,才能胜任开发工作。
图扑的链接就不贴了,感兴趣可百度搜寻。
5.方案5--榨干自己的 unity3d/ThingJS开发
这个方案就绝对是牛逼了,在它面前上面的方案都是小朋友过家家。你可以称他为屠龙宝刀,但你不一定是张三丰。你需要组建一个软件研发团队,而且你还需要有一笔雄厚的资金。这块方案我很早以前见过有公司开发过,但图片已经找不到了。在这个领域驻扎的人都很少,所以不常见。如果你遇上了一个有钱的甲爸爸,是可以试试。kingview3D
希望了解更多的,可以百度找找。
四、总结
如果你没钱,又想做好看的画面,就用方案1,经典永流传。
如果你有钱任性,就上方案2,研发难度也不算很大。
如果你超超超级有钱又有大把的时间,就用方案5。
以上均为本人经验所谈,如果能帮助到你选型或者设计出丰富绚丽的人机界面,将是我莫大的荣幸。
楼主最近还看过