徽章设计器

徽章设计器是 badges.ninja 内置的可视化三栏画布编辑器，让你无需任何外部设计工具即可创建专业的徽章图片。

概览

设计器直接在 Create / Edit Badge 窗口中打开，由三部分组成：

• 左侧栏 — 在 Templates、Uploads、Elements、Text、Attributes、QR Codes 和 Layers 之间切换中间面板。
• 面板 — 所选侧栏模式对应的工具。
• 画布 — 徽章的实时可编辑预览。你添加的每一项都是真实、可选中的对象，可以移动、重新设置样式、调整顺序或删除。

徽章详情（Issuer、Name、Description、Criteria 和 Share Text）直接位于画布下方，因此设计与凭证信息都在同一个窗口中——无需单独的步骤。

从模板开始

点击侧栏中的 Templates 浏览内置设计。Recognition 系列提供完整成型的专业徽章——带造型的边框，加上可编辑的占位文字（组织、标题、副标题和验证印章）——共有八种配色（Gold、Silver、Bronze、Blue、Green、Crimson、Purple、Graphite）。使用 Category 筛选器缩小列表范围，或选择 Blank canvas 从空白开始。

点击模板即可应用。模板中的文字会变为普通的可编辑图层，你可以修改或删除——没有任何内容是固化的。

Elements — 形状、图标、丝带与背景

Elements 面板可在徽章之上叠加图形：

• Lines — 水平 / 垂直线条。
• Shapes — 填充和描边的矩形、圆角矩形、圆形和三角形。
• Icons — 70 个象形图标（award、brain、certificate、code、crown、diploma、graduation-cap、medal、rocket、shield-check、star、trophy 等众多图标），支持搜索。
• Ribbons — 28 种装饰性丝带叠加层，分为 Straight / Pointed / Tails / Decorative 几组。
• Bases — 80 种可重新着色的底座形状，涵盖多个类别（圆形、盾牌、六边形、星形、奖牌、印章、花环、横幅、几何形）。

每个图标、丝带和底座都以当前颜色插入，并且随时可以重新着色。

背景形状

Elements → Background shapes 提供 68 个现成边框（形状 × 配色库）。应用其中之一会替换徽章的背景边框，同时将你的文字和元素保留在上层——当你想要特定的形状/颜色组合而不使用完整模板时非常方便。

上传自定义图片

使用 Uploads 面板添加你自己的徽标、照片或图形。支持 PNG、JPEG 和 SVG，大小最多 5 MB。图片会作为普通的前景对象插入——叠放在设计之上，绝不会擦除背景。如需更改徽章背景，请改为选择模板或背景形状。

添加与设置文字样式

Text 面板提供：

• Add heading / subheading / normal text — 预设字号的文本对象。
• Combinations — 现成的文字组合，例如 Certificate of Achievement、Awarded to 或 Verify at — 每一行都可以独立编辑。

选中任意文本对象后，画布上方会出现上下文工具栏：

• Font — 包含 50 种字体 的字库，分为 Sans、Serif、Handwriting、Mono 和 System。从下拉菜单中选择；每个选项都以其自身字体预览。
• + Font — 为当前会话上传品牌字体（TTF、WOFF、WOFF2、OTF）。
• Font size — 通过 − / + 调节器（或直接输入数字）精确调整所选文字的大小，无需拖动控制柄。
• Colour — 设置所选文字的填充色（同时也是新形状/图标的默认插入颜色）。
• Alignment — 六个按钮可将所选对象相对于画布左对齐 / 居中 / 右对齐以及顶部 / 中部 / 底部对齐。

动态属性

Attributes 面板将动态令牌——、、、、、——作为文本对象插入。每个令牌会在颁发时针对每位接收者解析，因此同一个设计可为你颁发的每个人自动个性化。你就是这样把接收者姓名或颁发日期放到徽章本身上的。

二维码

QR Codes 面板会插入一个与 绑定的可扫描二维码。在每个已颁发的凭证上，它会解析为该凭证的公开验证页面，因此任何人都可以扫描打印出来的徽章进行确认。

图层

Layers 面板列出画布上的所有对象。你可以在这里对每个图层进行重新排序（上移一层 / 下移一层）、隐藏/显示、选中和删除。背景边框固定在最底层，保持不可交互，因此所有点击都由前景元素接收。

撤销 / 重做（Ctrl+Z / Ctrl+Shift+Z）可回溯最近 20 次更改；当你将对象拖到靠近画布中心时，会出现虚线对齐参考线。

保存徽章

没有单独的“导出”步骤。当设计和详情准备就绪后：

• Create Badge 会将画布捕获为 PNG，上传到我们的图片 CDN（Amazon S3，通过不可变的内容寻址 URL 提供），并连同可编辑的设计一起保存徽章——因此重新打开徽章时会恢复各个图层，便于继续编辑。
• Save Draft 在服务器端（跨设备）保存进行中的徽章。草稿会在你的 Badges 列表中带有 Draft 标记，你可以随时重新拾起任何一份。

优秀徽章设计的建议

• 保持简洁 — 文字清晰，尽量减少杂乱。徽章经常以较小尺寸显示。
• 使用高对比度 — 让文字在背景上清晰可读。
• 为凭证命名 — 查看者应能一眼看懂。
• 方形格式 — 徽章以方形显示效果最佳。
• 品牌一致性 — 在不同徽章中重复使用你所在组织的颜色和字体。
• 保存可复用的设计 — 你创建的每个徽章都会同时保存为账户模板，下次可以直接以它为起点（参阅 My Templates）。