AI+UI系统实战课：十周完整教学｜图标IP运营视觉｜笔试作品集交互动效全套落地教程

课程内容简介

2026年05期菜心AI+UI新流程系统课程共10周30节核心内容，采用直播+录播+作业点评三位一体授课模式，额外附赠站酷热门动效专题。课程从AI图标、界面精修、B端视觉、IP吉祥物、徽章等级、运营活动视觉逐步教学，覆盖作品集包装、大厂笔试、竞品体验分析、交互原型求职全链路，配套完整网盘实操素材，完整打通AI辅助UI从素材生成、页面落地到求职作品集的标准化设计工作流。

适合学习人群

1. 零基础想转型AI UI设计的入门设计师
2. 传统UI设计师，想用AI提升出图效率
3. 不会做IP、运营视觉、作品集的从业者
4. 准备大厂UI/UX笔试求职的设计新人
5. 想掌握界面动效、交互原型的体验设计师

学习后收获

1. 掌握AI图标、界面、IP、运营视觉全套出图方法
2. 精通B端控件、徽章等级体系标准化设计流程
3. 学会作品集包装、大厂笔试答题完整思路
4. 掌握竞品分析、体验地图、交互原型制作技能
5. 学会3类商业UI动效，丰富项目作品竞争力

课程大纲

完整10周课程大纲

第一周｜AI图标设计基础

1. 直播课：AI辅助图标设计 线性图标与面型图标基础 图标的创意设计思路 质感图标的光影基础 去除AI生成痕迹，提升图标设计质感 AI快速产出整套高质量创意图标
2. 视频课：线面性图标的快速出稿方法
3. 配套：第一周直播作业点评课

第二周｜AI界面设计精修

1. 直播课：AI辅助界面设计 界面设计6大底层精致逻辑 AI快速生成界面源文件框架 审美优化提升界面设计感
2. 视频课：界面主形象精修实操
3. 配套：第二周直播作业点评课

第三周｜AI视觉风格设定 & B端界面

1. 直播课：AI辅助风格设定 风格设定核心步骤 AI在风格定版中的关键作用 AI延展成套具备设计感的控件库
2. 视频课：B端界面与传统切换风格实操
3. 配套：第三周直播作业点评课

第四周｜AI吉祥物IP全流程设计

1. 直播课：AI辅助IP设计及延展 IP吉祥物创意设定方法原则 吉祥物与UI设计结合要点 AI快速生成吉祥物多动作延展 统一吉祥物视觉风格与设计质感
2. 视频课：人物IP延展实操 附加录播：吉祥物动态生成精简教程
3. 配套：第四周直播作业点评课

第五周｜徽章、等级视觉体系设计

1. 直播课：AI辅助等级体系 打造视觉等级氛围感 AI快速批量生成等级素材 等级体系与页面融合设计难点
2. 视频课：徽章的生成与修改、视觉化卡片设计
3. 配套：第五周直播作业点评课

第六周｜AI运营视觉与活动界面

1. 直播课：AI辅助运营设计 视觉画面层次理论基础 AI快速完成引导页设计 AI快速产出全套运营视觉画面
2. 视频课：视觉运营界面设计、B端风格设计
3. 配套：第六周直播作业点评课

第七周｜AI作品集包装打造

1. 直播课：AI辅助作品集包装 作品集完整框架结构 作品集风格设定与关键视觉触点 AI辅助产出作品集配套素材
2. 视频课：视觉类作品包装技巧 配套录播：非视觉化作品包装教程
3. 配套：第七周直播作业点评课

第八周｜大厂UI笔试 & 作品集阐述

1. 直播课：AI辅助笔试题与表达 AI辅助笔试题完整框架 作品讲解高阶专业词汇 笔试作品必备设计元素
2. 视频课：大厂测试题思路、作品集结构及阐述思路
3. 配套：第八周直播作业点评课

第九周｜用户体验优化、竞品分析

1. 直播课：体验优化的方法与技巧 体验优化设计的核心价值解析 UI设计师必备体验优化技巧 大厂真实项目优化案例拆解
2. 视频课：体验地图与竞品分析 建立业务基础认知 竞品分析完整产出内容 用户体验地图制作工具与实操方法
3. 配套：第九周直播作业点评课

第十周｜交互设计 & 体验设计师求职作品集

1. 直播课：梳理交互的核心方法 交互设计基础理论浅析 交互梳理的5套核心方法 产品核心链路交互原型完整实操
2. 视频课：体验设计师作品集内容规划 体验设计项目提案思路分类 体验设计师作品集完整制作方法 求职加分必备作品集内容
3. 配套：第十周直播作业点评课

新增专题课时：站酷首页推荐热门案例动效课

三大完整商业案例动效全流程教学：

1. 体育赛事UI设计动效（小游戏APP界面动效）
2. 《电影天团×小猫府》品牌平面动效
3. 《鸵鸟羽毛球品牌IP·小猫府》IP形象动效

网盘配套视频文件清单（对应课程）

1. 1 AI辅助图标设计.mp4
2. 02 线面性图标的快速出稿方法（精剪录播）.mp4
3. 3 第一周作业点评.mp4
4. 4 第一周作业点评(71-150).mp4
5. 5 AI辅助界面设计（包含作业布置）.mp4
6. 6 界面主形象精修实操（精剪录播）.mp4
7. 7 第二周作业点评(71-150).mp4
8. 8 第二周作业点评(1-70).mp4
9. 9 AI辅助风格设定（包含作业布置）.mp4
10. 12 AI辅助IP设计及延展（包含作业布置）.mp4
11. 13 人物ip延展（精剪录播）.mp4
12. 14 第四周作业点评.mp4
13. 15 吉祥物动态生成(精简录播).mp4
14. 16 AI辅助徽章风格设定（包含作业布置）.mp4
15. 17 AI辅助徽章设计体系.mp4
16. 18 第五周作业点评.mp4
17. 19 AI辅助运营视觉设计.mp4
18. 20 视觉运营界面设计.mp4
19. 21 B端风格设计.mp4
20. 22 第六周作业点评(1-150).mp4
21. 23 非视觉化作品包装（包含作业布置）.mp4
22. 24 视觉类作品包装技巧（精剪录播）.mp4
23. 25 第七周作业点评(1-150).mp4
24. 26 AI辅助笔试题与表达 .mp4
25. 27 作品集结构及阐述思路（精剪录播）.mp4