Piantong Card commission guide

便當卡卡片選擇
與資料準備指南

先選風格與需要的卡片，再複製範本整理公開資料。這一頁不會上傳或儲存你填寫的內容。

Preparation roadmap

建議資料整理順序

照著五個步驟準備，再搭配右側的素材提醒，可以更快完成委託資料。

  1. 01

    填寫共用資料

    先準備顯示名稱、自訂網址、頁面簡介與分享設定。 （🔗 點此前往共用資料）

  2. 02

    挑選需要的卡片

    從八種卡片中選出真正需要的內容，並確認滿版或半版。 （🔗 點此查看卡片指南）

  3. 03

    整理卡片內容

    依希望呈現的順序填寫範本，準備對應圖片與公開網址。

  4. 04

    選擇頁面風格

    選擇一種預設風格，或填寫自己的自訂樣式需求。 （🔗 點此選擇頁面風格）

  5. 05

    送出前再次檢查

    核對內容、連結、圖片與公開授權，再將資料交給工作室。 （🔗 點此前往最後檢查）

Material guide

圖片與公開資料準備

素材品質會直接影響完成畫面；請先整理檔名，並確認每一項都有公開權利。

  1. 01

    圖片請提供原始檔或高畫質 JPG、PNG；不要只貼社群平台縮圖。

  2. 02

    頭像與小展示卡建議使用正方形圖片；作品與輪播圖片建議使用 16:9。

  3. 03

    分享圖片建議為 1200 × 630 px，重要文字與 Logo 請避開邊緣。

  4. 04

    每張圖片都請附一段簡短替代文字，描述圖片中真正重要的內容。

  5. 05

    只提供已確認可公開且擁有使用權的圖片、文字、地址與聯絡方式。

Shared information

每張便當卡都要先準備的資料

這些內容會用於頁面標題、分享預覽與公開設定，只需要整理一次。

自訂網址、網頁摘要與網頁縮圖在分享預覽中的位置示意

Card library

八種卡片快速索引

只挑選真正需要的卡片，並依希望顯示的先後順序整理。沒有有效內容的卡片不會輸出。

Layout rules

先理解滿版與半版

便當卡以手機閱讀為設計起點，卡片分為滿版與半版。若內容較多而影響手機閱讀，我們會再與委託者討論調整；卡片種類與排列順序也可由委託者自行決定。

滿版

在畫面中佔滿整列，適合需要較多閱讀空間的內容。

半版

可與另一張半版卡並排，適合精簡且可成組呈現的內容。

個人或商家基本資料卡的完整畫面示意

Card 01

個人介紹卡

放置姓名或品牌名稱、頭像，以及最重要的一段自我介紹。適合作為頁面的第一張卡。

寬度限制
滿版／半版
選擇提醒
資訊較完整時選滿版；想與另一張簡短資訊卡並排時可選半版。

純文字卡的標題與內文版面示意

Card 02

文字資訊卡

整理品牌故事、服務時間、注意事項或其他純文字內容；文字中的換行會保留。

寬度限制
滿版／半版
選擇提醒
長文建議滿版；單一短主題可使用半版。

兩張小展示卡並排的畫面示意

Card 04

小展示卡

以半版呈現單張圖片，可作為裝飾或小型宣傳；兩張小展示卡可並排，並可加入說明與公開連結。

寬度限制
僅半版
選擇提醒
固定為半版；若手機也要兩張並排，請與相鄰卡一起註明。

大展示卡內兩項作品並排的畫面示意

Card 05

大展示卡

使用滿版呈現想展示的內容，可依需求選擇一張大型內容，或兩張較小內容並排。

寬度限制
僅滿版
選擇提醒
可依內容選擇一大張或兩小張排列；手機閱讀效果會依內容量再討論調整。

顯示地址、地圖與導航連結的地圖卡示意

Card 07

地圖卡

顯示可公開的商家地址、Google Maps 地圖與外部導航連結。

寬度限制
僅滿版
選擇提醒
地圖需要足夠操作空間，因此固定使用滿版。

YouTube、Spotify 與 Podcast 影音卡畫面示意

Card 08

影音嵌入卡

嵌入公開的 YouTube、Spotify 或 Apple Podcasts 內容，可加入多個項目。

寬度限制
僅滿版
選擇提醒
影音播放器固定使用滿版，以保留可讀性與操作空間。

Theme options

風格選擇

工作室提供三種預設風格可供選擇。您也可以自己決定自己頁面呈現的風格。

查看可自訂項目

預設風格

經典科技風格的便當卡套版預覽

經典科技

清楚俐落的青綠主色，適合專業服務、工作室與科技相關品牌。

日系極簡風格的便當卡套版預覽

日系極簡

留白充足、層次輕盈，適合作品集、個人品牌與簡約風格內容。

溫潤文藝風格的便當卡套版預覽

溫潤文藝

柔和配色與編輯感排版，適合手作、生活風格、餐飲與文化內容。

Custom theme

自訂樣式

不使用預設風格時，可以依下表整理偏好的字型、顏色與版面細節；不確定的項目可以留空，再由工作室協助搭配。

便當卡可自訂的風格項目、選項與填寫提醒
自訂項目 可選內容 填寫提醒
頁面背景色 自訂顏色 整張頁面最外層的背景色。可提供色碼或參考圖片。
卡片背景色 自訂顏色 個人介紹、文字、社群連結等主要卡片的底色。
卡片邊框色 自訂顏色 卡片與內容項目的外框顏色。
標題文字色 自訂顏色 名稱與各區塊標題使用的顏色。
次要文字色 自訂顏色 內文、說明與次要資訊使用的顏色。
強調色 自訂顏色 連結、按鈕與重點元素使用的顏色。
ICON顏色 自訂顏色 社群連結與聯絡方式 Icon 使用的顏色。
字型 點開 Google Fonts 可先查看完整字形與中英文呈現。
卡片圓角 無／小／中／大 決定主要卡片與內部項目的圓潤程度。
卡片陰影 無／小／中／大／柔和 決定卡片與頁面背景之間的立體層次。
頭像形狀 圓形／圓角／方形 只影響個人介紹卡中的頭像或 Logo。

Final checklist

送出資料前，再檢查一次

請依序核對以下項目；這份清單不會將任何資料傳送到網站。

  • 已填寫共用資料，並確認顯示名稱與頁面簡介。
  • 已決定預設風格與卡片顯示順序。
  • 每張需要的卡片都已貼上對應範本並填寫。
  • 所有網址均可公開開啟，Email、電話與地址已確認可公開。
  • 圖片檔名可與範本內容對應，且每張圖片都有替代文字。
  • 送出前已再次檢查錯字、授權與搜尋引擎收錄選項。