3D个人IP网站视频拆解与复刻教程

从IP素材到网页原型的可复刻工作流

来源视频 抖音 书惠的AI自动化日记

结论

可以复刻到“可交互的 3D 个人 IP 展示网站”这一层：先产出有一致性的角色素材，再将素材和页面需求交给建站 AI，最后统一界面规则并逐屏验收。不能直接复刻的是作者未公开的完整提示词、自由画布具体操作、建站工具名称与生成代码。因此，本文给出的是可执行的复刻方案，不是作者原始流程。

视频中“无需编程”“完整 HTML”等说法属于创作者披露；它不等于任何场景都能一次生成可上线网站。真实项目仍要处理版权、移动端、链接、加载和内容准确性。

视频事实与证据边界

视频三步和实际交付物

第一步 IP生成与动画

视频配文披露使用“小云雀自由画布 + Seedream 5.0pro”生成专属潮玩，并通过提示词控制静态图转动态视频。你不必先追求“3D”，先写清角色身份、比例、服装、道具、表情和背景；同一角色先固定一张主视觉，再扩展动作。

图 1：视频内实际画面——人物与潮玩IP并置，适合说明角色风格要先对齐

这是我的复刻提示词：请生成一个用于个人网站首屏的潮玩风 3D 角色。角色身份是[职业或个人标签]，穿[服装]，持有[道具]，表情[表情]。全身、正面、干净浅色背景、单人、画面中不含文字和 logo。请先给出角色设定摘要，再生成主视觉。

预期结果：得到一张可作为主视觉的干净角色图。失败排查：脸和服装每轮漂移时，不要继续叠加新要求；回到最满意的一张作为参考，锁定服装、发型、配色和角色比例，再只改一个变量。

图 2：视频内实际画面——多种角色素材并列，提示应先建立可复用的角色资产组

第二步 让 AI 建站

视频配文提到三种输入方式：给参考图、给素材、或给纯文案。三者可以混用，但先后顺序重要：先说明用户任务和页面结构，再给素材及其用途，最后才给视觉参考。只给参考图会让结果更像“模仿”；只给文案又可能没有足够的视觉锚点。

这是我的复刻提示词：请先为一个 3D 个人 IP 网站输出页面结构，不要写代码。目标用户是[谁]，首要动作是[预约/联系/查看作品]。页面包含首屏角色、个人简介、作品或服务、行动按钮和联系方式。素材清单如下：[文件名 - 用途 - 版权状态]。输出模块顺序、每个模块的文案需求、移动端删减规则和待确认问题。

图 3：视频内实际画面——3D形象展示，截图紧跟在建站素材说明之后

确认页面结构后，再让 AI 一次只实现首页首屏。预期结果：本地能运行的首屏，含角色、标题、简介和一个主按钮。失败排查：如果 AI 一口气生成全站且难以修改，要求它先列出文件树和组件职责，然后只实现一个区块。

第三步 全局UI调优

视频将这一段概括为统一设计语言。可验收的做法不是说“更高级”，而是先写成规则：仅保留 1 个主色、2 种字号层级、固定按钮高度、固定卡片圆角、统一图片裁切方式。每次只改一类规则，再检查所有页面。

图 4：视频内实际画面——提示词与动画设定信息，放在调优前提醒素材规则也需要统一

这是我的复刻提示词：请审查当前网站的视觉一致性，只输出问题清单和修改计划，不直接改代码。按颜色、字体层级、间距、按钮、卡片、图片裁切、动效和移动端逐项列出。每项给出当前问题、统一规则、受影响组件和验收方式。

最低验收：375px 宽度不横向溢出；标题不遮挡角色；所有主按钮能点击；图片均有合法来源记录；无空链接；动效关闭后仍可读。

最容易踩的四个坑

• 先做酷炫角色，后补用途。这样角色会变成装饰，网站没有主任务。先定义用户需要完成什么。

• 把他人作品截图直接当设计稿。应提取配色、层级和节奏，不复制可识别版式、文案、标识或图片。

• 一次给 AI 20 张未命名图片。应建立素材清单，每次只处理一组，并声明它们对应的页面区块。

• 把“生成成功”当成“可用”。必须在手机宽度、长文案、空内容和真实链接下复查。

来源

抖音原视频：https://www.douyin.com/video/7671208979590892900

访问与拆解时间：2026-09-21。视频页面、工具界面及功能可能变化；本文时间点来自页面可见章节。