经常能看到有人在晒，用AI几分钟生成网页或者App界面。在这种主流的产品类型上，AI生成界面已经不是什么新鲜事了。但我一直有个好奇：既然AI能搞定互联网UI，那用来生成HMI触摸屏效果到底怎么样？
于是说干就干，我选了墨刀AI 当主力测试工具（顺便也试了试FigmaMake和Pixso AI，效果大同小异，就不单独啰嗦了）。挑了三个典型HMI方向：工业PLC、医院自助机和智能家居。
其实很多搞硬件或者工控的朋友，平时最头疼的就是画屏。找外部设计师排期至少一周，自己用组件库拼出来也没法代替UI。用AI到底能不能救急？一起来看看生成过程和提示词。
案例一：工业PLC触摸屏（车间设备监控）
进过车间的人都知道，这种PLC屏最怕两件事：看不清数据，找不到按钮，不需要别搞花里胡哨的。
提示词Prompt：
生成一个工业PLC设备的触摸屏HMI界面。
横屏，深色模式，需要有科技感但不要太杂乱。
界面左侧是导航栏；
中间核心区放置实时温度和压力的折线图面板；
右侧放置三个醒目的大按钮：启动、停止、急停；
底部预留一行作为系统报警日志的滚动条。
实测效果：
- **优点：**配色确实是车间里常见的深灰底+荧光蓝绿，第一眼看过去，确实有车间中控台的味儿。布局也比较听话，左中右底的结构分配得很清晰，中间实时工艺趋势图还是动态的。整体比我预想的要顺眼。
- **缺点：**细看的话一些布局间距、字体大小和颜色等，都是需要再调的。另外导出到原型文件中后，虽然可以编辑，但是动态图变静态了，得自己重新嵌入真实数据图表，这也是AI的通病。
案例二：医院自助挂号缴费机
第二个案例我故意挑了个医院自助挂号缴费机。别看这种项目好像平时不起眼，但在第三方设计公司，特别爱突然从天而降。这种屏幕面临的人群复杂，老人特别多，所以核心诉求是高对比度、清晰。提示词也相对明确一些，把布局结构说清楚。
提示词Prompt：
生成一个医院自助服务机触摸屏界面 ，横屏，分辨率1280x800。
中间为主要功能操作区，包含4个大按钮卡片：挂号、缴费、取报告、医保查询；
右侧为用户信息与提示区，展示当前排队人数、预计等待时间、温馨提示；
顶部为医院logo、当前时间、系统状态；
底部为辅助操作按钮：人工帮助、语言切换。
整体界面风格干净，医疗蓝白配色，适合中老年用户操作，按钮尺寸较大，信息层级清晰。
UI偏终端设备风格，不要互联网APP感。
实测效果：
- **优点：**提示词里明确写了操作流程动线，所以AI生成的这个自助机首页结构特别干净。四个大色块的布局它处理得很利落，阴影加得不重，有一点点卡片悬浮的感觉，看着很舒服。界面右上角AI还增加了语音引导，这个我提示词里没提，AI自己加的，反而挺实用，说明它"理解"了医院场景需要辅助功能。
- **缺点：**AI生成的医院自助机主页整体看得过去，但细节上还需要打磨。比如缺失的图标、信息提示，以及字体大小的颜色等，导出后基本还原，但在尺寸和间距上适合预览界面有一些差异的。
案例三：智能家居墙装中控屏
这个是目前最卷的赛道，不管是4寸屏还是8寸屏，现在各家都在拼颜值。
提示词Prompt：
生成智能家居中控触摸屏界面。
左侧为房间列表：客厅 卧室 厨房 阳台；
中间为设备控制卡片：灯光 空调 窗帘 电视；
右侧为环境信息：温度 湿度 PM2.5。
整体现代极简风，浅色。
实测效果：
- **优点：**这个案例是三个里颜值最高的，可能因为网上这类智能家居的UI设计图太多了，浅色背景配圆角图标，确实有那种极简温馨的感觉。图标选得相当和谐，后面我又让AI补了一个深色模式，几秒钟就切换好了，比手动设计要快得多。
- **缺点：**一些图标缺失算是常见的了，在布局上中规中矩稍微有点挤，很多间距细节也有忽视。在大屏的设计上，感觉AI更关注这东西作为一张UI界面好不好看，对小屏幕上的交互操作坚固不到位，需要二次调整。
总结
测试完这三个案例，我自己是有点改观的。对产品经理或者UI设计师I来说，拿AI搭个草稿给老板看方向，或者自己没灵感时让它生几个风格参考，确实能省不少时间。但想直接交付开发，还离不开后期手动优化。
AI生成HMI界面其实最实用的点在于，它生成的是可以直接二次编辑的原型图。上面实测中说的初稿缺点都可以手动编辑，几分钟也就搞定了。先用AI搭骨架定风格，再用人工调细节保常识。我现在基本都是这么干的。如果你有什么其他好用的提示词，也欢迎分享。