蜗牛学苑UI设计全能教程

 1. 课程核心价值：从绘画基础到商业设计的完整闭环   
B站蜗牛学苑UI设计全能教程以"底层能力+工具实操+项目实战"为教学逻辑，覆盖手绘基础、PS/AI软件操作、商业设计全流程。课程从素描排线、透视原理等美术基础切入，逐步过渡到针管插画创作、3D建模渲染等进阶技能，最终完成VI系统、网页设计等商业作品集打造，真正实现从入门到就业的无缝衔接。   

 2. 三大阶段构建专业设计能力体系   
第一阶段：美术基础强化（01-09课）   

通过几何形体绘制、三大面五大调等素描训练培养造型能力，结合针管插画掌握线条控制与构图思维，为UI设计打下扎实的美学基础。   

第二阶段：设计软件深度掌握（10-44课）   

系统讲解PS通道抠图、中性灰修图等核心功能，延伸至AI的3D建模与流体海报制作，重点培养工具组合应用能力，包含证件照处理、产品精修等实用场景教学。   

第三阶段：商业项目实战（45-100课）   

从LOGO设计、VI系统搭建到网页规范，通过画册排版、故障风海报等18种商业案例演示，掌握设计提案全流程，课程最后特别设置栅格系统与线框原型专项训练，直击企业级项目需求。   

 3. 差异化亮点：手绘与数字技术的融合创新   
课程突破传统UI教学局限，独创"手绘-软件-商业转化"三维教学法：   

• 用素描思维理解界面光影关系（05课）   

• 将插画动态演示转化为IP形象设计（34-36课）   

• 通过2.5D插画掌握立体视觉规范（40-41课）   

这种创新模式能帮助学员建立独特的设计语言体系。   

 4. 适合人群与学习建议   
本教程特别适合：   

✓ 零基础但想系统入行UI设计者   

✓ 有PS基础需提升商业思维的设计爱好者   

✓ 需要作品集优化的转行人群   

建议按课程顺序学习，重点掌握23课产品精修理论、67课VI系统构建等核心章节，配合每节课的实战作业巩固技能。   

 5. 行业级知识模块解析   
课程包含多个企业常用知识模块：   

• 黄金分割LOGO设计（60课）   

• 双重曝光海报技法（78课）   

• 网页栅格系统规范（95课）   

• 画册页眉结构设计（89课）   

这些内容均来自蜗牛学苑真实服务案例，具有强实战指导价值。   

通过100节精细化视频教学，本课程能帮助学习者建立符合行业标准的UI设计知识网络，掌握从创意构思到落地执行的全链路能力。无论是自由接单还是职场晋升，都能获得显著竞争力提升。

资源目录列表：

