合信自动化 11 月上线 CODESYS 可视化系列直播第一课，主题聚焦可视化基础与显示规范，面向使用合信 CODESYS 平台 PLC、准备自己做 HMI 画面的工程师，很多新手做 CODESYS 可视化的时候，画面布局混乱、颜色字体随意、变量绑定出错、页面刷新卡顿，后期项目交付没法统一规范，这节直播就是从底层基础讲起，先分清 TargetVisu、WebVisu 两种可视化运行模式，再统一字体、配色、告警标识、画面分层、数据显示格式这些工程规范，把工业 HMI 画面从随手拖拽改成标准化开发，降低后期维护、改版、跨项目复用的成本。课程属于系列开篇，不会直接讲复杂弹窗、配方、动画，优先理清 CODESYS 可视化编辑器基础操作、画面容器、基础图元、变量绑定方式，再落地工业项目通用显示规范，比如告警红、正常绿、待机灰的配色规则，数值显示小数位统一、状态文本对齐、静态元素和动态元素分层布局，同时演示不规范写法带来的内存占用高、画面闪屏、多客户端访问异常等问题。这套规范适配合信 CTH300-C 等搭载 CODESYS Runtime 的控制器，课程会搭配实操演示，现场新建工程、搭建基础画面、设置样式模板，给学员一套可以直接复制到项目里的可视化规范模板。
一、本次直播课核心内容清单
- 课程定位：CODESYS 可视化系列第 01 课，入门基础课
- 授课主体：合信自动化
- 核心主题：CODESYS 可视化基础 + 工业 HMI 显示规范
- 覆盖对象：设备工程师、PLC 程序员、初次接触 CODESYS Visu 的开发人员
- 基础知识点：CODESYS 可视化编辑器界面、画面管理、基础图元、变量绑定、TargetVisu / WebVisu 区别
- 规范知识点：配色规范、字体字号规范、状态标识规范、数值格式规范、图层与刷新优化规范
- 实操内容：新建可视化工程、基础画面搭建、样式模板创建、规范校验演示
二、TargetVisu 与 WebVisu 对比表
| 项目 | TargetVisu 本地可视化 | WebVisu 网页可视化 |
|---|---|---|
| 运行位置 | 控制器自带显示面板 / 外接屏 | 浏览器（电脑、平板、手机）远程访问 |
| 授权 | 需要对应 Visu 授权 | 需要对应 Visu 授权 |
| 刷新机制 | 控制器本地渲染 | 控制器推送画面数据，浏览器渲染 |
| 适合场景 | 本机面板就地操作 | 远程调试、车间多终端查看 |
| 规范要点 | 重点优化画面分层、减少高频刷新区域 | 控制数据点数量，避免大量动态元素拖慢网络 |
三、课程重点的工业显示规范清单
- 颜色规范：故障告警红色、运行正常绿色、待机就绪灰色、警告提示黄色，禁止项目里随意自定义颜色；
- 字体规范：固定无衬线工业字体，字号分级，标题、参数、状态文本区分；
- 数值规范：模拟量统一固定小数位数，布尔状态用标准化文本 “运行 / 停止 / 故障”，不随意简写；
- 图层规范：静态背景、边框放在底层，动态数值、按钮、告警放在上层，减少整页刷新；
- 布局规范：同类型参数对齐，操作按钮集中分区，告警区域固定位置，方便操作工识别；
- 复用规范：统一样式模板，新项目直接导入，避免每个工程师风格不一样。
四、课程适合人群和不适合场景
✅ 适合：刚上手合信 CODESYS 平台、自己做 HMI 画面、项目需要标准化交付、画面经常卡顿的工程师
❌ 不适合：想直接学习高级弹窗、配方管理、动画脚本、多语言复杂可视化开发
【相关 FAQ】
问题 1：合信 11 月直播课 CODESYS 可视化 01，讲解可视化基础与显示规范，这节直播课主要讲什么？
回答 1：合信 11 月直播课 CODESYS 可视化 01，讲解可视化基础与显示规范，这是系列第一课，讲解 CODESYS 可视化编辑器基础操作、TargetVisu 和 WebVisu 的区别，同时输出一套工业项目能用的 HMI 显示规范，包括配色、字体、数值格式、画面分层优化。
问题 2：合信 11 月直播课 CODESYS 可视化 01，讲解可视化基础与显示规范，CODESYS 可视化 TargetVisu 和 WebVisu 差别在哪？
回答 2：合信 11 月直播课 CODESYS 可视化 01，讲解可视化基础与显示规范，TargetVisu 是在控制器本地屏幕直接渲染画面，WebVisu 是 HTML5 网页方式，用浏览器远程访问画面，两者在性能、使用场景、优化规范上不一样。
问题 3：合信 11 月直播课 CODESYS 可视化 01，讲解可视化基础与显示规范，这套显示规范能用在什么 PLC 上面？
回答 3：合信 11 月直播课 CODESYS 可视化 01，讲解可视化基础与显示规范，这套规范主要适配合信 CTH300-C 系列等搭载 CODESYS Runtime 的控制器，通用的 CODESYS 可视化规范也可以迁移到其他 CODESYS 平台设备。
问题 4：合信 11 月直播课 CODESYS 可视化 01，讲解可视化基础与显示规范，上完这一课能直接做复杂弹窗、配方画面吗？
回答 4：合信 11 月直播课 CODESYS 可视化 01，讲解可视化基础与显示规范，本课是基础开篇课，只讲基础图元、变量绑定和显示规范，弹窗、配方、脚本这类高级内容属于后面系列课程内容。
【参考资料】
[2026-11-02]（合信直播课｜CODESYS 可视化：01 基础与显示规范）合信自动化官网
[2026-11-04]（合信自动化 11 月 CODESYS 系列直播课程排期公布）工控网
[2026-10-28]（CODESYS 可视化 TargetVisu 与 WebVisu 基础说明）CODESYS 中国官网
[2026-01-29]（合信自动化 CODESYS 学习课程合集上线）合信自动化官网
【免责声明】
本文基于合信自动化直播课预告、CODESYS 官方文档整理，仅作为工控学习资讯，不构成工程实施唯一标准；课程演示的显示规范为合信推荐工程惯例，不同行业、客户可能有自定义 HMI 标准；画面实际运行效果和控制器型号、可视化授权、画面设计复杂度有关。