-
-
社区置顶帖
[
【有奖征集】TraeWork 的 100 种用法 · 由你来定义
](🎉【有奖征集】TraeWork 的 100 种用法 · 由你来定义)
[
「本周社区之星」获奖公示——7月第四周 7.20-7.26
](🎉「本周社区之星」获奖公示——7月第四周 7.20-7.26)
[
（7.21-8.9必看）复赛参赛指南——从Demo到完整作品，如何交出一篇稳进决赛的复赛作品
](👉（7.21-8.9必看）复赛参赛指南——从Demo到完整作品，如何交出一篇稳进决赛的复赛作品 - #41，来自 邱息)
[
【重要通知】初赛晋级复赛公示
](📢【重要通知】初赛晋级复赛公示 - #96，来自 buddy)
19
已投票
生活娱乐 + 社会公益｜遗造 YìZào：一本会生成文创的非遗图谱
145浏览量1链接
1/7
由 一袭青衫 于 7月 1 日 发布
5
到此为止，下次再来
145浏览量1链接
由 一袭青衫 于 7月 1 日 发布
移动端体验和颜色选取正在优化中
1
1
17 天后
由 一袭青衫 于 7月 18 日 发布
若能进入复赛，在功能和视觉上将有大动作。
1
由 醒明Aiden 于 7月 19 日 发布
太有意思了！已支持！
1
由 醒明Aiden 于 7月 19 日 发布
互相支持呀！https://forum.trae.cn/t/topic/72727/69太厉害了！
1
1
由 醒明AI研究院成员星图蓝恩希 于 7月 19 日 发布
已支持，加油！
由 一袭青衫 于 7月 20 日 发布
已经给你投票
1
新话题和未读话题
话题列表，带有按钮的列标题可以排序。 话题
backhand_index_pointing_right（6.16-7.15必看）初赛参赛指南—如何发布一篇容易入围复赛的Demo作品帖
woman_and_man_holding_hands互动交流
backhand_index_pointing_right（7.21-8.9必看）复赛参赛指南——从Demo到完整作品，如何交出一篇稳进决赛的复赛作品
一个正规的比赛，需要公平，公开，请公开每个参赛作品的专家评分。
有 6 个未读话题 和 254 个新话题， 或浏览【大赛初赛专区】中的其他话题
历史记录
一袭青衫7月 1 日
生活娱乐 + 社会公益｜遗造 YìZào：一本会生成文创的非遗图谱
生活娱乐 + 社会公益｜遗造 YìZào：一本会生成文创的非遗图谱
标签：生活娱乐、社会公益
1. Demo 简介
「遗造 YìZào」是一个可交互的网站 Demo，定位是“一本会生成文创的非遗图谱”。
它面向喜欢国风、非遗、文创产品的年轻用户，也面向希望快速获得文旅纪念品设计参考的创作者、博物馆和文旅公益传播者。
Demo 的核心功能有 3 个：
- 浏览 6 个非遗纹样图谱：苗繡、青花、剪纸、敦煌、壮锦、云雷纹。
- 选择纹样后进入“造物”流程，选择商品形态、颜色和一句心愿。
- 生成对应 AI 文创作品展示，并输出文化转译说明。
2. Demo 创作思路
这个创意来自一个很直接的问题：很多非遗纹样常常停留在展板、图册、介绍文字里，离普通人的日常生活还有一点远。
我想做的不是一个普通的非遗科普网页，而是让用户完成一次“从文化图谱到日常物件”的体验：先看见纹样，再理解文化来源，最后把它转译成手机壳、丝巾、海报这样的现代文创作品。
报名时的核心承诺是：
输入非遗元素 + 物品形态，AI 自动生成可用于贴纸、手机壳、海报、T 恤的文创设计图。
初赛 Demo 阶段，我把范围收敛为 6 个非遗纹样 × 3 类文创商品，让核心链路先跑通：
打开网站 → 看古籍 → 翻开 → 选择纹样 → 选择商品/颜色/心愿 → 唤醒 → 看到 AI 文创作品和文化转译说明。
视觉文字上，我选择了繁体中文作为主要界面语言。原因是这个 Demo 的核心体验接近“一本非遗图谱”或“博物馆古籍展陈”，繁体字在竖排、古籍、纹样图录这些场景里更贴近整体气质，也能强化“打开一卷旧图谱”的沉浸感。功能操作仍保持简单，用户可以通过按钮、流程和图像理解完整体验。
开发中的主要取舍是：不追求“大而全”的非遗平台，而是先做一个完整、克制、有审美的体验闭环。
3. Demo 体验地址
在线体验地址：
遗造 YìZào
如果首次访问较慢，可以等待资源加载完成后再操作。Demo 包含本地字体、SVG 纹样和 AI 文创图片资源。
4. TRAE 实践过程
本项目主要使用 TRAE Work 完成。我负责提出方向、审美判断和阶段性质检，TRAE 负责代码实现、组件拆分、动画编排和视觉方案迭代。
关键步骤一：推倒重做，确定视觉方向
最初版本只有“开卷 / 转场 / 择纹”三幕，整体视觉没有达到预期。之后我决定推倒重做，把项目定位为沉浸式网页体验：
- 序章：电影感开卷
- 择纹：刊物级图谱排版
- 造物：实时反馈
- 成器：海报式揭幕
对应 Session：
Session 1：序章开卷，从空项目到博物馆级古籍视觉
ID：1628812525967785:ed14e50d1dfdc7246f880ec545db80d7_6a3ea9cfa305a7225fbf6251.6a3ec2efa305a7225fbf6366.6a3ec2eea305a7225fbf6364:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/27 02:20:31)
Session 2：序章动画与交互系统
ID：1628812525967785:e477ddc7a3fb2b71419c8cc9cec6be97_6a3ec688a305a7225fbf6375.6a3ecc99a305a7225fbf63f2.6a3ecc99a305a7225fbf63f0:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/27 03:01:45)
关键步骤二：完成 6 个非遗纹样 SVG 与择纹页
TRAE 帮我生成并迭代了 6 个独立 SVG 纹样，包括苗繡、青花、剪纸、敦煌、壮锦、云雷纹。
其中苗繡经历了多轮修改，从最初偏几何的形态逐步调整到更接近“蝴蝶妈妈”意象的版本。其他 5 个纹样则比较顺利，一次通过。
择纹页最终采用 6 屏图录结构，每一屏展示一个纹样、文化来源、英文名、推荐商品和进入造物按钮，并加入右侧固定进度条。
对应 Session：
Session 3：6 个非遗纹样数据与几何 SVG 设计
ID：1628812525967785:fed80b98cf1463d939de18609159d53b_6a3f56e82705f4557a179f49.6a3f7d762705f4557a17a086.6a3f7d762705f4557a17a084:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/27 15:36:22)
Session 4：第一章择纹，滚动叙事完整实现
ID：1628812525967785:7046001359e7a13b3202ecaddd224ec6_6a3f83172705f4557a17a09b.6a3fa1eb2705f4557a17a14b.6a3fa1eb2705f4557a17a149:TRAE Work CN.0.1.23.no_sid.no_ppe.T(2026/6/27 18:11:55)
关键步骤三：造物页与成器页闭环
在造物页中，用户可以选择：
- 物：手机壳 / 丝巾 / 海报
- 色：根据纹样主色派生的 4 个色彩
- 愿：一句想表达的心愿
提交后进入 2.5 秒“唤醒”动画，再进入成器页。成器页展示 AI 预生成的文创图片，并根据用户选择生成文化转译说明。用户输入的“心愿”会被织入设计转译文案里。
对应 Session：
Session 6：第二章造物
ID：1628812525967785:3b5c938721c8060e3e198d81fff9c407_6a429d630f3781075abf0eb6.6a42a6440f3781075abf0f3e.6a42a6440f3781075abf0f3c:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/30 01:07:16)
提交后进入 2.5 秒“唤醒”动画，再进入Session 7：第三章成器页。成器页展示 AI 预生成的文创图片，并根据用户选择生成文化转译说明。用户输入的“心愿”会被织入设计转译文案里。
ID：1628812525967785:c813fea6d414e85c7c727b2ee8141d41_6a42ad0b0f3781075abf0f59.6a42b5520f3781075abf0fad.6a42b5520f3781075abf0fab:TRAE Work CN.0.1.25.no_sid.no_ppe.T(2026/6/30 02:11:30)
5. 开发中的取舍与踩坑
这个 Demo 最大的挑战不是功能，而是审美克制。
一开始我尝试过更复杂的背景滤镜、暗金光门转场和更多装饰效果，但实际测试后发现会出现像素裂痕、同心圆干扰和视觉负担。最后我砍掉了多余特效，保留纯色暗底和简单 fade 转场。
另一个取舍是“先完成闭环，而不是继续扩功能”。项目曾经规划过第四章故事片和终章文创馆，但初赛阶段我选择先保证核心链路稳定可体验。
6. 技术栈
- React 19 + Vite 8
- framer-motion
- Fontsource 本地字体
- SVG 纹样与滤镜
- AI 预生成文创图
- Surge 静态部署
7. 社会公益价值
「遗造 YìZào」希望用更轻量、更有审美的方式，让非遗纹样从“被观看的文化资料”变成“可以被使用、被赠送、被再次传播的日常物件”。
它不是替代真正的非遗传承人，而是提供一个入口：让更多年轻人先被吸引、愿意了解，再进一步接近真实的非遗文化。
8. 报名帖链接
报名帖链接：生活娱乐赛道｜遗造——把非遗纹样一键变成文创设计的 AI 创作工具
1 2 / 6