├─B站蜗牛学苑UI设计全套教程
│  ├─01-手绘基本认识，排线法，透视月空间.mp4
│  ├─02-素描起稿，几何形体绘制.mp4
│  ├─03-三大面五大调1.mp4
│  ├─04-三大面无大调2.mp4
│  ├─05-形体绘制及线条虚实.mp4
│  ├─06-针管插画入门-起草.mp4
│  ├─07-针管插画进阶-描线.mp4
│  ├─08-针管插画演示1.mp4
│  ├─09-针管插画演示2.mp4
│  ├─100-网页设计组成与规范②.mp4
│  ├─10-PS常识讲解1.mp4
│  ├─11-PS常识讲解2.mp4
│  ├─12-PS工具讲解1.mp4
│  ├─13-PS工具讲解2.mp4
│  ├─14-PS-遮住，通道抠图1.mp4
│  ├─15-PS通道抠图2.mp4
│  ├─16-PS中性灰人像处理.mp4
│  ├─17-PS合成相机海报演示.mp4
│  ├─18-PS文字海报演示.mp4
│  ├─19-PS证件照讲解.mp4
│  ├─20-PS一点透视演示1.mp4
│  ├─21-PS两点透视演示2.mp4
│  ├─22-PS一点透视两点透视海报演示.mp4
│  ├─23-产品精修理论讲解.mp4
│  ├─24-产品精修材质比较.mp4
│  ├─25-产品材质比较.mp4
│  ├─26-PS3D了解.mp4
│  ├─27-PS3D建立基本模型.mp4
│  ├─28-PS3D耳机制作.mp4
│  ├─29-AI基础讲解.mp4
│  ├─30-AI基础讲解.mp4
│  ├─31-AI基础讲解.mp4
│  ├─32-运营插画演练.mp4
│  ├─33-运营插画演练.mp4
│  ├─34-插画人物动态演示.mp4
│  ├─35-插画人物动态演示.mp4
│  ├─36-IP形象插画.mp4
│  ├─37-混合工具做海报.mp4
│  ├─38-3D海报.mp4
│  ├─39-潮流海报.mp4
│  ├─40-2.5D插画演示.mp4
│  ├─41-2.5D插画演示.mp4
│  ├─42-流体海报演示.mp4
│  ├─43-流体海报演示.mp4
│  ├─44-流体海报演示.mp4
│  ├─45-如何提高审美讲解.mp4
│  ├─46-平面构成1.mp4
│  ├─47-平面构成2.mp4
│  ├─48-平面构成3-群化 6.7.mp4
│  ├─49-平面构作业点评演示.mp4
│  ├─50-色彩构成理论讲解.mp4
│  ├─51-色彩构成理论讲解.mp4
│  ├─52-色彩构成四种调和演示.mp4
│  ├─53-色彩构成理论讲解.mp4
│  ├─54-色彩作业点评.mp4
│  ├─55-logo理论讲解.mp4
│  ├─56-logo理论讲解.mp4
│  ├─57-logo设计思路.mp4
│  ├─58-logo理论讲解.mp4
│  ├─59-logo设计案例草图绘制演示.mp4
│  ├─60-黄金分割图形logo案例演示.mp4
│  ├─61-文字设计logo案例演示示.mp4
│  ├─62-熊猫IP形象设计讲解.mp4
│  ├─63-熊猫IP形象设计讲解.mp4
│  ├─64-字体logo设计讲解-移花接木法.mp4
│  ├─65-松鼠IP形象设计讲解.mp4
│  ├─66-松鼠IP形象设计讲解.mp4
│  ├─67-VI系统-基础部分理论讲解.mp4
│  ├─68-VI系统-logo标准网格制图.mp4
│  ├─69-VI系统-logo基础系统演示.mp4
│  ├─70-logo辅助图形规律性延展.mp4
│  ├─71-logo产品相关辅助图形讲解.mp4
│  ├─72-logo产品相关辅助图形讲解.mp4
│  ├─73-VI系统贴样机演示.mp4
│  ├─74-海报理论讲解.mp4
│  ├─75-报理论讲解.mp4
│  ├─76-中心型居左居右型压四角型.mp4
│  ├─77-满版骨骼海报演练.mp4
│  ├─78-双重曝光海报演示.mp4
│  ├─79-骨骼海报演练.mp4
│  ├─80-美食海报乌鸡汤演示.mp4
│  ├─81-美食海报菊香蟹演示.mp4
│  ├─82-食海报菊香蟹演示2.mp4
│  ├─83-故障风格海报演示.mp4
│  ├─84-画册理论讲解.mp4
│  ├─85-画册理论讲解.mp4
│  ├─86-画册规范讲解.mp4
│  ├─87-画册规范封面讲解.mp4
│  ├─88-画册目录演示.mp4
│  ├─89-画册页眉及公司介绍演示.mp4
│  ├─90-画册3-4页演.mp4
│  ├─91-画册改版演.mp4
│  ├─92-画册改版演示.mp4
│  ├─93-画册改版演示.mp4
│  ├─94-项目分析与风格参考.mp4
│  ├─95-栅格系统与线框原型.mp4
│  ├─96-案例实操讲解①.mp4
│  ├─97-案例实操讲解②.mp4
│  ├─98-知识小结&个人项目立项.mp4
│  ├─99-网页设计组成与规范①.mp4