把生产线搬进课堂:工业综合可视化数据大屏的教学设计碎记

上周结完机械工程综合实训的答辩,翻学生作业翻到半夜。一堆中规中矩的设计里,突然跳出来一份工业综合可视化数据大屏的终稿,一下就把瞌睡整没了。 改这个方向的设计快三年,踩的坑,比学生走的弯路还多。

为什么放着现成模板不用,非要自己搭?

很多学生刚拿到题目,第一反应就是搜开源模板。找个好看的,换几个数据改改文字,两三天就做完交差,省事。

前年有个学生就是这么干的。套了个电商大屏模板,花里胡哨,动态效果一堆,答辩的时候我问他,数控生产线的主轴转速过载预警为什么塞在右下角?主轴温度、进给量这些核心参数为什么藏在大屏最下方的广告位里?

他愣了半天,说模板本来就是这么放的。

哦对哦,我们做这个大屏,是给机械实训车间用的,不是给电商运营看日销流量的。定位错了,再好看也白搭。

机械实训车间工业综合可视化数据大屏安装现场图
机械实训车间工业综合可视化数据大屏安装现场图

我现在要求学生,动笔画原型之前,先去实训车间站两个小时。拿个小本子记,你自己进车间看生产线,第一眼看哪?找设备状态的时候先找什么,出问题了你最想先看到什么?记完了再回来排布局。

大多数学站完回来,都会把模板里花里胡哨的 banner 位删掉,换成设备待机时长统计,把核心参数挪到视觉正中心。

说实话,现在开源模板把年轻人养懒了。拿到什么就是什么,忘了做设计最开始要解决什么问题。对吧?

十个学生八个卡,绕不开的三个坎

带了三届,我都能背下来学生做这个设计会卡在哪。

第一坎,数据接口连不上。机械专业的学生,大多只会点基础编程,让他们自己读PLC的协议抓数据,一卡就是半个月,进度全拖没了,最后根本没时间改可视化。最开始我硬要求他们自己搞定,后来想通了,我们这是机械设计综合实训,不是软件工程课程。把重心放错了,捡了芝麻丢西瓜。

现在我们实训中心提前把所有生产数据转成了开放的HTTP接口,学生只要会调就行,把精力全放在布局和功能设计上,舒服多了。

第二坎,信息层级全乱。什么数据都往大屏上堆,一整个屏塞十五六个模块,字比蚂蚁还小。我上次看到一个学生的设计,连每个工位的当日加工件数小数点后两位都标出来了,我问他要这个数据干嘛?他说,反正有数据,放上就对了。

设计做减法,永远比加法难一万倍。这句话我每节课都讲,还是有人记不住。核心数据放大放中心,次要数据放侧边,没用的数据直接删,就这么简单的道理,非要踩过坑才懂。

第三坎,配色完全不管使用场景。为了酷炫,整个黑底配深紫字,车间采光好,站在三米外,啥也看不见。我跟他们说,你去停车场看看指示牌,为什么人家用白字配黑边?工业场景,第一要求是可读,不是发朋友圈好看。

工业综合可视化数据大屏正确错误配色对比稿
工业综合可视化数据大屏正确错误配色对比稿

去年有个学生,前前后后改了五版配色,最后定了黑底白字,红色预警黄色警告,拉去车间试了,正午阳光下也能一眼看清,才让过。

三届改出来的三个硬要求

三届改出来的三个硬要求
三届改出来的三个硬要求

不过话说回来,也不能把学生卡太死。我现在只提三个硬性要求,剩下的全让他们自己发挥。

第一个,核心故障预警,必须出现在任何浏览路径的第一秒。意思就是,不管你布局怎么排,哪台设备出问题了,红色闪烁提示必须在整个大屏的最上层,不能让老师或者实训学生找半天才看得见。安全问题,没得商量。

第二个,必须适配两种常用比例。教室投影是16:9,车间壁挂屏是21:9,不能做出来放投影就切半边,挂车间就变形。很多学生一开始不在意,答辩接投影一打开,脸瞬间就红了,下次就记住了。

第三个,必须留一块自定义模块位。我们实训车间每年换不同的实训项目,这次是数控车生产线,下次可能是工业机器人分拣,留个空位,后面改项目不用重新做整个大屏,拖模块进去就能用。挺简单的一个小设计,解决了大麻烦。

上次那个过了的学生,给自己留的自定义模块加了个实训班级出勤率,说上课老师站在讲台就能一眼看到哪个小组没来,挺实用。说实话,这个点我都没想到。学生能结合自己上课的真实场景加东西,这才是真的设计,不是应付作业。

最开始我也没想明白,我们机械设计方向的实训,为什么要开这个题目?不就是凑个综合项目吗?改了三届才慢慢想通,这个东西本质上练的不是编程,也不是画图,练的是站在使用者的角度想问题。

我们很多学生学了四年机械,零件图尺寸标的一点错没有,公差卡的分毫不差,但是做出来的东西,没人用着舒服,就是缺了这一课——你设计的所有东西,最终都是给人用的。你得考虑人怎么看,怎么操作,出问题了怎么最快发现,怎么减少误操作。

合上书,把那个学生的设计存进了教学案例库。下次新生上课,我就把它投在投影上,告诉他们,你看,这才是我们要的工业综合可视化数据大屏。不是花里胡哨的模板,是解决真问题的设计。

免责声明:市场有风险,选择需谨慎!此文仅供参考,不作买卖依据。如有侵权请联系删除。
文章名称:把生产线搬进课堂:工业综合可视化数据大屏的教学设计碎记
文章链接:https://m.yqhljx.com/list_9/3666.html