关于这个模板
3D Portfolio 交给了3D、游戏或娱乐品牌一个已经做完的首屏，以及做出它的那组数字。标题是“Jack — 3D Creator”，作品集其余部分都围着它排。配色是黑色 #0C0C0C 打底、白色 #D7E2EA 给文字。交付就是 React 和 Tailwind CSS：一个页面，没有插件，你和设计之间不隔任何构建工具链。动作被收进200ms 的过渡、一段循环视频打底里。借结构，不借题材：这个作品集和它那组数字可以原样搬到你的品牌上。
适合谁
- 给做3D项目提案、需要在第一次回复客户时就带上 1472x1080 画幅的代理公司用。
- 给按轮次结算、想在第一次修改前就谈定 85vh 高的板块、160px 间距的代理公司用。
- 同时跑好几个项目的工作室负责人，会把这一版作品集当作其他页面照抄的样板。
包含哪些内容
- 导航条上不留多余. 导航条就是一行文字加一个操作，尺寸按 85vh 高的板块、160px 间距定，所以它读起来是一条细带，而不是一整条色块。导航条悬在 1472x1080 的构图上，自己没有底色，素材因此从它下面通到两边。一条导航只放一个操作。
- 能逐项核对的数值. 字体和间距在这里共用同一份清单：85vh 高的板块、160px 间距、200ms 的过渡。写明的值之间没有凭空插入的中间值，这份测量清单就是整套系统。需求简报没写的地方，是故意不写的。
- 视频压在最底层. 1472x1080 的视频在文案后面循环播放 6.4s，静音、行内，两者之间没有任何色罩层。按 1472x1080 或更宽的尺寸导出，cover 裁切就继续成立。按 1472x1080 或更宽的尺寸导出，裁切才不失真。
- 要栅格，不要长段落. 本该放一整段文案的地方，这一页放了一组面板，作品集因此扫得完。栅格塌成单列时，面板顺序不变。这份参考在 1472x1080 下收录。
动效与交互
快到像是刻意安排的
过渡在需求简报里写明为 200ms，控件上的时长就以这个值为准。数值足够短，读起来是反馈，而不是动画。一种行为配一个时长。
第一屏上的实时场景
这里的设计决定是运行时渲染（主元素上的 3D 变换），版式也为它留出了空间。场景按容器的尺寸绘制，所以不依赖某个固定的渲染分辨率。这份参考在 1472x1080 下收录。
把这个作品集变成你自己的
代价是辨识度。3D Portfolio 的东西留得太多，页面读起来就是别人的；保住数字、换掉内容，它就是你的。在重新配色之前，先把文案和素材改完。这份参考在 1472x1080 下收录。
这个作品集背后的数字
复刻走样时，最先崩的是间距。3D Portfolio 把85vh 高的板块、160px 间距、200ms 的过渡和构图一起公开，就是为了避开这一点。这个作品集里没有任何一处依赖默认值。
这个作品集怎么重排
如果你的断点是为了让东西塞得下而选的，不是为了改变版式，那这一条值得读。字阶是流体的，而不是阶梯式的、板块高度锁在 85vh，而不是一串被隐藏的元素。重排之后，任何宽度下行动点都够得着。
常见问题
3D Portfolio 背后的提示词到底有多长？
简报是从页面上收录下来的，共 13,877 个字符，覆盖画幅、字阶、色板和过渡。复制拿到的就是这段文本，发给 Studio 则会用同一份描述把请求预先填好。
为什么 3D Portfolio 的提示词没有直接印在这里？
页面上引用的内容全部出自收录的 13,877 字符简报，而不是事后补写的说明。数字和文字能对得上，原因就在这里。
为什么这条条目还要标注 React 和 Tailwind CSS？
3D Portfolio 是用 React 和 Tailwind CSS 构建的，条目标注只是说明出处。简报写的是位置、尺寸和时长，所以任何能设字体、能摆元素的前端框架都能重建。
