叶子学堂-游戏UI项目实战课是一类专注于“游戏界面设计（Game UI）”的实战型培训课程，主打通过真实项目带练，让学员从基础到作品集一步到位，具备进入游戏行业UI岗位的能力。

下面给你做一个完整、清晰的介绍👇

一、课程核心定位

👉 以“项目驱动”为核心的游戏UI设计实战课程

区别于普通设计课，它更强调：

• 游戏行业规范
• 商业项目流程
• 作品集打造

目标很明确：
👉 让你具备求职游戏UI设计师的能力

二、什么是游戏UI？

在游戏中，UI不仅是“界面好看”，还包括：

• 登录界面 / 主界面（大厅）
• 战斗HUD（血条、技能按钮等）
• 背包系统、任务系统
• 弹窗、活动界面
• 图标（Icon）与视觉规范

👉 游戏UI = 视觉设计 + 交互逻辑 + 游戏体验

三、课程内容结构（典型）

1️⃣ UI设计基础

• 构图、配色、字体
• 扁平/拟物/二次元/写实风格
• 游戏UI风格拆解

常用工具：

• Adobe Photoshop
• Adobe Illustrator
• Figma

2️⃣ 游戏UI专项技能

• 按钮、面板、弹窗设计
• UI组件规范（UI Kit）
• 图标设计（Icon设计）
• 特效表现（高光、质感）

3️⃣ 项目实战（核心部分）

通常会做多个完整项目，例如：

🎮 手游界面设计

• 主界面（大厅UI）
• 英雄/角色界面
• 商城系统

⚔️ 战斗UI设计

• 技能按钮
• 血条/能量条
• 战斗信息提示

🎁 活动与运营UI

• 活动页
• 抽卡界面
• 限时礼包设计

👉 每个项目都会形成作品集内容

4️⃣ 作品集打造

• 项目包装（从“作业”变“商业作品”）
• 排版与展示逻辑
• 面试作品讲解思路

5️⃣ 行业与就业指导（部分课程会有）

• 游戏公司UI岗位要求
• 面试技巧
• 简历优化

四、课程优势（重点）

⭐ 1. 项目驱动，实战性强

不是单个练习，而是：
👉 完整做出一整套游戏UI项目

更接近真实工作流程

⭐ 2. 作品集导向明确

课程目标很清晰：
👉 最终产出可用于求职的作品集

这点对新人非常关键

⭐ 3. 风格针对游戏行业

区别于普通UI设计：

• 更偏视觉冲击力
• 强调风格化（如二次元、写实、卡通）

⭐ 4. 技术门槛相对友好

相比编程类课程：
👉 更适合设计类/转行人群

⭐ 5. 就业导向强

很多课程会：

• 提供案例模板
• 拆解企业需求
• 模拟真实项目

五、适合人群

这个课程特别适合：

• 🎨 零基础想入行UI设计的人
• 🎮 对游戏行业感兴趣的人
• 🧑‍🎨 平面设计转UI
• 📱 互联网UI想转游戏UI
• 🧑‍🎓 在校学生（想做作品集）

六、可能的不足（理性看）

⚠️ 行业竞争较激烈（尤其初级岗位）
⚠️ 偏视觉，需要一定审美与练习积累
⚠️ 不同机构教学质量差异较大

👉 建议重点关注：

• 是否有真实项目案例
• 是否有老师逐一点评
• 是否有作品集指导

七、总结一句话

👉 这是一个以“做项目+出作品集”为核心，帮助你进入游戏UI行业的实战型课程。

课程目录：

