干暖通自控这块时间长了会发现一个挺普遍的现象聊工艺、聊测点、聊联动逻辑大家都能讲得头头是道可一说到组态监控画面里的图库大多数人都是一句随便画画就行。但真等接到一个项目要画组合式空调、新风机、送排风机这些设备时就卡住了——组态软件自带图库里没有合适的网上零零散散找来的素材要么带着白底要么风格跟全厂不一致要么一放大就糊成一片。我自己为了凑一套能用的暖通组态图库前前后后折腾了大半年踩了不少坑也总结出一套从零开始整图库的方法。这篇文章就把分类思路、PNG和GIF格式的取舍逻辑、组合式空调这类核心设备的绘制要点以及实际使用中容易翻车的地方完整梳理一遍给同样被图库折磨的人一个参考。1. 暖通组态画面的痛点为什么通用图库永远差那口气1.1 组态软件自带图库的先天不足主流组态软件打开自带图库翻来翻去就是水泵、阀门、液位计、电机这些通用设备。它们当然有用但到了暖通专业场景问题就出来了组合式空调机组里那些混风段、过滤段、表冷段、加湿段、风机段软件自带的图库根本没有新风机组的热回收芯体怎么画屋顶排风机的蘑菇形外形怎么表达这些在通用图库里几乎是空白。有人会说那我自己画一个简单的矩形框标个AHU-101总行吧。能用但监控画面这东西本质上是给运维人员看的。业主打开画面一眼要能看出这是组合式空调能看出风从哪进、往哪出哪个段温度异常时能快速定位。你画一堆方块加文字信息是有了可人机交互的效率低了一大截。尤其是多台机组并列时画面显得特别工程化远远达不到交付时业主对可视化的期待。还有一个问题容易被忽略不同版本、不同软件之间的自带素材风格不统一。有的软件素材偏写实渲染有的是扁平线条有的是剪影风格。你把它们混在同一个画面上就像穿了两只颜色不一样的鞋极其别扭。1.2 临时搜图的隐性成本早期我做项目图库不够用就去网上搜图。看着挺快实际上成本全在后面背景问题下载的图默认是白底或花底放到组态画面里跟整体背景对不上。有些图确实带透明背景但边缘抠得不干净放大一看全是锯齿白边。分辨率问题网上很多缩略图小得可怜拉大之后直接马赛克。组态画面动辄1920x1080甚至更大小图根本扛不住。版权问题这个容易被忽视。随便下载的素材说不清来源项目交付后如果牵扯到授权纠纷最后背锅的是项目经理和你这个画图的人。朝向问题暖通设备是有风流向的。网上找到一张风机图可能是左出风你现场需要的是右出风强行翻转之后光影和标注方向全乱了。这四点叠加起来临时搜图这条路基本走不通只能自己建一套专用图库。1.3 暖通设备图形的专业难点暖通设备画起来为什么比水泵阀门费劲因为它们不是单体是系统。以组合式空调为例一台机组由多个功能段拼装而成外形像一节节集装箱串联每个段的功能和内部结构都不一样画起来比画一台泵复杂得多。新风机看着简单但也要表达出过滤、热回收、送风这几个核心环节。送排风机更是花样多离心式、轴流式、屋顶式外形差异极大还要体现运行、停机、故障等不同状态。更重要的是组态画面里的设备图形不仅仅是好看它是数据绑定的载体。运维人员要看这台空调的送风温度、过滤器压差、风机运行频率这些数值要显示在对应部位旁边。一个优秀的暖通组态图元应该让人一看到图形结构就能猜到测点在哪个位置。这就要求画图的人既懂一点暖通工艺又懂组态交互逻辑还得有美术基础。三者兼备的人在项目里通常是很抢手的。2. PNG与GIF的选型逻辑从一张空调机组图元说起2.1 为什么静态图元我全部用PNG标题里写了图形格式是PNG和GIF这俩也是当前组态图库使用最广泛的格式。静态设备图元比如组合式空调的外壳、新风机的箱体、送排风机的基础框架我一律用PNG。PNG最核心的优势是无损压缩 8位透明通道。这句话翻译成人话就是图片放大缩小之后边缘依然清晰而且背景可以完全抠成透明放在任何底色上都自然。组态软件里做监控画面时画面底色通常是深灰色或浅灰色图元如果没有透明通道就会变成一个带白底的方块非常显眼。PNG把这个问题直接解决了。另一个优势是PNG支持半透明像素。比如风机叶轮那种叶片之间有空隙、又带一点阴影效果的图形用PNG可以保留细腻的层次感不会像GIF那样出现严重的色块和锯齿。在组态画面上设备图元的观感是否专业很大程度上就靠这些细节撑着。不过要注意PNG是位图格式放大到一定程度还是会糊。所以在建库时建议直接按较大尺寸绘制比如单个机组图元至少按800x600像素来画实际使用时缩小放置这样清晰度就够用了。如果你所在的组态平台支持SVG矢量图那更理想但就通用性来说PNG几乎不存在兼容问题任何组态软件都能直接用。2.2 GIF的价值不在静态显示而在动起来GIF是早期互联网时代留下来的格式色彩上限只有256色细节表现力远不如PNG。那为什么还要用它因为它能多帧播放天然形成动画。在组态画面里动效的需求非常明确风机在运转时叶轮要转管道内有水流时水要流动某个设备报警时图形可以闪烁。这些动态效果用GIF最省事——不需要依赖组态软件内置的动画脚本直接把一张会动的图放上去就行。以送风机为例运行时叶轮旋转的GIF图我通常只做4帧到6帧间隔100毫秒到150毫秒。帧太少会显得一顿一顿像幻灯片帧太多则文件体积成倍上涨而且组态软件界面一刷新就卡。256色的限制对风机叶片来说完全够用叶片通常就是一个颜色加一点点明暗过渡不存在照片级渐变的压力。需要提醒的是GIF透明通道只有1位也就是像素要么全透明要么完全不透明没有半透明概念。所以GIF边缘很容易出现毛边或白边。解决办法是制作时尽量让图形边缘硬朗一些不要用抗锯齿的光滑曲线。这个概念在绘图软件里叫去掉平滑或硬边缘导出。听起来有点反直觉但确实能大幅减少GIF透明边缘的瑕疵。2.3 选型规则一张表说清楚对比项PNGGIF透明背景支持8位半透明边缘细腻只支持全透明/不全透明动画能力不支持支持多帧动画色彩表现1600万色适合复杂渐变256色适合色块型图形文件体积较大但可控帧数多会明显膨胀组态兼容性通用性极佳通用性极佳典型用途静止设备图元、机组壳体风机旋转、水流动态我的经验是静态用PNG动态用GIF关键设备两种都备一份。比如一台送风机图库至少包含三个文件——停机状态PNG、运行状态PNG、运行状态旋转GIF。组态脚本里可以根据设备启停信号切换显示灵活得多后面第5章会专门展开讲。3. 图库分类与命名体系想让上千个素材真正可检索3.1 两级分类先按设备类型再按状态与视角图库一旦超过100个文件分类就成了刚需。没有分类的图库跟网盘里堆了一堆新建文件夹(3)没什么区别找起来比画图还费劲。我的分法是两层目录。第一层按设备大类组合式空调机组AHU新风机组FAU/PAU送风机SF排风机EF风机盘管FCU水泵P风阀/水阀D/V传感器与仪表T/I管道附件Duct/Fitting第二层在每一类下面按视角状态部件组合命名。以组合式空调为例子目录可以拆成normal/正常视角下的整机图再细分为正视、侧视、俯视run_key/运行状态关键部位特写比如风机段旋转效果、表冷段盘管特写stop/停机状态alarm/报警状态专用parts/拆分的功能段部件图混风段、滤网段、表冷段等这套分类逻辑的核心是一个目录对应一种用途。画新项目画面时先想清楚要表达什么状态再去对应目录下找而不是把所有文件混在一起大海捞针。3.2 命名规范让文件名自带检索信息文件命名这件事我在建库初期吃过亏。当时图省事用的是空调1风机2组合式3这种命名结果三个月后再打开项目45张空调开头的新图根本没有办法和实际机组对应起来。后来我定了一套规则沿用至今设备代码_部件_状态_序号.png举例AHU_BOX_STATIC_001.png组合式空调整体外壳静态图AHU_FAN_RUN_001.gif组合式空调风机段旋转动图SF_IMPELLER_RUN_001.gif送风机叶轮旋转动图FAU_FILTER_DIRTY_001.png新风机过滤段压差报警图元EF_ROOF_RUN_001.gif屋顶排风机运行状态动图这套规则的优点很明显你不用打开图片预览只看文件名就知道这个图元属于什么设备、用在什么状态。更进一步如果你是做二次开发的写脚本遍历图库目录时直接按文件名关键词匹配就能把图元自动挂到对应设备测点上去这个价值在项目后期尤其大。3.3 索引表图库和组态工程之间的桥梁光有分类和命名还不够建议再做一份图库索引表。格式可以是Excel也可以直接写在组态工程的一个隐藏画面里。表格字段包括文件名、设备类型、用途说明、建议尺寸、绑定测点建议、透明背景说明。这张索引表的价值在于交接。你自己画的图库脑子里的上下文很清晰但项目要交给后续维护的同事对方不需要把每个图片打开看一遍查索引表就能快速定位并且知道这个图元应该和哪个测点关联。索引表还能帮你发现图库的盲区。比如你已经画了送风机停机、运行两种状态但报警状态没有查表时一眼就能看出来及时补齐。我习惯每隔一段时间对照正在做的项目点位表把图库索引表过一遍补漏效率极高。4. 组合式空调图元的绘制思路模块化拆分与配色约定4.1 先搞懂空调机组的段再下笔组合式空调是所有暖通图元里最难画的原因在于它不是固定形状。不同品牌、不同项目机组的段数、段序都可能不一样。常见的段包括混风段新风和回风混合、初效过滤段、表冷段、加热段、加湿段、风机段、均流段、送风段。画之前必须先拿到该项目的机组配置单确认这台空调由哪些段组成、顺序是什么、各段的大致长度比例。如果忽略这一步直接画一个通用组合式空调那大概率跟实际设备对不上。业主一眼看过去就知道这是网上抄的不是自己项目的东西。图元的核心价值在于可对应哪怕简化处理也要保证段的相对位置和视觉比例是从真实设备来的。我把每一段做成独立的PNG部件段的顺序通过外部拼装决定。这样同一个图库可以适应不同配置的项目。有人会觉得这样拆开画工作量更大但实际用下来第二次、第三次画新项目时只需要从图库里拖出对应段像搭积木一样拼起来速度反而比每次重画快得多。4.2 模块化绘制外壳单独画部件独立存具体画法上分成三层来操作第一层是外壳。组合式空调的箱体通常是矩形的顶部可能会有检修口底部是基础槽钢。这一层用粗线条表现轮廓填充色用浅灰尽量保持干净不要加太多奇奇怪怪的装饰。第二层是功能段内部示意。比如过滤段用几条竖线加斜线表示滤芯表冷段用一排波浪线或细小矩形块表示盘管风机段画圆形叶轮。每个功能段单独存为PNG透明背景尺寸比例固定。第三层是标注与连接。包括进出风方向箭头、水管接口位置、设备编号文本。这些在组态软件里都可以用矢量对象加上去这样图库里的PNG本体保持纯粹方便复用。4.3 配色约定照着暖通图纸习惯来图库的颜色不能随意最好跟暖通专业图纸的约定保持一致这样画面上的信息能被习惯性理解。冷水供水管蓝色热水供水管红色冷凝水管绿色风管浅灰色双线表示过滤段滤网黄色网格压差报警时变为红色表冷器盘管深蓝色加浅蓝背景表示冷量加湿段浅绿色加向上蒸发的箭头这些颜色不是绝对标准但行业内基本能接受。关键是全项目统一不要在这个画面用蓝色另一个画面用紫色否则运维人员会产生误解。4.4 预留数据绑定锚点组态图元最终是要和测点关联的。理想的做法是在图元的设计阶段就预留好绑定锚点。比如风机段圆心位置留一个小方块区域用于绑定风机启停状态变色过滤段附近留出文本区域用于显示压差数值送风口右侧留出空间用于绑定送风温度我在索引表里会给每个图元标注建议绑定测点和建议放置文本区域。等到组态工程里做关联时直接按建议放置即可。这一步节省的时间在几十个测点的项目中体现得非常充分。5. 风机动态效果的两个实现路子GIF动画与脚本控制5.1 GIF动画方案简单直接但也容易翻车GIF动画的最大优点就是拿来即用不需要在组态软件里配置任何脚本。画风机叶轮时先把单片叶片画好然后复制一份旋转90度或120度做成2到4帧的循环。我测试下来4帧的叶轮旋转看起来比2帧顺滑很多文件体积也还能接受一般不超过200KB。制作GIF时有几个朴素的坑要提醒帧延迟统一每一帧的延迟时间要一致否则旋转速度忽快忽慢。透明处理导出时选择透明背景并在透明抖动选项中关闭或选择无避免透明区域边缘出现杂色噪点。循环播放确认循环次数为无限循环。旋转方向风机转向是有规定的一般在设备铭牌上有箭头别忘了按实际方向画。GIF直接用的坑在于它永远是旋转中的状态不管设备实际是否在运行。如果画面里一台排风机明明停机了GIF图还在那转这是会出事故的。所以GIF方案通常要配合组态软件的可见性/状态切换功能由PLC信号控制显示还是隐藏。5.2 脚本控制方案让画面跟着真实状态走比GIF更高级的做法是用组态软件的脚本能力控制静态PNG的表现。逻辑很简单画面里放置三张图——停机图、运行图、报警图然后写一个切换脚本绑定在PLC反馈的启停信号上。以送风机为例事件脚本大致是这个逻辑if 风机运行信号 1 then 显示运行状态PNG 否则 显示停机状态PNG end if if 故障信号 1 then 图元颜色设为红色 启动闪烁效果 end if这套方案的好处是画面状态永远和设备实际状态一致不会出现图还在转但设备已经停了的问题。而且报警信号的闪烁效果能让运维人员第一时间注意到异常设备。坏处是配置工作量大而且对组态软件的脚本能力有要求。如果是老旧平台或者配置比较受限的平台脚本支持有限那就只能回到GIF加显示切换的路子。5.3 两种方案如何取舍需求场景推荐方案投标演示片、模拟培训画面GIF动画直观好看正式交付的监控画面脚本控制PNG状态切换平台脚本能力受限GIF 可见性变量切换风机变频调速显示脚本绑定频率输出GIF无法体现我个人的习惯是交付项目以脚本控制为主GIF只用在少数需要活起来的展示逻辑上。曾经有个项目我在多台机组上全部用了GIF动图画面确实很热闹但调试后期PLC信号一直不稳定导致动图显示与实际启停状态脱节业主天天打电话问。后来全部改成脚本控制PNG切换问题才彻底解决。从那以后我总结出一条经验动效是锦上添花状态准确才是监控画面的命根子。6. 建库过程中的几个实用经验与容易踩的坑6.1 先列设备清单再动手画图建图库最容易犯的错误就是一上来就闷头画图画了一堆当下根本用不到的东西。我建议第一步先统计近三年的项目清单列出所有项目里出现过的设备类型和数量按优先级排序。以最常见的办公类项目为例优先级通常是组合式空调 新风机 送排风机 风机盘管 水泵。工业厂房项目可能送排风机优先级更高。按自己业务里的真实频率来排别贪多。6.2 图库文件的版本管理图库建起来之后文件的版本管理比想象中重要。经常出现的情况是一版图在A项目里用着B项目里发现需要微调配色图库里同时存在新旧两个文件时间一长根本分不清哪个是正式版。我的做法相对简单粗暴图库目录下放一个changelog.txt每次改动记录时间、改动内容和是否已用于正式项目。做重大更新时把旧目录整个归档成带日期的文件夹例如archive_20250115/保证当前目录里永远是最新版。如果你习惯用版本管理工具把图库目录丢进去也行但别忘了图库是给组态软件引用的不要用特殊的分支方式搞得文件拉取不下来。6.3 版权意识自绘永远是安全的组态图库的素材最稳妥的来源就是自己画。你可能会问我又不是美术专业画得不好看怎么办这里有个经验组态画面追求的是规范和信息清晰不是艺术创作。把矩形画方正把颜色统一把线条对齐看着就比网上随便找的图片舒服得多。参考来源可以有两个一是国家标准图集里暖通设备的图例画法二是设备厂商选型样册里的外观简图。照着这些画既不涉及版权纠纷又能保证画出来的东西符合设备特点。6.4 不要陷入全网最全的陷阱最后这句话是想特别提醒的图库不是越全越好。堆了3000张图但风格不统一、命名混乱最后的结果就是每找一个图都要翻半天时间成本比画图还大。我理解标题里写全网最全图库是作为宣传词但作为使用者反而建议控制规模。图库的核心价值是适配度高、检索方便、风格统一。与其贪多求全不如把常用设备画精、画准、画统一。每个新项目做完顺手补齐缺的图这样的图库是长出来的有生命力的而不是某一天心血来潮批量导出的死文件夹。建库的最终检验标准很简单新项目开工后从打开图库到完成设备画面布置能不能在一天之内完成。如果你做到了说明这套图库已经真正成为了你的生产力工具。希望这篇关于组态图库的经验梳理能帮你少走一些弯路。