教程 / 课程
共 24 个设计师推荐的教程 / 课程网站,按质量与推荐次数排序。
Interaction Design Foundation (IxDF)
提供 42 门 UX/UI 与 AI 设计课程,由行业专家授课,可获行业认可证书。
Envato Tuts+ Design & Illustration
Envato Tuts+ 提供数千个免费设计与插画教程和课程,涵盖 Photoshop、Illustrator、InDesign 等软件。
Envato Tuts+
Envato 旗下免费创意教程平台,涵盖平面、3D、动效等设计技能教学。
D&AD
英国设计与广告创意奖项机构,举办 D&AD 大奖并开设创意课程。
教程 / 课程Frontend Mentor
通过真实设计稿和项目挑战练习前端开发,提供AI代码评审和社区互评。
教程 / 课程Adobe MAX
Adobe 年度创意大会,200+ 场课程与灵感分享,线上线下均可参与。
教程 / 课程DesignCode
DesignCode 提供 300+ 小时设计开发课程,含模板、源码与 AI 聊天,教你打造精致 UI 与应用。
Photoshop Lady
自2008年起提供超过2200个Photoshop教程的资深站点,涵盖特效、修图与设计技巧。
SitePoint
面向 Web 开发者与设计师的技术博客与教程平台,涵盖 JavaScript、CSS、UX、WordPress、PHP 等。
教程 / 课程Interactive SVG Animations
Nanda Syahrasyad 出品的交互式 SVG 动画迷你课程,五章讲解 SVG 语法、CSS/SMIL 动画与滤镜。
Typekit Practice
Adobe Typekit 出品的字体排印学习资源库,含课程、参考文章与推荐书目,适合练习与提升排版技能。
教程 / 课程CreativeLive
在线创意教育平台,提供摄影、设计、视频、商业等直播与录播课程,讲师均为行业从业者。
教程 / 课程FLEX
一个用简单视觉示例讲解 Flexbox 所有属性的速查表网站。
教程 / 课程GRID: A simple visual cheatsheet for CSS Grid Layout
一个通过可视化示例学习 CSS Grid 布局属性的速查表网站。
教程 / 课程UI Recipes
每周分析热门 App 的 UI 模式与设计趋势,提炼成可操作的 UI 设计配方。
Motion by Zajno
Zajno 出品的 UI/UX 动效教学网站,用实例讲解缓动、延迟等界面动画原理。
动效制作工具Linearity
Linearity 提供 Curve 矢量设计与 Move 动效工具,并设有博客分享教程与产品更新。
教程 / 课程DesignerUp
面向 UX/UI 与产品设计的在线学习平台,提供自定进度课程、资源与社区,强调正念设计。
PSD Box
Photoshop 照片合成与修图教程网站,由资深 PS 艺术家 Andrei 分享完整工作流与技巧。
教程 / 课程Build a Three.js Game with Fable 5.1
DesignCode 出品的 Three.js 游戏开发课程,用 Fable 5.1 与提示词打磨可玩动作 RPG。
Lukasz Adam
插画师 Lukasz Adam 的个人网站,提供免费插画库、课程与主题资源。
教程 / 课程Sketch Master
Sketch Master 是一套面向专业设计师的 Sketch 视频教程,涵盖图标、UI 布局、原型和 SVG 等核心技能。
UiiiUiii
优设旗下的免费设计教程网站,提供PS、AI、AE、C4D等软件教程,现已停运。
OOCSS
OOCSS(面向对象 CSS)是一种将结构与皮肤分离、强调可复用模块化组件的 CSS 编写方法论。