專案介紹是贊助者認識你的第一印象，圖片清晰度、排版易讀性，將直接影響閱讀體驗與專案信任感。
為了協助你打造吸引人的專案介紹，我們整理了常見的視覺圖文設計規範與版面建議，包含圖片尺寸、排版結構、行動裝置瀏覽體驗等重點。
⚠️ 專案上線前，請務必用手機實際打開預覽頁面，確認圖片與文字都清楚可讀！⚠️
🔵 專案介紹 - 規格建議
- 圖片比例以
橫式或正方形（1:1）為主。 - 建議解析度至少為 72 PPI（螢幕使用標準），圖片寬度建議至少 1200px，以確保在各種裝置上都清晰可讀。
- 支援 jpg / jpeg / png / gif 圖片格式，建議單張控制在 5MB 內，避免影響頁面載入速度。您可以嘗試壓縮圖檔、調整比例尺寸或裁成多張組合圖。
-
gif 檔僅限展示簡短動作（e.g. 操作、動效），建議 3–5 秒內。
Kobo Elipsa 2E 10.3 吋電子書閱讀器 ▲ -
避免模糊、低畫質、有浮水印的圖片。
🔵 專案介紹 - 圖片運用建議
- 盡量統一圖片的濾鏡／色溫／明亮度 / 構圖方式（如全景、近拍、俯拍）。
- 圖庫使用：如果目前沒有適合的圖片，建議優先使用清晰、風格一致、授權可用的圖庫圖片。
-
推薦商用圖庫平台（下載前請確認授權說明）
- 綜合型素材：freepik
-
常見使用情境
-
團隊介紹：情境照、工作照
《樂知修繕隊》緊急求援 ▲ -
專案內容：實拍照、示意圖、設計草圖
XpreSole® Honda防水咖啡靴 ▲ -
製作過程：拍攝花絮、樣品照、製程環境照、職人工作照
OFoodin好食袋2.0 ▲
-
🔵 圖片＋文字
適當的文字與影像搭配，能引導贊助者理解專案的故事與情感。
- 留意是否清楚易讀、對比足夠、不受背景干擾。
- 衡量文字壓在圖片上的大小，確保電腦與行動裝置的瀏覽體驗。行動裝置在實際顯示時會把設計稿縮小，當設計稿字級為 16pt，實際上看起來會像 10pt，不利於閱讀。
以寬 1200px 的圖片為例，可參考以下數值：
- 標題字級：
40～106pt - 內容字級：
28～36pt（最小字以 24pt 為限） -
文字行高：
至少 30pt -
如將整段文字製作成圖片，請務必為圖片加上替代文字 ⚠️（雙點擊圖片開啟「影像屬性」編輯框，在影像資訊頁籤找到「替代文字」欄位，輸入可代表該圖片的文字內容）
🔵 純文字排版
即使沒有圖片，好的文字排版也能讓內容具吸引力！
- 內文字級：
14～16px（最小字以 12px 為限）。 - 標題字級：
18～24px。並依照階層使用 H1～H6 標題格式。 - 避免過度強調：請勿整篇使用粗體、底線，避免造成閱讀疲勞。
- 段落長度：每段控制在 3～5 行為佳，可搭配段落間距、水平線或 emoji，提升視覺節奏感。
- 段落留白：適當空間能讓版面更清爽，提升閱讀流暢度。
🔵 色彩風格
- 使用與品牌或計畫主題一致的色系。
- 保持文字與背景的對比度，提升可讀性，e.g. 深色文字搭配淺色背景。
🔵 行動裝置友善
多數贊助者會透過手機瀏覽專案介紹，需確保文字與圖片皆可清晰呈現。
- 完成編排後請務必用手機實機檢查整體可讀性。
- 圖片是否太小？文字會不會擠成一團？重點資訊是否明顯？
- 避免使用桌機才看得清的小字、過擠的欄位或圖表。
《瑞星 Rising Star》韻律體操長期發展計畫（左） / 日星宋體貳號｜數位修復字型｜把活字傳下去（右）
⚠️ 專案上線前，請務必用手機實際打開預覽頁面，確認圖片與文字都清楚可讀！⚠️