實務作品
一番賞海報生成系統
讓後端直接產生可印刷的 Illustrator 海報,把製作時間降到原本的兩成。
01
什麼是一番賞?
一番賞是源自日本、在動漫周邊店很常見的抽獎活動:付一次錢抽一次籤,依籤別拿到不同等級的獎品。每一套商品都配一張海報,玩家抽完會把籤紙貼回海報上,讓其他客人知道各獎項還剩幾個。所以海報不只是文宣,而是每上一套新商品就得重新製作、還要隨著抽獎進度更新的必需品。
02
專案概述
一套自動生成一番賞海報的系統:讀取資料庫的商品資訊,套進四種版型,再透過 Adobe Script 產生可直接印刷的 .ai 檔案。
03
為什麼需要它
店家每上一套一番賞,就要有人用 Illustrator 手工做一張海報,慢又容易出錯。而商品資料資料庫裡都有了,重畫一次其實是浪費。
04
我負責的部分
我負責前端微調介面、後端系統,以及與 Adobe Illustrator Script 的串接生成。
05
技術挑戰
在 Adobe Script 這種受限、非典型的環境裡做資料動態注入,跟一般網頁開發完全不同——要穩定產出符合印刷需求的檔案並不容易。
06
怎麼實作的
後端讀取商品資料後,透過 Adobe Script 將資料注入版型並輸出可印刷的 .ai 檔;前端則提供拖曳微調圖片大小與位置的介面。
07
成果
海報製作時間降低約 80%,並提供公開的 DEMO 版本(使用假資料、移除實際 API 串接)。
細節
系統設計概述
系統可直接讀取資料庫中的商品資訊(例如獎項、價格、商品圖像),並套用到 4 種不同版型的海報設計中。
多版型支援
一次整合 4 種常見版型,滿足不同店鋪需求。
前端微調介面
可調整商品圖像的大小、位置,讓每張海報更符合實際需求。
可印刷檔案輸出
系統生成後,直接輸出可供美工使用的 AI 檔案,無需二次編輯。