乐于分享
好东西不私藏

告别“敲代码焦虑”!张雨老师用AI给《网页设计》课来了场“微手术”

告别“敲代码焦虑”!张雨老师用AI给《网页设计》课来了场“微手术”

当AIGC浪潮席卷设计行业,传统的《网页设计》课该何去何从?

面对“代码难、创意空、学赛脱钩”的老大难问题,数字媒体系张雨老师依托SC教学微改进项目,不打乱原有课程体系,只用微创手术式的精准调整,让这门核心课彻底活了起来。

01
破局:打破“代码苦旅”的旧印象

过去的《网页设计》课,常陷入“重语法、轻创意”的怪圈。学生往往被繁琐的HTML/CSS代码困住手脚,导致作品动效同质化严重,更难以对接高标准的学科竞赛。此外,单人作战的模式也无法满足企业对团队协作能力的刚需。

针对这些痛点,张雨老师确立了AI赋能、赛教融合的改革路径,将AIGC技术无缝植入课堂,打造“趣味化、智能化、实战化、竞赛化”的四维课堂。

02
进阶:开启“三人副本”与AI组队

改革保留了经典的“网页动起来”特色环节,并在此基础上进行了三大升级:

1. AI助教入驻,降低技术门槛

引入专业AIGC前端工具,实现导航栏、轮播图等组件的“一键生成”,并利用AI进行代码自动纠错与CSS动效优化。这不仅解决了学生“调试两小时,运行五分钟”的尴尬,更让他们从重复劳动中解脱出来,专注于交互逻辑与创意策划。

2. 三人小组制,还原企业实景

摒弃单打独斗,实行“三人固定小组”模式:

  • 架构师:负责页面基石与代码规范;

  • 设计师:利用AI进行动效创新与视觉打磨;

  • 测试员:负责功能校验与作品演示。

这种角色分工,精准还原了互联网企业的开发流程,锤炼了学生的协作与沟通能力。

3. 多元复盘,形成闭环

课后不再是简单的交作业,而是设置了“代码走查+作品展演”环节。学生不仅要秀出成品,更要拆解AI辅助设计的逻辑。通过师生互评,补齐技术短板,拓宽设计视野。

03
试炼:把考场变成“实战演练场”

为了让课堂成果接受市场检验,课程同步举办了“网页设计挑战赛”,全面对标省级学科竞赛标准。

  • 评价体系革新:新增“AI创意应用合理性”、“智能交互创新性”等维度,引导学生“会用AI”而非“照搬AI”。

  • 行业大咖把脉:引入企业一线设计师进行线上点评,从商业落地角度给出建议,让教学与行业需求同频共振。

  • 成果高效转化:本学期,24级数字媒体技术专业学生共产出百余件原创作品。经过严格遴选,10%的优质作品已直接推送至校级、省级更高规格的赛事平台。

04
蜕变:看见每一行代码的价值

这场轻量化的教学微改进,成功打破了传统网页设计“静态化、重代码、轻创意”的困局。学生们正逐渐从被动的“代码敲打者”,向具备AI辅助能力的“智能创意全栈设计师”转型。未来,课程将继续深化赛教融合,持续迭代教学资源库,助力数媒学子在智能化设计时代抢占先机。

往期推荐

选择郑州城市职业学院的N个理由

专升本捷报!我校37人冲进全省前50名!

全国30强!郑州城市职业学院

来源|张雨

编辑|杨璐萍

复审|刘伟丽

终审|何丽慧