GenJi是真想教会你《B站课堂：UI设计全能实战课 (视频+课件) 》

UI/产品

课程简介

适合人群：不想只做“美工”，想接私单或进大厂的职场人对于大多数上班族和转行者来说，UI 设计是一个听起来光鲜、做起来却容易陷入“像素眼”和“审美疲劳”的领域。市面上充斥着大量只讲软件操作（如画圆、排字）的教程，学完只能做一个工具人。GenJi 这套《B站课堂：UI设计全能实战课》的侧重点不同，它更接近于一个“从 0 到 1 的设计师养成计划”。这门课主…

已有 0 人浏览发布 2026-06-14 更新 2026-06-14

适合人群：不想只做“美工”，想接私单或进大厂的职场人

对于大多数上班族和转行者来说，UI 设计是一个听起来光鲜、做起来却容易陷入“像素眼”和“审美疲劳”的领域。市面上充斥着大量只讲软件操作（如画圆、排字）的教程，学完只能做一个工具人。GenJi 这套《B站课堂：UI设计全能实战课》的侧重点不同，它更接近于一个“从 0 到 1 的设计师养成计划”。

这门课主要解决两个痛点：一是“审美与逻辑”的断层，二是“作品集与变现”的焦虑。如果你已经掌握基础操作，但面对设计需求不知道从何下手；或者你是一名转行者，急需一套能直接拿去面试的作品集，这套资料会非常合适。它不兜售“速成”的鸡汤，而是提供一套经过验证的设计方法论。

实战导向：35 个真实商业项目，覆盖主流设计场景

不要被“B站课堂”这个形式迷惑，这其实是一套成体系的企业级实战课程。课程的核心价值在于“场景化”。它不是让你对着假素材瞎画，而是模拟了真实工作中的 35 个设计项目。

资料中包含的实战内容非常具体，涵盖了从 APP 到网页、从电商到后台管理的全链路 UI 设计。你将接触到企业级的设计规范制定、组件库搭建以及高保真交互原型制作。通过这 35 个案例，你不仅能学会如何把一个功能点设计得好看，更重要的是学会如何用设计语言去解决产品痛点。这种“拿来就能用”的商业案例积累，是很多付费课程里缺失的一环。

资料结构：不只是视频，更是系统化的设计工具箱

拿到这套资料包，你会发现它不仅仅是 35 个视频文件那么简单。GenJi 在资料整理上非常务实，特别强调了“设计规范”与“色彩心理学”的实战应用。

资料包中包含了几份核心的设计参考文档，例如《35个商业级UI项目规范.pdf》和《色彩搭配与排版原理.pdf》。这些 PDF 文档实际上就是设计师的“速查手册”。在学习视频的过程中，你可以对照这些文档进行练习，而不是盲目操作。特别是针对电商设计、APP界面设计等高频场景，资料中提供了现成的配色方案和排版逻辑。对于基础薄弱的初学者，这些文档是建立设计逻辑的基石；对于有基础的设计师，它们则是优化工作流、提升设计效率的利器。

如何使用这套资料：建议的学习路径

为了避免学完就忘，建议按照以下步骤消化这套资料：

第一步：建立规范意识。先阅读资料中的《项目规范》和《色彩原理》PDF，理解什么是设计一致性，不要一开始就陷入局部细节的纠结。
第二步：拆解商业案例。选取资料中的一个实战项目（如电商详情页或移动端首页），不要直接照抄，而是先分析其结构，再尝试自己重新推导一遍。
第三步：积累作品集。将这 35 个项目作为你的作品集素材。重点在于展示你的设计思考过程，而不仅仅是最终效果图。
第四步：查漏补缺。在练习过程中，遇到软件操作问题再看对应的视频讲解，这样效率最高。

UI 设计不是靠“灵感”灵光一现，而是靠严谨的逻辑和大量的练习。这套资料的价值，就在于帮你把“灵感”变成“能力”，把“想法”变成“作品”。

GenJi是真想教会你《B站课堂：UI设计全能实战课 (视频+课件) 》

???????????????

??????

????UI????????????????????????????????

? ?????

??????????UI????????????????????????????????????????UI???????

??????

?????????

?????UI???

????????????

γĿ¼

? ?????
??35??????W???UI??????.pdf [25.8 MB]
??41???????????????????????.pdf [60.3 MB]
??19??????????????????&???????.pdf [15.3 MB]
??9????????????????????????????????????????.pdf [7.1 MB]
??21????UI????????????.pdf [16.0 MB]
??10??????P6?????????????????????.pdf [14.6 MB]
??27??????????????????????banner.pdf [16.1 MB]
??26????????????????????????banner.pdf [11.2 MB]
??31????????????UI??????????.pdf [11.6 MB]
??17????P6????????????????????.pdf [26.1 MB]
??34??????????????-?????????????????.pdf [18.3 MB]
??29???????????UI??????????.pdf [46.7 MB]
??16????????????????????????.pdf [10.6 MB]
??15????????????????????.pdf [6.3 MB]
??11???????????????????????Z&???????.pdf [13.3 MB]
??13????????????????????&????????.pdf [14.0 MB]
??24???????????????????????????.pdf [8.0 MB]
???????? ?????? ????.docx [10.3 KB]
??39????B???????UI??????.pdf [11.3 MB]
??32????????????UI??????????.pdf [11.5 MB]
??18????UI??????????&?????.pdf [14.5 MB]
??14????????????????????????.pdf [6.2 MB]
??1????iOS????Z??????????Z?????.pdf [44.2 MB]
??22?????????????????????&banner.pdf [31.9 MB]
??37???????????UI??????.pdf [8.6 MB]
??12????????????????????????&??????.pdf [18.3 MB]
??25??????????????????^??????.pdf [11.2 MB]
??7????B????????Z???????????&???????Z????.pdf [16.6 MB]
??23??????????????????????????.pdf [14.5 MB]
??28????????????????????^banner.pdf [20.9 MB]
??5???????????Z?????????????Z?????????MD3????.pdf [13.7 MB]
??3????IOS??????????????????????Z????????.pdf [26.8 MB]
??33??????????????-?????????????????.pdf [9.1 MB]
??6??????????????Z???????????Z????&???????.pdf [18.5 MB]
??????? 35 ???????????????
??????? 35 ???????????????

??????

UI???????
?????????????
??????????????????

ѧϰջ

????UI??????

????????????

????????????????

????????

????????????????