
当AIGC浪潮席卷设计行业,传统的《网页设计》课该何去何从?
面对“代码难、创意空、学赛脱钩”的老大难问题,数字媒体系张雨老师依托SC教学微改进项目,不打乱原有课程体系,只用微创手术式的精准调整,让这门核心课彻底活了起来。

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

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

改革保留了经典的“网页动起来”特色环节,并在此基础上进行了三大升级:
1. AI助教入驻,降低技术门槛
引入专业AIGC前端工具,实现导航栏、轮播图等组件的“一键生成”,并利用AI进行代码自动纠错与CSS动效优化。这不仅解决了学生“调试两小时,运行五分钟”的尴尬,更让他们从重复劳动中解脱出来,专注于交互逻辑与创意策划。
2. 三人小组制,还原企业实景
摒弃单打独斗,实行“三人固定小组”模式:
架构师:负责页面基石与代码规范;
设计师:利用AI进行动效创新与视觉打磨;
测试员:负责功能校验与作品演示。
这种角色分工,精准还原了互联网企业的开发流程,锤炼了学生的协作与沟通能力。

3. 多元复盘,形成闭环
课后不再是简单的交作业,而是设置了“代码走查+作品展演”环节。学生不仅要秀出成品,更要拆解AI辅助设计的逻辑。通过师生互评,补齐技术短板,拓宽设计视野。
为了让课堂成果接受市场检验,课程同步举办了“网页设计挑战赛”,全面对标省级学科竞赛标准。
评价体系革新:新增“AI创意应用合理性”、“智能交互创新性”等维度,引导学生“会用AI”而非“照搬AI”。
行业大咖把脉:引入企业一线设计师进行线上点评,从商业落地角度给出建议,让教学与行业需求同频共振。
成果高效转化:本学期,24级数字媒体技术专业学生共产出百余件原创作品。经过严格遴选,10%的优质作品已直接推送至校级、省级更高规格的赛事平台。

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

往期推荐






来源|张雨
编辑|杨璐萍
复审|刘伟丽
终审|何丽慧
夜雨聆风