cqh963852
3637129fd5
- 新增 CourseShelf 组件：title/desc/done/relations 卡片，hover 轮播预期成果 GIF - static/gifs 占位动图 6 张（同名替换即成片） - design-refs/pinterest 设计稿参考 13 张，含出处与版权说明 - .gitignore 忽略 .zcodeignore 工具本地配置
4.4 KiB
4.4 KiB
Pinterest 设计稿参考（教程网站重构）
来源：Pinterest 调研（2026-10-02），每张图已溯源到原始出处。版权状况见文末。 逐项元数据见 sources.json。
学习面板（靶子区 + 步骤验收）
| 文件 | 设计稿 | 原始出处 |
|---|---|---|
00-e-learning-platform---learning-plan-dash.jpg |
E-learning Learning Plan Dashboard（Bogdan Nikitin） | Dribbble / pin |
04-coursue-learning-platform-dashboard.jpg |
Coursue Dashboard（Fireart） | Dribbble / pin |
02-education-platform.jpg |
W-Power Courses Dashboard（Awsmd） | Dribbble / pin |
01-online-course-platform-concept.jpg |
Online Course Platform Concept（Petr Dudchenko） | Dribbble / pin |
03-learnify---uxui-design-of-the-online-cou.jpg |
Learnify 在线课程平台（Outright） | Dribbble / pin |
清单 / 任务（步骤卡 + 验收产物）
| 文件 | 设计稿 | 原始出处 |
|---|---|---|
06-task-management-app-ui-design.jpg |
Taskique 任务管理（Rifat）——含子任务勾选清单，重点参考 | Dribbble / pin |
07-checklist-design---curated-list-for-ui-c.jpg |
Checklist Design 清单资源站 | checklist.design / pin |
引导流（指派学习 + 脱靶提醒）
| 文件 | 设计稿 | 原始出处 |
|---|---|---|
08-onboarding-steps--untitled-ui.jpg |
Onboarding steps（Untitled UI / Jordan Hughes） | Dribbble / pin |
09-onboarding-progress-designs-themes-templ.jpg |
Dashboard Onboarding 进度引导 | Dribbble / pin |
教程站整体气质
| 文件 | 设计稿 | 原始出处 |
|---|---|---|
10-minidil-website-on-behance.jpg |
Minidil 教育网站（Behance） | pin（Behance 原项目未在 pin 页标注外链） |
11-how-does-scroll-into-view-work.jpg |
How it works - Scroll into view（Webflow 模板） | Webflow / pin |
12-tutorials-templates-figma--constructor-u.jpg |
Constructor UI Kit 教程页（Spline） | constructor.spline.one / pin |
05-edtech---online-learning-startup-web-ui-.jpg |
EdTech 学习站 UI Kit | UI8 / pin |
版权状况
- ✅ 可直接使用：Untitled UI 免费版组件（license：无限个人/商用、无需署名，禁止转售与用于竞争性 UI kit；部分 React 组件 MIT）。
- ⚠️ 仅作灵感参考，禁止复刻/搬图：所有 Dribbble shots、Behance（Minidil）、Pinterest 上的一切 re-pin 图（Pinterest 不授予再利用权，以原始出处为准）。checklist.design 未声明内容再利用条款，参考其组织方式、不照抄条目文案。
- 💰 需付费：UI8 EdTech Kit、Constructor（Spline）、Untitled UI PRO。
- 落地建议：借鉴信息架构与布局思想，用 shadcn/ui + Untitled UI 免费版等可商用组件库重新实现。