實用創作流程
集點卡設計:放下六個真正能用的蓋章位置

集點卡在螢幕上可能很整齊,但圓圈小於印章、獎勵規則埋在裝飾裡,就會在櫃檯使用時出問題。先確認實際印記與已核准的優惠。
我們為虛構 Juniper Cafe 製作了一張卡片,在 85×55 mm SVG 上安排六個 8 mm 蓋章位置。獎勵文案已明確提供。此範例是圖形版面,不是會員帳號,也不是量測留存成效的實驗。
先選印章幾何尺寸,再選裝飾
量測準備使用的印章,並為不夠精確的手工落章留出餘裕。教學採用示範性的 8 mm 直徑圓,不表示它適合所有咖啡店印章。六個中心組成兩列三欄。
SVG 直接使用毫米:viewBox 為 0 0 85 55,圓半徑為 4,x=18、42.5、67,y=25、39。橫向中心間距為 24.5 mm,縱向為 14 mm。原始檔實體尺寸為 85×55 mm。
| 屬性 | 範例值 | 使用前檢查 |
|---|---|---|
| 卡片 | 85×55 mm | 紙張與裁切要求 |
| 蓋章空間 | 直徑 8 mm | 真正印章的印記 |
| 欄 | 18 / 42.5 / 67 mm | 橫向間距均勻 |
| 列 | 25 / 39 mm | 不與獎勵文字重疊 |
| 樣稿 | 1004×650 像素 | 僅檢查構圖;原始檔決定實體尺寸 |
提供準確的優惠原稿
將符合條件的行為與獎勵一起寫明。虛構英文原稿為 SIX VISITS、Reward: one small filter coffee 與 One stamp per qualifying visit,分別表示六次來店、一杯小杯濾泡咖啡獎勵、每次符合條件的來店蓋一個章。這些是情境輸入,不是在建議你的商家應該提供哪種獎勵。
排版前將已核准的限制放入原稿清單。不要讓代理自行加入排除條件或有效期限規則。本範例刻意沒有杜撰期限。

用程式碼建立虛構 Juniper Cafe 集點卡,橫式 85x55 mm,提供可編輯 SVG 原始檔與清晰的 1004x650 PNG 樣稿。恰好六個無填色圓,每個直徑 8 mm,排列為3 欄 2 列,中心位置 x=[18,42.5,67] mm、y=[25,39] mm。嚴格保留提供的英文文案:Juniper Cafe; SIX VISITS; Reward: one small filter coffee; One stamp per qualifying visit; FICTIONAL DEMO。不要杜撰資格條件或有效期限。根據清單檢查圓的數量、直徑、位置,並在 SVG 節點中檢查文字。將樣稿放上畫布並提供 PNG 下載;若無法下載原始檔,在回覆中顯示完整 SVG 程式碼。提醒讀者用自己的真正印章測試並列印一張樣品,不要聲稱已進行實體印刷或建立可用的會員系統。不使用付費產生器。同時檢查數量與規則
實際輸出有六個獨立印章圓與提供的優惠文字。我們檢查保留的 SVG,核對實體尺寸、圓數、半徑及中心位置。每個圓在毫米座標系統中的半徑均為 4。
像店員那樣閱讀繪製樣稿:先找到下一個空位,再找到獎勵規則。確認真正的印章不會遮住必須閱讀的條件。原始檔幾何與可見的易用性回答不同問題。

將卡片視為設計稿,不是會員台帳
此檔案沒有會員身分、來店紀錄、核銷狀態或防詐功能。六個空間只是繪圖元素。如果需要追蹤,應與店員決定流程,再將已核准系統與卡片配合使用。
一起檢查標題與完整獎勵規則
更改優惠時,連同標題一起檢查完整規則。標題承諾六次來店,小字卻要求七枚印章,就會衝突。保留一份已核准原稿清單,並據此產生新樣稿。

在一張列印卡片上試用真正的印章
使用預定紙張與印章製作一張實體樣品。檢查墨水擴散、乾燥、對齊、裁切,以及填滿多個位置後規則是否仍可讀。遵循印刷廠的出血與匯出要求,不要將螢幕預覽視為印刷品質認證。
我們只檢查了數位版面。沒有顧客使用這張卡,也沒有量測它對再次來店的影響。實用結果是一份可供檢查的原始檔,幫助你在測試真正櫃檯流程前發現問題。
常見問題
有六個圓就能證明印章放得下嗎?
不能。圓的直徑為 8 mm;請在實際列印紙張上測試真正的印章與手工蓋章位置。
此範例中 Ciyo 會記錄來店次數嗎?
不會。它只建立圖形。紀錄與核銷需要另外核准的流程。
卡片做好後能改獎勵嗎?
可以,但應根據更新的已核准文案檢查所有標題與規則,並替換舊樣稿。
設計店員能順利蓋章與閱讀的卡片
先在 Ciyo 中完成一個經過檢查的範例。保留原始檔,在自己的專案中使用前檢查匯出結果。