# Fold Studio 设计规范与包装结构手册 版本 3.0 · 2026-10-19 · 中文工作台 · 原生 HTML / CSS / JavaScript / WebGL 这份规范约束当前可运行版本的视觉、交互、几何、模板与交付。包装库共 **6 个方向、23 种结构**。结构选型参考包装供应商和制造商公开目录；“常见”表示目录中有明确商业应用，不代表按销量排序。 ## 01 产品定位与工作流程 **定位**：让包装设计师在同一工作台完成结构选择、参数调整、平面设计回传、装配观察和提案导出。核心对象是包装的印刷表面与外观，不是灌装线、结构有限元或生产模具 CAD。 主流程：选择结构 → 调整尺寸 → 下载对应模板 → 在设计软件排版 → 隐藏参考线导出完整 PNG → 回传贴图 → 检查各面及装配 → 导出 Mockup / 保存项目。 辅助流程：拖动模型旋转；点击阶段检查结构；下载 1:1 矢量参考 PDF；切换纸张、膜材、瓶体与盖件外观；保存和恢复全部设计图片。 ### 产品规则 - 每个结构必须有真实可辨的几何差异、尺寸语义、独立装配过程与模板。不能用同一个封闭长方体更换名称冒充不同盒型。 - 所有可见控制都应即时影响当前预览。无盖软袋不显示盖件颜色控制；上下口径不同的纸杯分别显示口径、底径与高度。 - 裁切线、折线、封合参考、可印刷标签需要按结构说明。瓶体标签不能标成瓶体生产刀模。 - 选择分类只筛选列表，保留当前工作区；点击结构卡才切换模型。跨分类搜索匹配名称、英文、代码、用途与工艺标签。 - 改变结构后进入完整成品状态。每种结构保留自己的尺寸与整张设计，便于来回比较。 - 项目完全在本机处理，无登录、无账户、无在线上传服务、无外部字体、无运行时 CDN。 ### 完整与中间状态 | 状态 | 画面与操作 | | --- | --- | | 初始 | 恢复上次参数与本机图片；无存档时打开反向插口盒、自然白卡、mori 样例 | | 已选结构 | 卡片珊瑚色边框与勾选符号；舞台显示名称、英文、结构代码 | | 中间装配 | 进度条可双向拖动，尺寸手柄隐藏，数字尺寸仍可编辑 | | 完整成品 | 显示与当前结构对应的尺寸边；支持拖动、方向键和精细调整 | | 展开视图 | 隐藏播放面板和相机预设；显示完整印刷布局、线型图例、PDF 与模板入口 | | 图片处理中 | 控件保留；出现导入结果或具体格式、尺寸、比例错误 | | 无搜索结果 | 显示明确空状态，提示尝试中文用途或英文名称 | | WebGL 不可用 | 显示原因；仍可进行模板、SVG、PDF 与项目文件操作 | | 导出中 | 仅禁用确认按钮，防止重复下载；结束后恢复按钮 | ## 02 信息架构与布局 桌面采用“结构 → 舞台 → 外观”三栏。左栏负责结构、尺寸、用途与手册；中栏负责模型、视角与进度；右栏负责设计、材料、贴图和场景。避免把技术状态放进主工作流。 | 区域 | 布局规范 | | --- | --- | | 顶栏 | 常规高 76 px，较矮桌面高 65 px；品牌、项目名、本机保存状态、文件菜单、模板与导出 | | 左栏 | 常规 276 px；分类为 2 列 × 3 行；搜索固定在分类下；结构列表独立滚动 | | 舞台 | 弹性宽度，最小 300 px；上部视图切换与工具，左上结构名称，底部五阶段时间线 | | 右栏 | 常规 282 px；设计 / 场景双标签；内容独立滚动 | | 大屏 ≥1600 px | 左右栏扩至约 295 / 305 px，增加内部留白 | | ≤1240 px | 左右栏缩至约 245 / 252 px，卡片文字与工具间距压缩 | | ≤1050 px | 右栏改为抽屉，由舞台设置按钮打开 | | ≤700 px | 左右栏均为侧抽屉；舞台占满；顶栏隐藏项目名与保存状态；保留模板和导出 | 结构卡显示线性图标、中文名、英文名、简短工艺标签与选中标记。中文名不使用难以辨认的纯型号，英文和代码用于供应链沟通。列表在当前窗口内滚动，避免 23 个卡片把尺寸操作推到页面很远的位置。 手机左侧抽屉宽 286 px，右侧约 282 px；遮罩点击或 Escape 关闭。切换模型后收起抽屉。对话框不超过 86–88dvh，可内部滚动。 ## 03 视觉设计系统 ### 色彩令牌 | Token | 色值 | 用途 | | --- | --- | --- | | `--bg` | `#f8f7f3` | 全局暖白底色 | | `--panel` | `#fdfcf9` | 侧栏、顶栏、对话框 | | `--stage` | `#eeede8` | 默认摄影棚背景，可被场景色覆盖 | | `--ink` | `#34382f` | 主要界面文字 | | `--muted` | `#94958c` | 辅助说明、英文眉题 | | `--line` | `#e9e7df` | 分隔线、轻边框 | | `--accent` | `#de6b50` | 主按钮、选中卡边框、进度、交互焦点 | | `--accent-pale` | `#f6ebe5` | 温和选中底色 | | `--olive` | `#56634c` | 播放按钮、材料、结构辅助信息 | | Cut | `#405b4c` | 展开图裁切线，实线 | | Fold / Seal | `#de6b50` | 折线或封合参考，虚线 | 颜色不独自承担状态语义：选中结构同时有勾选；进度同时有百分比；刀线同时有实虚线和文字。辅助小字刻意弱化，核心任务信息保持更高对比；未来若用于更严格的无障碍部署，应将弱化说明提升至至少 WCAG AA 对比度。 ### 字体与排版 界面字体采用系统栈：`-apple-system, BlinkMacSystemFont, Segoe UI, PingFang SC, Hiragino Sans GB, Microsoft YaHei, sans-serif`。不联网加载字体。 | 层级 | 建议 / 当前范围 | | --- | --- | | 品牌字标 | 25–29 px，紧凑字距；STUDIO 为 6–8 px 辅助标识 | | 侧栏标题 | 16–17 px，中等字重 | | 舞台结构名 | 17–20 px，略增字距 | | 主要按钮 | 10–12 px，约 38 px 高，移动端约 33 px | | 结构卡中文 | 11–13 px，单行优先 | | 英文与工艺标签 | 7–9 px，次要信息 | | 尺寸输入 | 16 px，等宽数字特征，保留一位小数 | | 对话框标题 | 20–25 px | | 文档正文 | 14–16 px；行高约 1.8，长文独立阅读页面 | 样例印刷不是 UI 字体：mori 使用 Georgia / Times New Roman 的衬线品牌感；PULSE 使用 Arial 粗体。实际图片回传不依赖用户机器的字体。 ### 间距、圆角与层次 基础步长为 4 px；常用间距为 4、8、12、16、20、24、32。侧栏内边距 16–25 px。卡片圆角 7 px，按钮 6 px，浮动时间线 9–10 px，对话框更宽松。分隔以 1 px 暖灰线为主，阴影只用于浮层、主按钮和尺寸标签。 地面网格应低于包装视觉优先级。模型接触阴影给出空间感，表面反光用来辨识材质；界面背景避免强烈渐变和彩色光污染。 ## 04 组件交互规范 ### 分类与搜索 分类顺序：纸盒、金属罐、软袋、瓶器、广口罐、纸容器。显示各类数量。分类标签为单选；在跨类别搜索时取消类别的视觉选中，避免错误暗示只搜索当前类别。搜索不改变模型，点击搜索结果后模型名称、模板和尺寸必须一起更新。 ### 材质卡 显示色样、名称、触感描述、选中边框和勾选。纸张、金属、膜材、瓶罐使用各自的材料集合；分类间保留各自所选材料。材质按钮更新基础色、内侧色、表面光泽或金属反射风格。 - 纸：自然白卡、原色牛皮纸、亮面白卡。克重为样例材料语境，不用于自动推导生产板厚。 - 金属：拉丝马口铁、亮面铝、哑光金属。 - 软袋：哑光复合膜、亮面银膜、牛皮纸复合外观。银膜高光仍为简化着色，不是光谱金属测量值。 - 瓶罐：乳白、琥珀着色、炭黑。琥珀外观使用不透明近似，不提供透明度、玻璃折射或内部液体模拟。 - 独立盖色：适用于瓶、广口罐、吸嘴袋与圆形纸容器。变色不影响印刷设计。 ### 图片输入 支持拖入、点击、键盘 Enter / Space。仅接受 PNG、JPEG、WEBP；SVG 不作为用户图片执行。图片文件上限 45 MB。整张图片最长边 8192 px，单面 4096 px，并限制约 40 MP；过大图按比例缩小。 整张图片要求与下载模板的完整画布比例一致，允许约 0.8% 的栅格取整误差。错误时保留现有设计，给出“保持完整画布、隐藏刀线后重新导出”的可操作提示。单面图片可选择铺满或完整显示，支持 90° 旋转和移除。 贴图优先级：单面覆盖图 → 当前结构的整张模板图 → 生成的样例。整张设计按结构分别保存；单面覆盖图目前按面名共用，跨结构切换时可能继续覆盖同名面，应在面选择器内移除不再需要的覆盖图。 ### 相机与舞台 拖动旋转；滚轮缩放；Shift 或右键拖动平移；触屏双指缩放；双击 / R 重置。默认提供透视、正面、俯视与自动环绕。开始直接拖动尺寸时停止播放和自动环绕，并冻结相机距离，确保拖动响应稳定。 舞台模型在当前装配状态下自动适配包围球。导出图片使用当前相机和当前进度；尺寸边、界面按钮、参考文字和网格不进入 PNG。透明导出仍可保留接触阴影。 ### 键盘与动效 - 空格播放 / 暂停，文本输入或对话框聚焦时不劫持空格。 - Escape 关闭侧栏与原生对话框；R 重置相机。 - 尺寸手柄可 Tab 聚焦；方向键调整 1 mm，Shift + 方向键调整 0.1 mm。 - 选中态使用 `aria-pressed` / `aria-selected`；上传、输入、图形控件有可读标签。 - `prefers-reduced-motion` 下移除 UI 过渡；装配仍由用户显式触发，不自动开播。 - 常规按钮过渡约 160 ms；自动环绕低速运行，不模拟强烈惯性。 ## 05 参数、单位与直接尺寸编辑 内部长度单位为 100 mm，UI 与模板均以 mm 表示；用户输入保留 0.1 mm。尺寸不是成品容积估计，也不是可承诺的生产内尺寸。 | 类型 | 第一轴 | 第二轴 | 第三轴 | 约束 | | --- | --- | --- | --- | --- | | 一般纸盒 | 长 L | 宽 W | 高 H | 通常 30–600 mm | | 飞机盒 | 长 L | 宽 W | 高 H | 短边至少 70；H ≤ 短边 × 0.45 | | 托盘 / 抽屉 | 长 L | 宽 W | 高 H | 短边至少 60；H ≤ 短边 × 0.55 | | 软包装 | 宽 W | 鼓起深度 D | 高 H | D ≥ 8；D ≤ W × 0.65，D ≤ H × 0.5 | | 金属罐 / 瓶 / 广口罐 / 纸筒 | 直径 Ø | 与直径同步，隐藏输入 | 高 H | 30–600 mm；金属罐为罐身高，瓶器总高包含泵嘴或滴管胶帽 | | 纸杯 / 碗 | 上口径 ØT | 底径 ØB | 壁高 H | ØT ≥ 40；ØB ≥ 30；ØT − ØB ≥ 8 mm | 在完整成品上，尺寸线应投影到实际可见方向。圆柱显示直径横跨边和竖向高；锥形纸容器同时显示上口、底口和高。软袋的第二轴表示充填鼓起深度，不是膜厚。 拖动沿投影边方向换算成 mm，起始端点向外拖应增大尺寸。按住 Shift 后拖动灵敏度降为 20%。超出当前几何允许范围时钳制，保持结构有效。拖动时冻结相机，但模型中心仍由实时几何居中；大幅修改后可 R 重新适配。 ## 06 几何、折叠与装配规则 ### 面板层级 纸盒以铰接树描述。每个面板包含唯一 ID、名称、二维多边形、可印刷面、局部平移、折轴、进度角度、父子关系和刀线铰接边。子面板继承父面板变换，不能独立漂浮。 所有面板的正面、背面和断面都有几何厚度。默认纸厚显示约 0.4 mm，牛皮纸约 0.5 mm；该厚度用于外观，不依据纸种自动推算压痕补偿。凹多边形采用耳切法三角化，锁底缺口不能用简单三角扇填满。 ### 纸盒装配顺序 | 结构 | 核心路径与避让规则 | | --- | --- | | RTE / STE | 先预折糊口，再依次围合右、后、左面；依次折下防尘翼；下插舌预折后封底；上防尘翼与上插舌最后闭合 | | 插舌 | 先预折至约 110°；盖片接近终点时，插舌保持接近竖直进入开口，避免横扫对面壁 | | 1–2–3 锁底 | 主底片、两侧扣片、锁舌片按顺序折合，并用分层微偏移避免底片互穿；卡扣弹性省略 | | 飞机盒 | 前后壁 → 四角耳 → 左右壁 → 依次卷折双壁 → 预折盖翼与插舌 → 合盖。插舌缩进以避开双壁与角耳 | | 天地盖 | 底托和盖分别成托；盖先抬高至足够空间，移动并翻转后再竖直套下，不能在底托内部直接翻转 | | 对口箱 | 先内后外；两片外摇盖接近中线，层次依次抬高；胶带封合不画成纸板铰接 | | 双端纸套 | 四面围合并连接糊口；两端保持开放，不添加虚构底片 | | 开放托盘 | 前后壁先立起；角耳先折入；侧壁再覆盖角耳。成品保持开放 | | 抽屉盒 | 内托与纸套分别成形；外套在托盘侧方成形，再移动至开口方向；对齐后水平滑入，不能穿过封闭侧壁 | 进度使用平滑插值，范围 0–1；每类有独立五个阶段节点。直接拖动进度必须可逆、确定，不依赖上一帧的历史积累。 ### 柔性袋 正背片采用参数化网格，正面逐渐鼓起，背片在侧方转向后从后方靠合。自立袋与吸嘴袋另有底褶片；三边封小袋保持更扁的充填轮廓。顶封与拉链用浅凸条表示；撕口作为边缘缺口示意。吸嘴袋有独立焊接座、盖和防拆环。 柔性膜的动画展示片材与封合关系；不求解褶皱应力、充填液体、封口热压或薄膜弹性。分片模板保留设计沟通所需尺寸，封合区域仍需设备供应商复核。 ### 瓶器、罐与盖 瓶身使用回转截面，明确直壁、圆肩、短颈、口沿、简化螺纹。泵瓶具有锁圈、泵杆、出液嘴和出液孔；滴管瓶具有细管、螺口圈与胶帽；广口罐有独立盖和竖纹防滑边。 标签从切平面逐渐卷成圆柱，保持图像 U 坐标与圆周一致。盖组件仅在瓶颈轴线上升降并适当旋转，不把玻璃瓶错误展平成纸片。金属罐保留环纹、卷边和拉环差异。 ### 锥形纸容器 纸杯与纸碗的侧壁使用可展的截锥面。设上半径 Rt、下半径 Rb、壁高 H： - 斜高 L = √(H² + (Rt − Rb)²) - 扇环外半径 Ro = L × Rt / (Rt − Rb) - 扇环内半径 Ri = L × Rb / (Rt − Rb) - 展开圆心角 α = 2π × (Rt − Rb) / L - Ro × α = 2πRt，Ri × α = 2πRb，保证上下弧长分别对应杯口与杯底周长。 动画从扇环所在平面逐步改变圆锥角并闭合，底片先移动到下方再从底口就位，卷口在杯壁成形后出现，独立盖最后降低。杯盖为预制组件，不作为同一张杯纸的一部分。 纸杯模板不包含侧缝搭接、卷口补偿、淋膜与卷底生产余量。这些属于工厂打样阶段；软件输出的扇环是几何基准。 ## 07 印刷模板、UV 与设计回传 单一结构描述同时驱动三维几何、展开预览、模板与 PDF。禁止为下载模板再手工画一套与模型不一致的面板。 ### 坐标与编号 面板 ID 使用稳定树路径；曲面使用稳定语义 ID，如 `label`、`pouch-front`、`pouch-back`、`pouch-gusset`、`cone-wall`、`cone-base`、`tube-top`。同一结构改变尺寸后 ID 不变。 独立部件沿水平方向分开排版，部件边界至少间隔 20 mm。画布外留 12 mm，底部另留说明空间。PDF 小部件页面最小宽度为 160 mm，几何仍保持 1:1，以免页脚被裁切。天地盖、抽屉、正背膜片、杯底均不能相互叠放。预览必须完整适配全部部件，不裁去窄边或标签说明。 部分面板有 90°、180°、270° 的印刷朝向补偿。模板编号与图像必须使用同一旋转；上传整图后应用逆旋转回到该面，避免顶盖文字倒置。 ### 文件规格 | 输出 | 技术规格 | 使用方式 | | --- | --- | --- | | SVG 模板 | 实际 mm、独立 ARTWORK 与 CUT-FOLD-GUIDES 图层、稳定面板 ID | 在设计层排版，隐藏参考层后导出完整 PNG | | PNG 模板 | 300 dpi，像素尺寸向上取整；pHYs 写入 11811 px/m | 作为设计软件参考层，在新图层设计后隐藏参考 | | SVG 当前设计 | 包含当前可见印刷图，裁切/折叠线独立 | 结构沟通与矢量排版参考 | | PDF 参考线 | PDF 1.7、全矢量线条、实际 mm、1:1、每部件单独一页 | 实际大小 100% 打印，检查 20 mm 校准线 | | PNG Mockup | 2400×1800、2400×2400、1920×1080 或 1600×2000 | 提案、展示、页面合成 | | 项目 JSON | v3，含参数、各结构整张图、源尺寸及单面图 | 换机器或归档前手动保存 | 300 dpi PNG 单边不超过 16000 px，总像素不超过约 48 MP；超限时提示使用 SVG，不在后台悄悄降低到错误 dpi。 ### 回传映射 上传整图时记录结构 ID、当时的源尺寸和展开布局版本。旧版项目继续以旧版布局裁切，避免独立部件间距更新后让已有设计错位。裁切依据原始模板的面板矩形，而不是修改尺寸后的新排版位置；随后映射到当前同 ID 的面板。这样改变尺寸不会把原本的正面裁成侧面。若需要实际物理字号不变，应下载新尺寸模板重新设计。 纸杯扇环用二维展开坐标驱动 UV。直接上传单张“扇环壁片图”时，图片应保留该扇环外接矩形，不能先拉直为普通长方形标签。 ### 线型与生产语义 裁切参考为绿色实线；纸盒折线为橙色虚线；软袋虚线用于封口与拉链参考。不能把软袋的封合参考解读为机械压痕。PDF 保留同样的线型，页脚根据结构解释其含义。 尺寸精确与矢量清晰不等于可直接投产。材料、刀模、压线、侧缝、底褶、出血、色分、套准、卷口、卡槽、糊口留白均需制造方确认。当前没有自动生成印刷出血、安全区、专色刀线、ICC 色彩或 CMYK 分色。 ## 08 渲染与外观 原生 WebGL 1，包含环境漫反射、定向柔光、简化高光、金属反射条带、内外面差异、地面网格和投影阴影。阴影贴图 1536×1536，采用采样滤波减轻锯齿。DPR 最高 2，避免高像素屏无节制增加负载。 静止状态只在参数、相机、窗口或图片改变时重绘；播放和自动环绕期间持续更新。切换模型时释放旧顶点缓冲和纹理。曲面沿圆周通常 96–128 分段，柔性袋使用网格表达鼓起而非额外细分无意义的平面。 样例图案为程序生成，带少量确定性纸纹，不依赖远程图片。mori 以自然白、橄榄绿、植物与安静排版为主；PULSE 以珊瑚色、粗体和放射符号为主；空白方案仅保留材料底色。 PNG 导出重新以目标像素渲染，不截取网页截图；尺寸叠层与 UI 不属于渲染器场景，因此不会意外进入导出图。 ## 09 数据与工程边界 代码为按顺序执行的经典脚本，无框架、无打包器、无 Node 运行依赖。通过静态 HTTP 服务可使用全部功能。 | 文件 | 责任 | | --- | --- | | `math.js` | 矩阵、投影、插值 | | `models.js` | 包装目录、面板铰接、阶段、尺寸约束、结构元数据 | | `surfaces.js` | 回转瓶体、锥面、柔性袋、曲面印刷区与组件装配 | | `dieline.js` | 单一展开布局、边线去重、模板、原图裁切 | | `pdf.js` | 浏览器原生矢量 PDF 写入 | | `renderer.js` | WebGL、纹理、光照、相机、阴影与 PNG | | `dimensions.js` | 屏幕尺寸边、拖动和键盘编辑 | | `app.js` | 状态、界面事件、存储、导入导出 | | `design-spec.html` | 独立设计规范阅读页，支持文档目录、打印和 Markdown 下载 | 参数存入 localStorage；图片存入 IndexedDB，避免超出 localStorage 配额。存储不可用时说明当前状态，并保留手动下载项目的途径。`.fold.json` v3 可读取 v1 / v2；导入时清理结构 ID、颜色、图片 MIME、数值与枚举，拒绝无效文件。 项目名、品牌与文案有长度限制。文件名替换危险路径字符。图片使用 data URL 或本机 blob，URL 使用后释放。用户文本进入 HTML 时转义；上传的项目 JSON 不执行代码。 ## 10 验证与验收 ### 自动几何检查 `node tests/geometry.cjs`：针对九种纸盒的默认、多比例和边界尺寸，在 0–1 全程各采样 601 个进度点；检查有限顶点、独立部件分离与非共面面板的穿越。精确共面接触、铰接边接触不作为错误。此检查不是连续接触力学求解器，也不声称验证有限厚度材料的全部干涉。 `node tests/surfaces.cjs`：覆盖全部 23 种结构及多组尺寸；验证所有模板有有限正尺寸、稳定 ID、无重叠部件排版、SVG 图层和原生矢量 PDF。新增曲面检查多个中间状态、有限 UV、模板与几何 ID 对应；纸杯额外检查扇环弧长与最终上下口径公式。 `node tests/projects.cjs`：验证 v1 / v2 / v3 项目迁移、旧布局版本保留、软袋深度、材质/盖色与无效输入处理。 ### 浏览器验收项目 - 六个分类均可选；按中文、英文和用途检索能跨类别找到结果。 - 新旧结构切换无异常；模型名称、尺寸字段、材料、阶段文字、模板类型同时更新。 - 成品、分解、中间阶段、平面状态均可观察；纸盒盖沿规划路径装配。 - 天地盖、抽屉、软袋片材与纸杯底片在模板中互不重叠。 - 纸杯上下口径可独立输入、拖动并受到约束；瓶罐同步隐藏重复直径输入。 - 模板下载、整图上传、局部覆盖、移除、尺寸修改后映射、保存/恢复项目可操作。 - PNG 不含 UI；PDF 无栅格刀线、页数正确、比例正确；SVG 图层可分别隐藏。 - 390×844 移动视口可访问分类、材料、模板、导出与时间线，不出现横向页面溢出。 ### 明确不包含 自动工程打样认证、承重与跌落计算、真实玻璃透明折射、液体流动、软膜动力学、真实螺纹啮合、泵阀结构、金属卷封、印刷 CMYK / ICC、生产出血与工厂特定刀模补偿。产品说明不得把这些能力暗示为已完成。 ## 11 包装库总览 [下载全部 23 种结构的默认尺寸参考 PDF](examples/packaging-library-1to1.pdf)：33 页，包含纸盒裁切/折叠参考、软袋分片、瓶罐标签和纸杯扇环。每个部件以毫米 1:1 单独排页。 下表为预览默认尺寸。金属罐是罐身高，瓶器高度包含泵头或胶帽；纸杯为上口/底口×壁高，软袋为宽×鼓起深度×袋身高。 | 结构 | 类别 / 代码 | 默认尺寸 mm | 模板 | 典型用途 | | --- | --- | --- | --- | --- | | 反向插口盒 | 纸盒 / RTE | 120×75×180 | 折叠刀线 | 茶叶 / 护肤品 / 轻量零售 | | 同向插口盒 | 纸盒 / STE | 100×65×165 | 折叠刀线 | 美妆 / 香氛 / 精品 | | 1-2-3 锁底盒 | 纸盒 / 1–2–3 | 130×90×170 | 折叠刀线 | 零售 / 小五金 / 日化 | | 飞机盒 | 纸盒 / MAILER | 220×150×65 | 折叠刀线 | 电商 / 订阅礼盒 | | 天地盖盒 | 纸盒 / LID + BASE | 180×130×65 | 折叠刀线 | 礼赠 / 点心 / 文创 | | 对口纸箱 | 纸盒 / RSC | 200×140×160 | 折叠刀线 | 物流 / 仓储 / 电商 | | 食品罐 | 金属罐 / FOOD TIN | Ø85×115 | 环绕标签 | 罐头食品 / 汤料 / 豆类 | | 茶叶 / 咖啡罐 | 金属罐 / SLIP LID | Ø100×145 | 环绕标签 | 茶叶 / 咖啡 / 干货 | | 细长饮料罐 | 金属罐 / SLIM CAN | Ø58×155 | 环绕标签 | 饮料 / 能量饮 / 咖啡 | | 双开口纸套 | 纸盒 / SLEEVE | 160×100×60 | 折叠刀线 | 餐盒 / 礼盒 / 产品套装 | | 四角粘合托盘 | 纸盒 / OPEN TRAY | 180×120×45 | 折叠刀线 | 饼干 / 文具 / 内托 | | 抽屉纸盒 | 纸盒 / DRAWER | 180×115×50 | 折叠刀线 | 饰品 / 文创 / 礼品 | | 拉链自立袋 | 软袋 / DOYPACK | 150×65×220 | 分片印刷参考 | 坚果 / 冲饮 / 宠物零食 | | 三边封小袋 | 软袋 / SACHET | 100×18×145 | 分片印刷参考 | 试用装 / 面膜 / 调味料 | | 吸嘴自立袋 | 软袋 / SPOUT | 140×60×210 | 分片印刷参考 | 果泥 / 酱料 / 液体补充装 | | 圆肩螺口瓶 | 瓶器 / BOSTON | Ø65×165 | 环绕标签 | 香氛 / 日化 / 护理 | | 乳液泵瓶 | 瓶器 / PUMP | Ø62×185 | 环绕标签 | 洗护 / 乳液 / 洗手液 | | 精华滴管瓶 | 瓶器 / DROPPER | Ø40×100 | 环绕标签 | 精华 / 精油 / 香氛 | | 膏霜广口罐 | 广口罐 / CREAM JAR | Ø85×58 | 环绕标签 | 面霜 / 膏体 / 护肤 | | 食品储存广口罐 | 广口罐 / FOOD JAR | Ø80×110 | 环绕标签 | 酱料 / 蜂蜜 / 干货 | | 套盖纸筒 | 纸容器 / PAPER TUBE | Ø85×165 | 筒身包纸 + 盖面 | 茶叶 / 文创 / 礼品 | | 外带咖啡纸杯 | 纸容器 / HOT CUP | Ø90/62×115 | 扇环壁片 + 底片 | 餐饮 / 外带 / 甜品 | | 外带汤碗 | 纸容器 / FOOD BOWL | Ø150/120×70 | 扇环壁片 + 底片 | 餐饮 / 外带 / 甜品 | ## 12 各结构设计说明 ### 反向插口盒 · Reverse tuck end 上下主盖分别连在相对的面，插舌朝相反方向闭合。适合茶叶、护肤品与轻量零售包装。 - **用途**：茶叶 / 护肤品 / 轻量零售。 - **封合**：插舌 + 糊口。 - **基材语境**：250–400 gsm 白卡。 - **工艺提醒**：上下插口反向，易手工装配。 - **设计模板**：折叠刀线。 - **观察阶段**：平面纸板 → 围合盒身 → 封合底部 → 折入防尘翼 → 合盖与插舌。 ### 同向插口盒 · Straight tuck end 上下主盖连接于同一面，插舌朝同一个方向。正面展示连续，常用于美妆和精品零售。 - **用途**：美妆 / 香氛 / 精品。 - **封合**：同向插舌 + 糊口。 - **基材语境**：250–400 gsm 白卡。 - **工艺提醒**：正面连续，注意糊口预留。 - **设计模板**：折叠刀线。 - **观察阶段**：平面纸板 → 围合盒身 → 同向封底 → 折入防尘翼 → 同向合盖。 ### 1-2-3 锁底盒 · Snap-lock bottom 盒身围合后，主底片、侧扣片、锁舌片依次折入，形成手工扣底；顶部采用插口盖。 - **用途**：零售 / 小五金 / 日化。 - **封合**：1–2–3 顺序锁底。 - **基材语境**：300–450 gsm 白卡。 - **工艺提醒**：底片顺序扣合，承重需实测。 - **设计模板**：折叠刀线。 - **观察阶段**：平面纸板 → 围合盒身 → 1 → 2 → 3 锁底 → 折入防尘翼 → 合盖与插舌。 ### 飞机盒 · Roll-end tuck-front 由一片纸板构成：角耳折入、侧壁卷折加固，再合上连体顶盖与前插舌。以 FEFCO 0427 的结构逻辑为参考，省略了生产卡槽细节。 - **用途**：电商 / 订阅礼盒。 - **封合**：卷折双壁 + 前插舌。 - **基材语境**：E / F 楞瓦楞纸。 - **工艺提醒**：高度受侧壁卷折空间约束。 - **设计模板**：折叠刀线。 - **观察阶段**：平面纸板 → 立壁与角耳 → 卷折双层侧壁 → 预折盖侧翼 → 合上连体盖。 ### 天地盖盒 · Tray & telescopic lid 底托与盒盖由两张独立纸板折成。盖的长宽略大于底托，翻转后自上而下套合；此处演示带粘角耳的折叠托盘。 - **用途**：礼赠 / 点心 / 文创。 - **封合**：独立套盖 + 角耳。 - **基材语境**：300–450 gsm 卡纸。 - **工艺提醒**：此版为折叠托盘式天地盖。 - **设计模板**：折叠刀线。 - **观察阶段**：两张平面纸板 → 折起底托与盒盖 → 完成四角 → 翻转独立盒盖 → 套合天地盖。 ### 对口纸箱 · Regular slotted carton 参考 FEFCO 0201 的常见结构。围合箱身后，先折内摇盖，再折外摇盖；两片外摇盖在中线相接，实际使用时需胶带封口。 - **用途**：物流 / 仓储 / 电商。 - **封合**：对口摇盖 + 胶带。 - **基材语境**：B / C / E 楞瓦楞纸。 - **工艺提醒**：外摇盖中线相接，需封箱胶带。 - **设计模板**：折叠刀线。 - **观察阶段**：平面纸板 → 围合箱身 → 折合下摇盖 → 折合上内摇盖 → 闭合上外摇盖。 ### 食品罐 · Ribbed food tin 圆柱罐身、环纹加强筋与上下卷封边。进度演示标签包覆及顶盖装配，用于外观预览；不模拟工业卷封。 - **用途**：罐头食品 / 汤料 / 豆类。 - **封合**：上下卷封。 - **基材语境**：马口铁 / 铝。 - **工艺提醒**：动画为外观装配，未模拟工业卷封。 - **设计模板**：环绕标签。 - **观察阶段**：罐身与标签 → 包覆标签 → 放置顶盖 → 靠合卷封边 → 完整罐体。 ### 茶叶 / 咖啡罐 · Slip-lid storage tin 带独立套盖的金属储存罐。标签围绕圆柱罐身展开，顶盖从上方扣合。可拖动进度查看分离状态。 - **用途**：茶叶 / 咖啡 / 干货。 - **封合**：可拆卸套盖。 - **基材语境**：马口铁 / 铝。 - **工艺提醒**：动画为外观装配，未模拟工业卷封。 - **设计模板**：环绕标签。 - **观察阶段**：罐体与标签 → 包覆标签 → 移动独立盖 → 套盖闭合 → 完整罐体。 ### 细长饮料罐 · Slim beverage can 细长铝罐，包含收肩、底部凹边与拉环顶盖。动画演示标签包覆与顶盖装配，不模拟灌装或开罐。 - **用途**：饮料 / 能量饮 / 咖啡。 - **封合**：拉环顶盖 + 卷封。 - **基材语境**：马口铁 / 铝。 - **工艺提醒**：动画为外观装配，未模拟工业卷封。 - **设计模板**：环绕标签。 - **观察阶段**：罐身与标签 → 包覆标签 → 放置拉环盖 → 顶盖靠合 → 完整罐体。 ### 双开口纸套 · Open-ended sleeve 四个面围合成筒，两端保持开放。用作现有餐盒、礼盒或成组产品的品牌腰封。 - **用途**：餐盒 / 礼盒 / 产品套装。 - **封合**：糊口粘合，双端开放。 - **基材语境**：250–400 gsm 卡纸。 - **工艺提醒**：纸套不承担独立封底功能。 - **设计模板**：折叠刀线。 - **观察阶段**：平面纸板 → 预折糊口 → 围合纸套 → 连接糊口 → 双端开放。 ### 四角粘合托盘 · Four-corner glued tray 底板与四壁一体，前后壁先立起，四个角耳折入，再合上左右壁。保持上部开放，适合饼干、文具、礼品内托。 - **用途**：饼干 / 文具 / 内托。 - **封合**：四角粘合，顶部开放。 - **基材语境**：300–450 gsm 卡纸。 - **工艺提醒**：角耳位于侧壁内侧。 - **设计模板**：折叠刀线。 - **观察阶段**：平面纸板 → 前后立壁 → 折起四角耳 → 合上两侧壁 → 开放托盘。 ### 抽屉纸盒 · Tray & sliding sleeve 独立内托与双端开放外套组成。内托与外套分别成形，外套先在托盘侧方留出空间，再移到开口方向并对齐，最后平移套入。 - **用途**：饰品 / 文创 / 礼品。 - **封合**：内托 + 滑动纸套。 - **基材语境**：350–450 gsm 卡纸。 - **工艺提醒**：外套长宽含展示用滑动间隙。 - **设计模板**：折叠刀线。 - **观察阶段**：两件平面纸板 → 折起内托 → 围合外套 → 移出并对齐 → 滑入外套。 ### 拉链自立袋 · Zipper stand-up pouch 正背片与底褶构成立体袋型，展示侧封、顶部热封、双道拉链与撕口。适合坚果、冲饮、宠物零食；成形演示采用柔性曲面近似。 - **用途**：坚果 / 冲饮 / 宠物零食。 - **封合**：双道拉链 + 顶部热封。 - **基材语境**：复合膜 / 单一材质膜。 - **工艺提醒**：封口余量为视觉参考，非制袋设备参数。 - **设计模板**：分片印刷参考。 - **观察阶段**：平面片材 → 撑开正面 → 背片转向 → 底褶成形 → 拉链与顶封。 ### 三边封小袋 · Three-side-seal sachet 扁平小袋以正背两片薄膜构成，保留侧边与上下封口。适合试用装、面膜、调味料；厚度表示充填鼓起深度，非薄膜厚度。 - **用途**：试用装 / 面膜 / 调味料。 - **封合**：三边热封。 - **基材语境**：复合膜 / 单一材质膜。 - **工艺提醒**：封口余量为视觉参考，非制袋设备参数。 - **设计模板**：分片印刷参考。 - **观察阶段**：正背片材 → 正面充填 → 背片转向 → 靠合侧封 → 热封完成。 ### 吸嘴自立袋 · Centre-spout pouch 自立袋顶部中央配置吸嘴、焊接底座与带防拆环的旋盖。适合果泥、补充装和酱料。展示柔性袋体与硬质吸嘴的装配关系。 - **用途**：果泥 / 酱料 / 液体补充装。 - **封合**：焊接吸嘴 + 旋盖。 - **基材语境**：复合膜 / 单一材质膜。 - **工艺提醒**：封口余量为视觉参考，非制袋设备参数。 - **设计模板**：分片印刷参考。 - **观察阶段**：正背片材 → 撑开袋身 → 背片转向 → 形成底褶 → 装配吸嘴盖。 ### 圆肩螺口瓶 · Boston round bottle 圆柱瓶身向短颈圆弧收肩，配螺口盖与环绕标签。常见于日化、香氛与护理产品；模板仅包括直筒区域的标签。 - **用途**：香氛 / 日化 / 护理。 - **封合**：圆肩短颈 + 螺口盖。 - **基材语境**：着色玻璃 / PET / PP。 - **工艺提醒**：标签仅覆盖直壁，螺纹为视觉示意。 - **设计模板**：环绕标签。 - **观察阶段**：瓶体与标签 → 包覆标签 → 对准瓶盖 → 旋转靠合 → 完整瓶器。 ### 乳液泵瓶 · Lotion pump bottle 圆肩瓶搭配泵颈、锁紧圈、泵杆与出液嘴。标签先包覆，泵组件沿瓶颈轴线下移；不模拟内部泵阀与液体。 - **用途**：洗护 / 乳液 / 洗手液。 - **封合**：锁紧圈 + 出液泵头。 - **基材语境**：着色玻璃 / PET / PP。 - **工艺提醒**：标签仅覆盖直壁，螺纹为视觉示意。 - **设计模板**：环绕标签。 - **观察阶段**：瓶体与标签 → 包覆标签 → 泵头对准 → 泵颈靠合 → 完整泵瓶。 ### 精华滴管瓶 · Serum dropper bottle 小规格圆肩瓶搭配胶帽、旋紧圈和细长滴管，分离时可见滴管。适合精华和香氛的视觉提案。 - **用途**：精华 / 精油 / 香氛。 - **封合**：螺口圈 + 胶帽滴管。 - **基材语境**：着色玻璃 / PET / PP。 - **工艺提醒**：标签仅覆盖直壁，螺纹为视觉示意。 - **设计模板**：环绕标签。 - **观察阶段**：瓶体与标签 → 包覆标签 → 对准滴管 → 旋盖靠合 → 完整滴管瓶。 ### 膏霜广口罐 · Low-profile cosmetic jar 低矮宽口罐、圆角罐肩、独立旋盖与内口。罐盖含细密竖纹，标签限定在直筒外壁。 - **用途**：面霜 / 膏体 / 护肤。 - **封合**：宽口螺纹旋盖。 - **基材语境**：着色玻璃 / PET / PP。 - **工艺提醒**：标签仅覆盖直壁，螺纹为视觉示意。 - **设计模板**：环绕标签。 - **观察阶段**：罐体与标签 → 包覆标签 → 对准旋盖 → 旋转靠合 → 完整膏霜罐。 ### 食品储存广口罐 · Straight-sided food jar 直壁广口罐，配短肩、罐口和金属旋盖。适合酱料、蜂蜜与干货。玻璃使用不透明着色外观近似，不模拟折射。 - **用途**：酱料 / 蜂蜜 / 干货。 - **封合**：金属旋盖。 - **基材语境**：着色玻璃 / PET / PP。 - **工艺提醒**：标签仅覆盖直壁，螺纹为视觉示意。 - **设计模板**：环绕标签。 - **观察阶段**：罐体与标签 → 包覆标签 → 对准金属盖 → 旋转靠合 → 完整储存罐。 ### 套盖纸筒 · Paperboard tube 纸芯筒身搭配浅套盖，标签为圆柱包纸，另附圆形盖面设计区。演示包纸贴合与套盖，不模拟螺旋卷管生产。 - **用途**：茶叶 / 文创 / 礼品。 - **封合**：卷制纸芯 + 套盖。 - **基材语境**：纸芯 + 外裱纸。 - **工艺提醒**：包纸模板不等同于卷管生产刀图。 - **设计模板**：筒身包纸 + 盖面。 - **观察阶段**：纸芯与包纸 → 包覆筒身 → 对准纸盖 → 纸盖套合 → 完整纸筒。 ### 外带咖啡纸杯 · Tapered hot cup 截锥纸杯配独立饮口盖，包含卷口与底部支撑环。扇环纸片卷合成杯壁，再装入底片、盖上杯盖。第二个尺寸为杯底直径。 - **用途**：餐饮 / 外带 / 甜品。 - **封合**：卷口 + 独立扣盖。 - **基材语境**：淋膜杯纸 / 食品级涂层。 - **工艺提醒**：扇环几何按当前上下口径计算。 - **设计模板**：扇环壁片 + 底片。 - **观察阶段**：扇环纸片 → 弯曲杯壁 → 卷合锥面 → 装入底片 → 盖上饮口盖。 ### 外带汤碗 · Paper food bowl 宽口截锥纸碗配平缓圆盖、卷口与底圈。适合汤品、沙拉和冰淇淋的外观设计；模板包含真实扇环杯壁和独立底片。 - **用途**：餐饮 / 外带 / 甜品。 - **封合**：卷口 + 独立扣盖。 - **基材语境**：淋膜杯纸 / 食品级涂层。 - **工艺提醒**：扇环几何按当前上下口径计算。 - **设计模板**：扇环壁片 + 底片。 - **观察阶段**：扇环纸片 → 弯曲碗壁 → 卷合锥面 → 装入底片 → 扣上碗盖。 ## 13 结构选型与常见设计陷阱 | 设计任务 | 优先试用 | 需要关注 | | --- | --- | --- | | 小型美妆零售 | STE / RTE / 滴管瓶 | 正反插口方向、侧边文案、盖色与标签的对比 | | 首饰或文创礼赠 | 抽屉盒 / 天地盖 / 纸筒 | 独立部件设计方向；外套不遮挡关键图案 | | 电商寄送 | 飞机盒 / RSC | 闭合结构、双层壁空间、胶带区域与开箱顺序 | | 坚果和冲饮 | 自立袋 | 顶部封口、拉链与撕口避让；鼓起后文字视觉变化 | | 旅行试用装 | 三边封小袋 | 封口余量、条码可读性、正背片对应关系 | | 果泥或液体补充装 | 吸嘴袋 | 吸嘴焊接区、瓶盖颜色、主要图案远离封边 | | 洗护与乳液 | 泵瓶 / Boston 圆肩瓶 | 标签限制在直壁区域；泵头高出瓶身，提案取景需留空间 | | 面霜 | 膏霜罐 | 标签很矮，避免默认横向字被挤压；使用盖件色表达系列 | | 咖啡外带 | 纸杯 | 扇环设计回传、圆周接缝与杯口卷边 | | 汤碗或冰淇淋 | 纸碗 | 口径较大、壁较矮，侧壁图案以横向排版为主 | 跨结构复制设计时应检查文字阅读方向。围绕整周的标签正面在 U=0.5 附近，接缝在 U=0/1。把主要品牌放在接缝附近会被分成两半。 圆盖图案按圆形裁切；不要把必须保留的文字贴到圆的四角。软袋封边区域不应承载必须可读的文字；模板参考线必须在回传前隐藏，否则会被印在 3D 表面上。 ## 14 新增结构的扩展契约 新增目录项应包含：`id`、中文/英文名称、结构代码、类别、默认尺寸、用途、封合、基材、精度说明、五阶段名称、阶段节点、模板类型、图标、引擎类型、材料组和尺寸规范化规则。 新增引擎必须提供完整印刷部件清单和稳定 UID。曲面打印区需给出二维展开边界与三维 UV 的一致定义；不能只提供漂亮的封闭模型而没有可回传的模板。 独立部件应在展开图中排开。装配路径必须考虑安全空间：先远离、再转向、再对齐、最后靠合；不允许把穿模隐藏在过快的动画里。对每种新结构补充适用的几何不变量和边界尺寸验证，再加入现有回归命令。 ## 15 参考资料与来源边界 以下均为制造商、供应商或行业组织的一手资料，用于核对结构名称、用途、可获得的包装形态。代码中的几何和样例图案由本项目自行编写；未下载或复制厂家的生产刀模，也未声称完整符合某一厂家专用规格。 - [FEFCO Design Style Library，第 12 版](https://www.fefco.org/sites/default/files/documents/2022-10-17_FEFCO%20Code_BOOKLET_single_A5_HR.pdf)：瓦楞纸箱结构分类、0201 与 0427 的结构语境。 - [Hemlock：Product Packaging Quick Guide](https://www.hemlock.com/blog/2023/06/29/product-packaging-quick-guide/)：插口、锁底与托盘的基本差异。 - [PakFactory：Custom Packaging Products](https://pakfactory.com/custom-packaging-products.html)：纸套、抽屉、托盘、袋型、金属罐和圆形礼盒的商业类型目录。 - [The Box Factory：FEFCO 0427](https://www.boxfactory.co.uk/fefco-box-designs/0427)：飞机盒的典型结构参考。 - [Mondi：Mono-material StandUpPouch](https://www.mondigroup.com/products-and-solutions/flexible-packaging/mono-material-standuppouch/)：自立袋、膜材、拉链、封合及表面处理的产品说明。 - [Berlin Packaging：Categories](https://www.berlinpackaging.com/sitemap/categories)：Boston 圆肩瓶、滴管瓶、泵瓶、直壁罐和化妆品罐的目录分类。 - [Berlin Packaging：Food Packaging](https://www.berlinpackaging.com/food-packaging/)：食品瓶罐和不同容器形态的使用语境。 - [Huhtamaki：Paper Hot Cups and Lids](https://www.huhtamaki.com/en/foodservice/products/paper-hot-cups-and-lids/)：单层/双层杯和独立饮口盖的商业形态。 核对日期：2026-10-19。市场选型与工艺最终以具体厂商最新资料、实物打样和材料条件为准。