吧唧排版工具

网页放在服务器上，脚本和源文件放在每个人自己的电脑上。每个人都在自己电脑上完成解析、排版和出图，文件不会上传到网上。

第一次使用请从头看「第一次使用：把工具装好」。装好之后，平时做单只需要看「日常做单：完整流程」那一张卡片。

开始使用

打开排版工具 下载本地脚本包

第一次使用先点「下载本地脚本包」，按下面的步骤解压安装。以后做单时点「打开排版工具」即可。
脚本包更新日期：2026-06-12（文件名里也带这个日期，可以核对自己用的是不是最新版）

单独下载（更新单个脚本用）

config.json 01_AI解析源文件.jsx 02_AI生成拼版大版.jsx 05_PS批量生成TIFF.jsx 06_归档成品文件.ps1

只在通知更新某个脚本时用。第一次使用不用管这里，直接下载完整脚本包。

第一次使用：把工具装好（只做一次）

  1. 点上面的「下载本地脚本包」按钮，浏览器会下载一个叫 badge-layout-tool-local-kit_2026-06-12.zip 的压缩包。
  2. 打开「下载」文件夹找到它：按键盘上的 Win + E 打开文件管理器，点左边的「下载」。
  3. 在压缩包上点鼠标右键，选「全部解压缩…」（有的电脑显示「提取全部」或用解压软件，效果一样）。
  4. 解压位置建议选一个好记的地方，例如 D:\badge-layout-tool。没有 D 盘就放 C 盘，放哪个盘都可以，但放好之后就不要再挪动、不要改里面的文件夹名字。
  5. 解压完打开看一眼，里面应该是这样：
badge-layout-tool\ ├── config.json ← 拼版参数（不要动） ├── README.md ← 说明文件 ├── scripts\ ← 所有脚本都在这里 └── output\ ← 解析结果会自动出现在这里
这个解压出来的文件夹就是你的「项目文件夹」。下面流程里提到「项目文件夹」，指的都是它。脚本会自动把结果放进它里面的 output，不需要你设置任何路径。

日常做单：完整流程

第 1 步：在 Illustrator 里解析源文件

  1. 用 Illustrator (AI) 打开客户的源文件（.ai 文件）。
  2. 点菜单栏「文件」→「脚本」→「其他脚本…」。
  3. 在弹出的窗口里，找到你的项目文件夹，进入 scripts，双击 01_AI解析源文件.jsx。
  4. 等它跑完，会弹一个总结窗口告诉你识别到了多少个吧唧，点确定。结果已自动存到项目文件夹的 output 里。
如果提示识别不到吧唧，先跑一次 00_AI诊断源文件.jsx，把生成的 output\diagnose.txt 发给负责人排查。

第 2 步：在网页上录数量、生成拼版方案

  1. 回到本页面，点最上面的「打开排版工具」（建议用 Chrome 或 Edge 浏览器）。
  2. 点「点击选择项目根文件夹」，在弹出的窗口里选中你的项目文件夹（整个文件夹，不是里面的 output），点确定。
  3. 如果浏览器弹出「将 xx 个文件上传到此网站？」——放心点「上传」。这是浏览器的固定提示语，文件其实只是在你自己电脑上被网页读取，不会传到网上。
  4. 每个吧唧下面有数量框，按订单逐个填数量。不需要的就填 0。
  5. 填完点「生成拼版方案」，检查预览图没问题。

第 3 步：把 layout.json 放进 output（很重要，别跳过）

  1. 在网页上点「另存 layout.json 到本地」，浏览器会下载一个 layout.json 文件。
  2. 打开「下载」文件夹（Win + E → 左边「下载」），找到刚下载的 layout.json。
  3. 把它剪切（右键 → 剪切），粘贴到项目文件夹的 output 里。如果提示已存在同名文件，选「替换」。
为什么要手动挪？目前网页是 http 地址，浏览器不允许网页直接写你的硬盘，所以只能先下载再挪。漏了这步，下一步脚本会说「找不到 layout.json」。

第 4 步：回 Illustrator 生成拼版大版

  1. 回到 Illustrator，点「文件」→「脚本」→「其他脚本…」，这次双击 scripts 里的 02_AI生成拼版大版.jsx。
  2. 脚本会自动读取 output\layout.json，生成拼好的大版文件，跑完检查一下版面。

第 5 步：在 Photoshop 里批量出 TIFF

  1. 打开 Photoshop (PS)，点「文件」→「脚本」→「浏览…」。
  2. 双击 scripts 里的 05_PS批量生成TIFF.jsx。
  3. 弹出选文件夹的窗口时，它已经自动定位到 output，直接点确定即可。脚本会把每张大版做成带白墨通道的 TIFF 印刷文件。

第 6 步：出片确认后归档

  1. 成品确认无误后，在 scripts 里的 06_归档成品文件.ps1 上点右键 → 「使用 PowerShell 运行」，它会把成品移到归档文件夹，防止 output 越堆越多。

每个脚本是干什么的

脚本 在哪里运行 什么时候用
00_AI诊断源文件.jsx Illustrator 识别不出吧唧时排查问题用，平时用不到。
01_AI解析源文件.jsx Illustrator 每次拿到新的源 .ai 文件，或源文件改过之后。
02_AI生成拼版大版.jsx Illustrator 网页生成方案、layout.json 已放进 output 之后。
03_PS单张调色.jsx / 04_PS单张生成TIFF.jsx Photoshop 只处理单张时用，批量出片用 05 就够了。
05_PS批量生成TIFF.jsx Photoshop 大版生成后，一次性把所有大版导出成 TIFF。
06_归档成品文件.ps1 右键 → 使用 PowerShell 运行 出片确认完成后归档成品。

常见问题

  • 浏览器问我「将 xx 个文件上传到此网站？」 — 点「上传」。这只是浏览器让网页读你本地文件夹的固定说法，所有文件都留在你电脑上，不会传到网上。
  • 每次打开网页都要重新选文件夹吗？ — 不用了。现在网址是 https://badge.heygoods.cn，浏览器会记住你上次选的项目文件夹，下次打开直接用（最多点一下「允许」确认即可）。如果你用的还是老的 http://124.223.225.61 地址才需要每次重选，建议换成上面的新网址。
  • 脚本 2 弹窗说「找不到 output/layout.json」 — 你漏了第 3 步。去「下载」文件夹找到 layout.json，挪到项目文件夹的 output 里，再跑一次脚本 2。也可以直接在那个弹窗里选中「下载」文件夹里的 layout.json。
  • 数量能自动从订单表里读吗？ — 该功能暂未开放，目前请按订单在网页上手动填数量。
  • 跑了脚本 1 之后我之前的成品不见了？ — 脚本 1 每次会清空 output 重新生成（归档文件夹会保留）。所以成品确认后要先跑 06 归档。
  • 用什么浏览器？ — 推荐 Chrome 或 Edge。其他浏览器可能连文件夹都选不了。