├── 01.基础AI图标绘制技巧(1).mp4
├── 01.基础AI图标绘制技巧.mp4
├── 02.进阶AI图标绘制技巧.mp4
├── 03.扁平图标徽章设计(1).mp4
├── 03.扁平图标徽章设计.mp4
├── 04.手绘图标设计指南.mp4
├── 05.版式设计课程介绍(1).mp4
├── 05.版式设计课程介绍.mp4
├── 06.版式设计原则.mp4
├── 07.项目设计规范.mp4
├── 08.界面视觉层级.mp4
├── 09.界面视觉平衡.mp4
├── 10.颜色设计课程介绍.mp4
├── 11.界面配色规律.mp4
├── 12.配色参考技巧.mp4
├── 13.四大基本颜色问题.mp4
├── 14.Banner设计鉴赏.mp4
├── 15.Banner设计必备技巧.mp4
├── 16.常用的PS工具.mp4
├── 17.Banner案例演示.mp4
├── 18.字体设计课程介绍.mp4
├── 19.游戏字体入门.mp4
├── 20.游戏字体实操技法.mp4
├── 21.界面文字编排.mp4
├── 22.视觉塑造课程介绍.mp4
├── 23.界面素材品质提升.mp4
├── 24.界面氛围调性.mp4
├── 25.情绪板初级解析.mp4
├── 26.设计主题案例分析.mp4
├── 27.界面视觉图形构成.mp4
├── 28.图形设计作业讲解.mp4
├── 29.画面色彩提炼深入.mp4
├── 30.色彩提炼四步法则案例1.mp4
├── 31.色彩提炼四步法则案例2.mp4
├── 32.材质塑造处理技巧.mp4
├── 33.界面切图思路.mp4
├── 34.美术资源管理.mp4
├── 35.Unity入门指南.mp4
└── 36.Unity界面配置实操.mp4
├── SD安装包 及 模型分享 20240923
│ ├── 1.启动器运行依赖（下载本地运行）
│ │ └── 启动器运行依赖-dotnet-6.0.11.exe
│ ├── 2.SD4.8安装包（需解压到本地）
│ │ ├── readme.txt
│ │ └── sd-webui-v4.8-all.rar
│ ├── 3.多种模型资源（放入对应文件夹）
│ │ ├── Embeddings
│ │ │ ├── 2easynegative.png
│ │ │ ├── 2easynegative.safetensors
│ │ │ ├── badhandv4.png
│ │ │ ├── badhandv4.pt
│ │ │ └── EasyNegative.pt
│ │ ├── Lora
│ │ │ ├── figmaAnimeFigures_figma.png
│ │ │ ├── figmaAnimeFigures_figma.safetensors
│ │ │ ├── gachaSplashLORA_gachaSplashFarShot.png
│ │ │ ├── gachaSplashLORA_gachaSplashFarShot.safetensors
│ │ │ ├── huanqing.safetensors
│ │ │ ├── huanqingHD中秋活动.safetensors
│ │ │ ├── huanqing_tanchuang.safetensors
│ │ │ ├── huanqing_weiduoliya.safetensors
│ │ │ ├── Moxin_Shukezouma10.png
│ │ │ └── Moxin_Shukezouma10.safetensors
│ │ ├── Stable-diffusion
│ │ │ ├── anything-v4.5.png
│ │ │ ├── anything-v4.5.safetensors
│ │ │ ├── ChilloutMix-ni-fp16.png
│ │ │ ├── ChilloutMix-ni-fp16.safetensors
│ │ │ ├── CounterfeitV25_25.png
│ │ │ ├── CounterfeitV25_25.safetensors
│ │ │ ├── dalcefoPainting_3rd.png
│ │ │ ├── dalcefoPainting_3rd.safetensors
│ │ │ ├── GUI-demo0001.ckpt
│ │ │ ├── Guofeng3_v32Light.png
│ │ │ ├── Guofeng3_v32Light.safetensors
│ │ │ └── huanqing_1.0.safetensors
│ │ └── VAE
│ │ ├── Counterfeit-V2.5.vae.pt
│ │ ├── kl-f8-anime2.ckpt
│ │ └── vae-ft-mse-840000-ema-pruned.safetensors
│ └── 安装及教学视频.zip
├── 图文资料
│ ├── 战前准备
│ │ └── 安装及教学视频.zip
│ ├── 考试1_3-项目实战-入学测试.html
│ ├── 考试2_10-作业：进阶AI图标练习.html
│ ├── 考试2_13-作业：扁平徽章练习.html
│ ├── 考试2_16-作业：手绘图标练习.html
│ ├── 考试2_18-作业：SD生成UI效果图.html
│ ├── 考试2_4-作业：游戏界面分析.html
│ ├── 考试2_7-作业：基础AI图标练习.html
│ ├── 考试3_13-作业：个人作品立项.html
│ ├── 考试3_14-作业：版式综合练习.html
│ ├── 考试3_4-作业：规范排版练习.html
│ ├── 考试3_9-作业：界面排版分析.html
│ ├── 考试4_4-作业：色轮推导配色练习.html
│ ├── 考试4_6-作业：颜色参考配色练习.html
│ ├── 考试4_9-作业：颜色综合实战.html
│ ├── 考试5_3-作业：Banner基础延展.html
│ ├── 考试5_5-作业：PS工具练习.html
│ ├── 考试6_3-作业：字体的风格与分类.html
│ ├── 考试6_5-作业：游戏字体实战.html
│ ├── 考试6_7-作业：海报Banner字体综合实战.html
│ ├── 考试7_14-作业：个人项目塑造过程图和完成图提交.html
│ ├── 考试7_8-作业：图形设计练习.html
│ ├── 考试7_9-作业：情绪板整理.html
│ ├── 图文1_1-给你的一封信.html
│ ├── 图文1_2-叶子学堂-课前须知.html
│ ├── 图文2_12-图文：扁平图标徽章设计.html
│ ├── 图文2_15-图文：手绘图标设计指南.html
│ ├── 图文2_2-图文：必备技能地图.html
│ ├── 图文2_3-图文：作品参考指南.html
│ ├── 图文2_6-图文：基础AI图标绘制技巧.html
│ ├── 图文2_9-图文：进阶AI图标绘制技巧.html
│ ├── 图文3_11-图文：版式黑白灰关系.html
│ ├── 图文3_12-图文：版式专业词汇表.html
│ ├── 图文3_5-图文：项目规范案例-1.html
│ ├── 图文3_6-图文：项目规范案例-2.html
│ ├── 图文3_7-图文：项目规范案例-3.html
│ ├── 图文4_8-图文：颜色专业词汇表.html
│ └── 图文8_5-图文：作品集包装指南.html