【经验分享】如何设计3d视觉效果的工控软件界面 点击:2988 | 回复: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)背景框架 

119.jpg

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


     2) 图案元素。

12.jpg

        比如按钮图片、数据底图元素 这些图案,最好是单个的图片,而且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。


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




正在下载,请等待……
下载附件需0积分!



楼主最近还看过



三维组态设计

  • 精华:0帖
  • 求助:0帖
  • 帖子:13帖 | 575回
  • 年度积分:150
  • 历史总积分:2046
  • 注册:2012年10月08日
发表于:2021-09-30 00:17:27
1楼

kingview3d的教程还有很多,B站也可以找到。

回复本条

    

kingView3d

  • 精华:0帖
  • 求助:0帖
  • 帖子:13帖 | 575回
  • 年度积分:150
  • 历史总积分:2046
  • 注册:2012年10月08日
发表于:2021-10-28 01:08:10
2楼

回复本条

    

Kamifun

  • 精华:0帖
  • 求助:3帖
  • 帖子:7帖 | 96回
  • 年度积分:0
  • 历史总积分:760
  • 注册:2014年7月24日
发表于:2021-10-28 15:58:24
3楼

买3D模型导入是最省事的,自己只要画画连接管道这些

回复本条

    

lejiao

  • 精华:0帖
  • 求助:0帖
  • 帖子:0帖 | 16回
  • 年度积分:0
  • 历史总积分:81
  • 注册:2021年10月20日
发表于:2021-10-28 17:11:41
4楼

回复本条

    

kingView3d

  • 精华:0帖
  • 求助:0帖
  • 帖子:13帖 | 575回
  • 年度积分:150
  • 历史总积分:2046
  • 注册:2012年10月08日
发表于:2021-12-03 11:52:40
5楼

回复本条

    

=晴天=

  • 精华:0帖
  • 求助:0帖
  • 帖子:0帖 | 15回
  • 年度积分:0
  • 历史总积分:45
  • 注册:2018年10月31日
发表于:2022-01-07 09:59:36
6楼

学习了,谢谢分享

回复本条

    

kingView3d

  • 精华:0帖
  • 求助:0帖
  • 帖子:13帖 | 575回
  • 年度积分:150
  • 历史总积分:2046
  • 注册:2012年10月08日
发表于:2022-01-09 00:06:24
7楼

"=晴天=" 的回复,发表在6楼
        对内容: 【学习了,谢谢分享】进行回复:

        -----------------------------------------------------------------


感谢你的评价。

回复本条

    

一二三四五

  • 精华:0帖
  • 求助:0帖
  • 帖子:0帖 | 111回
  • 年度积分:0
  • 历史总积分:92
  • 注册:2018年2月27日
发表于:2022-03-06 16:18:25
8楼

这个真厉害,我也学学试试

回复本条

    

hongshong

  • 精华:0帖
  • 求助:0帖
  • 帖子:0帖 | 12回
  • 年度积分:0
  • 历史总积分:51
  • 注册:2022年5月24日
发表于:2022-05-24 15:01:34
9楼

这个真厉害,我也学学试试

回复本条

    

xcrcm394

  • 精华:0帖
  • 求助:0帖
  • 帖子:0帖 | 1回
  • 年度积分:0
  • 历史总积分:1
  • 注册:2023年2月04日
发表于:2023-02-04 10:18:28
10楼

谢谢分享!

回复本条

    

成长中的大树

  • 精华:0帖
  • 求助:0帖
  • 帖子:0帖 | 3回
  • 年度积分:0
  • 历史总积分:3
  • 注册:2023年2月04日
发表于:2023-02-04 15:21:55
11楼

大佬牛!


回复本条

    

kingView3d

  • 精华:0帖
  • 求助:0帖
  • 帖子:13帖 | 575回
  • 年度积分:150
  • 历史总积分:2046
  • 注册:2012年10月08日
发表于:2023-02-07 22:59:15
12楼

"成长中的大树" 的回复,发表在11楼
        对内容: 【大佬牛!】进行回复:

        -----------------------------------------------------------------

感谢认可


回复本条

    

kingView3d

  • 精华:0帖
  • 求助:0帖
  • 帖子:13帖 | 575回
  • 年度积分:150
  • 历史总积分:2046
  • 注册:2012年10月08日
发表于:2023-02-09 20:40:55
13楼

www.kingview3d.com,是一家多年从事工业UI设计的公司。

回复本条

    

ydszyc888

  • 精华:0帖
  • 求助:0帖
  • 帖子:0帖 | 1292回
  • 年度积分:0
  • 历史总积分:61
  • 注册:2013年8月08日
发表于:2023-05-27 14:37:40
14楼

学习了感谢分享辛苦了

回复本条

    

忘记了

  • 精华:0帖
  • 求助:0帖
  • 帖子:0帖 | 45回
  • 年度积分:0
  • 历史总积分:114
  • 注册:2022年10月26日
发表于:2023-07-05 10:27:51
15楼

学习了感谢分享辛苦了

回复本条

    

jzl070521

  • 精华:0帖
  • 求助:0帖
  • 帖子:0帖 | 229回
  • 年度积分:2
  • 历史总积分:231
  • 注册:2021年8月12日
发表于:2023-07-21 12:43:25
16楼

谢谢分享

回复本条

    

热门招聘
相关主题

官方公众号

智造工程师