外部作品 · 原文链接

用了半天时间，我把简历做成了 3D 网站

Kevin崔抖音原作者 · Zephyr2026/09/22 26 浏览

开源3D简历网站二次改造拆解

从手绘风3D走廊到真实个人作品展示

结论

这条视频展示的不是从零开发，而是基于开源 3D 网站替换个人内容的二次改造。它可以复刻为“有空间动线的作品集”这一体验，但不能照搬原项目的视觉、代码或素材，更不能在没有确认许可证的情况下把它称为原创。作者本人也明确说视频中的网站没有部署上线，只做了个人内容修改。

证据层	可确认内容
来源画面事实	视频时长 01:43，展示手绘风3D走廊；门分别通向画廊、创作空间、个人介绍、联系空间等。
创作者披露	作者称项目来自 GitHub 上的 ITOM 作者，只修改自己的内容，未部署上线。片尾画面出现原作者 Tomasz Szmajda 的署名。
官方资料	视频没有给出具体仓库 URL、许可证、依赖版本或部署配置；本文不据此推断可商用范围。
复刻方案	本文提供的是合规二改与信息架构方法。复刻方案不等于创作者原始完整流程。

视频用“可走进去的走廊”作为首页，不是为了炫技，而是把普通简历的栏目改写成可探索的入口。首屏只需要回答两件事：这是谁的作品集，以及访问者能从哪扇门开始。若用户无法在十秒内找到作品或联系方式，沉浸感就会变成阻碍。

图 1：完整来源页面截图——3D走廊作为进入个人网站的空间入口

复刻建议：保留一条清晰主路径，例如“作品集 → 项目详情 → 联系方式”；其余空间作为补充入口。每扇门都应有清晰标签、键盘可达路径和普通菜单替代入口，避免只能靠鼠标探索。

片中走廊的门被赋予不同主题。其中画廊更适合放代表项目，创作空间适合过程、草图或日常输出。分区的原则不是“越多空间越好”，而是每个空间只承担一种读者问题：你做过什么、怎么做、擅长什么、怎么联系。

图 2：完整来源页面截图——画廊门作为作品集合的入口

图 3：完整来源页面截图——创作过程和日常内容的展示空间

失败排查：如果某个空间里同时放简历、案例、生活照和联系方式，说明栏目没有边界。先删到每一页只回答一个问题，再考虑加动效。

视频中出现技能空间，说明个人资料可以被翻译为场景而不只是列表。但二改时至少应替换：姓名与联系方式、项目图片及说明、技能证据、视觉主色、导航标签、网页标题和社交预览图。只替换个人资料而保留原空间叙事，仍然会显得与原项目高度相似。

图 4：完整来源页面截图——技能空间，将个人能力转化为可探索的区域

复刻方案：先写一页内容清单，再交给开发工具。清单字段包括栏目、读者问题、真实材料、主行动、图片来源和替换状态。只有真实材料已备齐，才进入页面实现。

视频片尾署名了原作者 Tomasz Szmajda，这至少说明来源应被追溯。但署名本身不等于已经满足许可证要求。实际使用前必须找到准确仓库，阅读 LICENSE、README 和素材来源；确认是否要求保留版权、是否允许商用、是否要求开源衍生版本。无法找到许可证时，不要把代码或视觉原样用于公开展示。

图 5：完整来源页面截图——联系空间及片中出现的原作者署名

上线前检查	通过标准
许可证	已定位原仓库与 LICENSE，并按要求保留归属或公开衍生内容。
原创度	替换了空间叙事、视觉语言、文案和素材，而非只替个人信息。
可用性	桌面与手机均有明确导航；不依赖3D漫游也能访问作品和联系信息。
性能	有加载状态、低性能设备降级方案和图片体积控制。
真实性	每个案例可打开、可说明自己的具体贡献，不以动效代替项目证据。

值得借鉴的是“把信息架构变成空间动线”：作品、创作过程、技能和联系入口各有位置。最不应照搬的是整套手绘走廊、门的命名和页面画面。一个更好的二改，是保留“空间对应信息”的思路，但让空间语言真正来自你的行业和项目。

访问与拆解时间：2026-09-22。视频中的项目、仓库可用性及许可证需在实际使用前重新核验。

产品

作品来自创作者联盟，已通过内容审核。