徽章設計器

徽章設計器是內建於 badges.ninja 的視覺化三欄式畫布編輯器，讓您無需任何外部設計工具，就能建立專業的徽章圖片。

概覽

設計器直接在建立／編輯徽章視窗中開啟，由三個部分組成：

• 左側導覽列 — 在範本、上傳、元素、文字、屬性、QR 碼與圖層之間切換中間的面板。
• 面板 — 所選導覽模式的工具。
• 畫布 — 徽章的即時可編輯預覽。您加入的每個項目都是真實、可選取的物件，可以移動、調整樣式、重新排序或刪除。

徽章詳細資料（簽發者、名稱、說明、條件，以及分享文字）就位於畫布正下方，因此設計與憑證資訊集中在同一個視窗 — 不需要額外的步驟。

從範本開始

點擊導覽列中的範本，瀏覽內建設計。Recognition 系列提供完整組合、專業的徽章 — 包含造型邊框與可編輯的預設文字（組織、標題、副標題與驗證印章）— 共有八種配色（Gold、Silver、Bronze、Blue、Green、Crimson、Purple、Graphite）。使用類別篩選器縮小清單範圍，或選擇空白畫布從頭開始。

點擊範本即可套用。範本中的文字會成為一般的可編輯圖層，您可以修改或移除 — 沒有任何內容是固定寫死的。

元素 — 形狀、圖示、緞帶與背景

元素面板可在徽章上疊加圖形：

• 線條 — 水平／垂直分隔線。
• 形狀 — 實心與外框的矩形、圓角矩形、圓形與三角形。
• 圖示 — 70 個象形圖示（award、brain、certificate、code、crown、diploma、graduation-cap、medal、rocket、shield-check、star、trophy 等等），可搜尋。
• 緞帶 — 28 種裝飾性緞帶疊層，分為 Straight／Pointed／Tails／Decorative。
• 底座 — 80 種可重新上色的底座形狀，涵蓋多種類別（圓形、盾牌、六邊形、星形、獎章、印章、花環、橫幅、幾何圖形）。

每個圖示、緞帶與底座都會以目前的顏色插入，並且隨時可以重新上色。

背景形狀

元素 → 背景形狀收錄了 68 個現成邊框（形狀 × 配色庫）。套用其中一個會更換徽章的背景邊框，同時保留您疊在上方的文字與元素 — 當您想要特定的形狀／顏色組合，但不需要完整組合的範本時非常方便。

上傳自訂圖片

使用上傳面板加入您自己的標誌、照片或圖形。支援 PNG、JPEG 與 SVG，大小上限為 5 MB。圖片會以一般前景物件的形式插入 — 疊在設計上方，絕不會抹除背景。若要更換徽章背景，請改為選擇範本或背景形狀。

新增與設定文字樣式

文字面板提供：

• 新增標題／副標題／一般文字 — 預先設定大小的文字物件。
• 組合 — 現成的文字組合，例如 Certificate of Achievement、Awarded to 或 Verify at — 每一行都可以獨立編輯。

選取任一文字物件後，畫布上方會出現情境工具列：

• 字型 — 包含 50 種字型的字型庫，分為 Sans、Serif、Handwriting、Mono 與 System。從下拉選單選擇；每個選項都以自身字型預覽。
• + 字型 — 為目前工作階段上傳品牌字型（TTF、WOFF、WOFF2、OTF）。
• 字型大小 — 使用 − / + 步進器（或直接輸入數字）即可精確調整所選文字的大小，無需拖曳控制點。
• 顏色 — 設定所選文字的填色（同時也是新形狀／圖示的預設插入顏色）。
• 對齊 — 六個按鈕可讓所選物件相對於畫布，向左／置中／向右，以及向上／垂直置中／向下對齊。

動態屬性

屬性面板會將動態標記— 、、、、、 — 以文字物件的形式插入。每個標記都會在簽發時依接收者個別解析，因此單一設計即可為您簽發的每個人自動客製化。這就是將接收者姓名或簽發日期放到徽章本身上的方式。

QR 碼

QR 碼面板會插入一個綁定 的可掃描碼。在每張已簽發的憑證上，它會解析為該憑證的公開驗證頁面，因此任何人都可以掃描印出的徽章來確認其真偽。

圖層

圖層面板列出畫布上的每個物件。您可以在此重新排序（上移一層／下移一層）、隱藏／顯示、選取與刪除每個圖層。背景邊框固定在最底層且不可互動，因此所有點擊操作都由前景元素接收。

復原／重做（Ctrl+Z / Ctrl+Shift+Z）可回溯最近 20 次變更，而當您將物件拖曳到靠近畫布中心時，會出現虛線對齊參考線。

儲存徽章

沒有獨立的「匯出」步驟。當設計與詳細資料準備就緒後：

• 建立徽章會將畫布擷取為 PNG，上傳到我們的圖片 CDN（Amazon S3，以不可變的內容定址網址提供），並連同可編輯的設計一起儲存徽章 — 因此重新開啟徽章時會還原各個圖層，方便繼續編輯。
• 儲存草稿會將進行中的徽章儲存在伺服器端（可跨裝置使用）。草稿會在您的徽章清單中以草稿標記顯示，您之後可以隨時重新開啟任何一份草稿。

良好徽章設計的訣竅

• 保持簡潔 — 文字清楚、盡量減少雜亂。徽章通常會以較小的尺寸顯示。
• 使用高對比 — 讓文字在背景上清晰易讀。
• 為憑證命名 — 檢視者應能一眼理解。
• 正方形格式 — 徽章以正方形顯示效果最佳。
• 品牌一致性 — 在不同徽章中重複使用貴組織的顏色與字型。
• 儲存可重複使用的設計 — 您建立的每個徽章也會儲存為帳號範本，下次可以直接從它開始（請見我的範本）。