實用設計工作流

價目表製作：設計清楚易讀的服務價格卡

Ciyo 團隊2026年10月21日

服務價目表需要說明顧客能獲得什麼、需要多久，以及哪些價格條件適用。再精美的字型，也彌補不了遺漏的“起”字，或看起來可以單獨預約的加購專案。

我們用虛構 Cedar Salon 需求在 Ciyo 中探索價格卡。本指南採用準確的源表、受控修改和獨立的印刷及手機檢查，並把可編輯源文字與扁平化影象分開。

快速回答：先批准服務表

在源表中寫明服務名稱、時長、幣種、固定價或起價，以及適用條件。給服務分組、對齊價格，把限定詞放在對應價格旁邊。然後按目標印刷尺寸與手機寬度檢查儲存的設計。

保留能單獨改價、無需重新生成全部文字的原始檔。如果 Ciyo 輸出是扁平圖片，就在排版編輯器中完成事實文字。

以下四項 Cedar Salon 服務均為虛構，用來展示較難處理的欄位：起價，以及附帶預約條件的加購專案。真實商家應在設計前確認幣種、服務範圍及其他價格條件。

不要讓模型編造熱門套餐、推薦折扣或補填缺失時長。這些問題應與服務負責人確認。

每項服務用一行，先顯示名稱，附近標明時長，價格放在固定位置。將加購項單獨分組，讓顧客理解主要預約與可選附加項的區別。

示例主要採用暖象牙色和炭黑色，輔以少量綠色。綠色可以區分加購組，但不能只靠顏色來說明預約規則。

服務價格卡需求

根據這張獲批表為[商家]設計服務價格卡：[服務、時長、價格與條件]。將主要預約與加購專案分組。在起價旁明確保留“起”，並清楚顯示預約條件。使用[品牌配色]。比較豎版印刷佈局與手機預覽。保留所有事實，並說明哪個原始檔可編輯。

我們把表格輸入獨立設計助手專案，但該工作流在交付卡片前停止。隨後直接使用 Image Generator 中的 GPT Image 2.5 Flare，生成這裡的 1024 × 1536 概念圖。它以扁平影象形式呈現示例服務的資訊層級。

所連結的 Cedar Salon HTML 示例依據獲批表格單獨組裝。服務名稱、時長、價格與條件都是可編輯文字，因此可檢查外部修改步驟。生成圖片與可編輯原始檔承擔不同任務。

實用測試是把虛構的招牌剪髮從 $45 改成 $48，同時保持 45 分鐘不變。註明這是審閱練習；店主批准真實修改前，原表仍是基準。

修改後重新檢查染髮諮詢 $20、吹髮造型 $35 起、護髮加購 $12，並確認加購仍要求已預約服務。範圍很小的請求也可能改變鄰近生成文字，因此不要只檢查改過的數字。

印刷版應按目標實際尺寸開啟匯出檔案，確認最小的條件文字仍可讀。向印刷廠詢問接受的檔案和安全邊距。手機使用時，按典型螢幕寬度完整檢視，不放大。

如果手機版文字過小，就簡化佈局或另做移動端構圖。把整張印刷頁直接縮小，並不一定適合手機。兩版事實必須一致。

把批准日期、可編輯原始檔和顧客版匯出放在一起。改價時先更新源表，再用獲批文案製作分發版本。在商家實際分享的位置刪除或替換舊版。

獨立服務者可能只需一張簡潔卡片；多店面商家應先明確各地價格和條件的負責人，再考慮自動化。本指南演示價格卡設計，不是預約系統同步。

把“起”等限定詞放在相關價格附近。較長條件可在旁邊補充，但佈局不能把未批准的起價暗示成固定價。

以目標用途的可讀性為上限。清單很長時應分組或分頁，不要把全部文字縮到難以閱讀。

圖內文字可能已經扁平化。要可靠地反覆更新，應保留源表並使用排版中的可編輯文字。

只使用商家批准且已核實的預約地址。裝飾二維碼或編造的網址不會建立預約渠道。

從真實的服務名稱、時長、價格和條件開始。比較兩種佈局，選擇顧客能迅速理解的一版。