【经验分享】如何设计3d视觉效果的工控软件界面-专业自动化论坛-中国工控网论坛

【经验分享】如何设计3d视觉效果的工控软件界面点击：2777 | 回复：16

精华：0帖
求助：0帖
帖子：11帖 | 516回
年度积分：147
历史总积分：1638
注册：2012年10月08日

发表于：2021-09-29 20:36:05

楼主

一、背景

很多人问我，如何让自己做的界面富有三维立体效果，或者能设备旋转/运动，或者能让管路介质流动起来？随着科技的进步，大家越来越不满足于现在的平面化的布局和设计，利用有限的图形控件和线条和文字来，或者网上下载一个贴图来实现了，而是向着更有科技感，更有立体感的效果迸发。而要实现这些要求，也不难。

微信图片_20210929190208.jpg

我是2015年有幸步入工控领域的，经过6年的摸索和学习，也稍微掌握了国内的一些工控软件的动向。这里就根据国内的情况，解答一下这个问题。我做过的一些案例，以前的帖子上发过，以前主要是跟大家分享案例效果。现在跟大家分享要实现这种效果的几种可选方案。

二、历史帖子

1.谈谈这些年做过的一百个项目

2.三维组态原创设计

三、方案介绍

这里的方案介绍，仅仅做经验沟通，不是在宣传哪家的产品或者技术，我相信欧美的技术很牛，更相信国产的品牌可以替代这些进口的软件。什么产品适合你，或者你能hold住什么产品，都要看个人能力。

1.方案1--永恒经典的组态王/力控/wincc/ifix等

组态王/力控/wincc/ifix这些是非常经典的软件，他们的特点是网上教程多，用户多。从本文标题的角度来出发分析，这些软件都是一样的，有区别的地方是有的支持png图有的不支持png图。如果你在使用这类软件，你想做出好看的3d效果画面。步骤很简单。

一个画面分三块东西。

1）背景框架

请看例图，除去图中大面积蓝色模糊的内容，剩下的内容就是它的背景图。这个背景底图决定了这个界面的第一感觉，也决定了用户是否会看第二眼。这块工作，可以百度寻找合适的图片也可以找专业的平设计美工来完成。

2）图案元素。

比如按钮图片、数据底图元素这些图案，最好是单个的图片，而且png格式最好，因为要实现放入到任何一个场景中都能融入到里面。既然要能支持png图，所以选好一个能支持png图的组态软件很重要。导入这些图案之后，你可以在图片的上方放置文字和数据，只要你觉得好看，什么都可以。这种做法，能将画面的所有数据进行划分，哪些是A设备的，哪些是B设备的，一清二楚。

3）主产品效果图

微信图片_20210929190213.jpg

这是一个比较核心的内容，也就是界面中居中的这块区域。既然底图和图案元素都上了档次，中间这块区域是主角，自然不能太差。如果是网上找几个图贴一下，用线条连一下，就有点不伦不类了。以上图为例，虽然只有2个空压机和罐子，但将物体进行建模之后，就立马有了立体感。这样的图片放在中间，才称得上大气、漂亮。以上的方法均为使用经典的组态软件，导入绘制好的图片，即可实现3d立体效果。

使用经典的组态软件，如何来设计好看的界面和漂亮的按钮。我也做过这块教程。有兴趣请请看。

2.方案2--买不起的软件-- iconics的genesis64

本来要贴个视频上来，结果不支持来自B站和好看视频的链接。访问这个链接查看：我要看视频

这个软件，听过它的人也不少，但是真正用过的估计不多。且看上面一个案例。

iconics在国内的应用大部分都是向燃油、能源、矿山、海洋等行业，小众的行业比如污水、自来水、自动化生产都比较少。加上这个软件的费用不是普通百姓能承受的，所以普及率不高。

只要你喜欢，你愿意，你想要。用它，绝对能项目的报价翻一倍。哈哈哈哈。反正甲方乙方双方受益，何乐不为。

说下这个软件的特点：

1）不支持三维模型设计，但支持模型导入

2）支持二次开发，可代码设计，模型需要贴图

3）软件安装包很大，电脑没有I7，别想装了能跑得动，一般都是上服务器级别的电脑。如果你感兴趣，想买电脑入手学习，把钱都花在CPU和内存上就可以，显卡搞个五六百的就够了。

3.方案3--受众小但潜力大的北京易控

北京易控的产品INSPECT，我有幸在一个矿山的项目中了解到。这个软件竟然支持三维模型导入。

分享一个矿山球磨机的案例。可以从附件中下载。

这个软件和genesis64有些类似，相同点是不支持设计模型，但是可以导入模型。但相比于genesis64，功能是要逊色多了。操作方面，如果习惯了三维建模的软件，使用这种软件会很难适应。总之觉得他们的设计不能跟上主流，显得很另类。

说了它的不好，也要说了这个软件的优势。它绝对是国内第一家能支持三维模型导入的工控组态软件，这个评价绝对不过分。所以我相信它未来可以做到更好，甚至能超越老美的genesi64。

QQ图片20180726225232.jpg

4.方案4--被迫成为合格码农的厦门图扑

我没有用过图扑，但是看过图扑的案例。以前官网很多免费的案例可以看的。后来都不让直接看了，需要登记信息，等他们的销售员联系你，将链接提供给你，才看得到。对于这点，我一直耿耿于怀，一个这么大的东西，就这点肚量？

图扑是一个轻量化的web平台，所以对你的电脑要求不高，他的项目需要部署在服务器上，然后你用网页的方式去访问，实现设计和查阅。他本身不支持与PLC等硬件的通讯，是需要直接和数据库进行交互数据的。他本身也不支持设计模型，需要导入模型使用。而且他的功能都是要靠代码完成的。因此需要对系统的学习他们的平台，才能胜任开发工作。

图扑的链接就不贴了，感兴趣可百度搜寻。

5.方案5--榨干自己的 unity3d/ThingJS开发

这个方案就绝对是牛逼了，在它面前上面的方案都是小朋友过家家。你可以称他为屠龙宝刀，但你不一定是张三丰。你需要组建一个软件研发团队，而且你还需要有一笔雄厚的资金。这块方案我很早以前见过有公司开发过，但图片已经找不到了。在这个领域驻扎的人都很少，所以不常见。如果你遇上了一个有钱的甲爸爸，是可以试试。kingview3D

希望了解更多的，可以百度找找。

四、总结

如果你没钱，又想做好看的画面，就用方案1，经典永流传。

如果你有钱任性，就上方案2，研发难度也不算很大。

如果你超超超级有钱又有大把的时间，就用方案5。

以上均为本人经验所谈，如果能帮助到你选型或者设计出丰富绚丽的人机界面，将是我莫大的荣幸。

正在下载，请等待……