Thanedee/設計標準

設計標準 是做什麼的？

每當您建立、編輯、簡報或審閱視覺作品時，請使用此技能：社群媒體貼文或輪播圖、傳單、海報、邀請函、標誌或品牌系統、簡報、資訊圖表或圖表、影片或動態作品、印刷檔案、網頁或應用程式畫面，或使用 AI 影像生成器（ChatGPT、Gemini、Midjourney、Flux、Firefly 等）製作的圖片。

完整指南及研究來源位於 references/ 目錄中。請先閱讀此檔案，然後僅開啟任務所需的參考檔案（索引如下）。

核心標準

清晰優先，層級其次，一致性再次。美學服務於訊息，絕不隱藏訊息。

當規則衝突時，依此順序決定：

1. 真實性與合法性
2. 易讀性與無障礙性
3. 層級與訊息
4. 品牌一致性
5. 美學偏好

若客戶的品牌指南與此標準衝突，則品牌指南在識別元素（顏色、字體、標誌）上優先，而此標準在易讀性、準確性與無障礙性上優先。

每個設計任務的工作流程

1. 用一句話重新陳述簡報：目標、受眾、格式與尺寸、單一訊息、呼籲行動。若無法做到，請先提問再開始設計。
2. 取得確切的文案。僅使用提供的文字，拼寫完全正確。使用受眾自己的術語（例如，針對奈及利亞房地產工作：使用「tenancy agreement」，而非「lease」）。
3. 從 references/11-platform-specs.md 選擇格式與畫布。預設社群動態貼文：1080 x 1350 像素（4:5）。直式影片：1080 x 1920 像素，所有關鍵內容需位於中心 900 x 1400 像素的安全區域內。
4. 基於網格建構，使用 8 像素間距尺度，並在 1080 像素的畫布上保留至少 64 像素的邊界。
5. 設定一個焦點，以及清晰的第一、第二和第三閱讀順序。
6. 套用字體與顏色規則（請見下方最低要求）。
7. 若使用 AI 影像生成器，請遵循下方的 AI 護欄及 references/17-ai-guardrails.md。
8. 執行下方及 references/20-quality-control.md 的品質檢查，再將匯出的檔案提交。

不可協商的最低要求（必須遵守）

• 對比度： 內文與背景的對比度至少 4.5:1；大型文字（24 像素或以上，或 18.5 像素粗體）至少 3:1；圖示與圖表元件至少 3:1（WCAG 2.2 AA）。
• 1080 像素寬社群圖像上的文字大小： 標題 60 像素或以上，內文 32 像素或以上，註腳 24 像素或以上，每個圖形約 30 至 40 個字詞為佳。網頁內文 16 像素或以上。印刷內文 9 至 12 pt。
• 如果文字放不下，請刪減文案，絕不縮小尺寸。
• 一個主要訊息與一個主要呼籲行動。
• 絕不單獨以顏色傳達意義（約每 20 位男性中就有 1 位有色覺辨別障礙）。
• 安全區域： 重要內容不可位於畫布外圍 5% 的區域或平台覆蓋層下方。
• 準確性： 每個字詞、數字、名稱、日期、價格與聯絡資訊都必須逐字對照來源進行檢查。
• 版權： 僅使用獲得授權的圖片、字體與音樂；獲得可辨識人物的同意；未經授權不得在商業作品中使用國家標誌（例如國徽）。
• 輪播圖與多頁作品： 每頁使用相同的版面配置。在不同貼文之間，而非在同一組作品內，變化版面配置。
• 每張資訊性圖片需有替代文字，每個影片需有字幕。

字體預設

• 使用一至兩種字體家族。採用固定的字體尺度，層級之間有明確的比例（社群圖形中標題至少為內文大小的 2.5 倍）。
• 內文行高 1.4 至 1.6；標題行高 1.0 至 1.2。
• 行長：內文 45 至 75 個字元，行動裝置與社群媒體上為 30 至 50 個字元。
• 僅短標籤使用全大寫，字距追蹤 +5% 至 +12%。
• 標題最後一行不可只有一個單字。根據語意斷行。
• 使用彎曲引號，範圍使用短破折號（例如 ₦12–18m），並檢查字體是否包含所有需要的字符（例如 ₦、約魯巴語、伊博語與豪薩語字母）。

顏色預設

• 大約 60% 主色、30% 次要色、10% 或更少的強調色。使用一種飽和的強調色；其餘顏色保持中性。
• 從色環選擇和諧配色：單色、類似色、互補色、分裂互補色、三等色或四等色。請參閱 references/05-colour.md 及 assets/ 中的圖片。
• 明亮的暖色強調（珊瑚色、金色、萊姆色、黃色）適用於深色背景或作為大型形狀，不適用於白色背景上的小型文字。
• 為螢幕設計使用 sRGB。印刷時使用印刷廠的 CMYK 設定檔，並為精確的品牌顏色使用 Pantone。

AI 影像護欄（摘要）

• 將每張 AI 生成的圖片視為草稿，可能包含虛構事實、拼寫錯誤或變形的字符、幻影標誌、印章或徽章、版面偏移或變臉。
• 使用完整的提示詞進行簡報：目的、尺寸、版面、調色板（HEX 色碼）、字體樣式、引號內的確切文字、圖像主題及限制條件（「無標誌、無國徽、無浮水印、無額外文字或數字」）。
• 每次編輯請求只改一個地方，並說「保持其他一切完全相同」。每次都要重複保留清單。
• 偏好生成不帶文字的圖片，然後在設計工具、HTML 或 SVG 中設定字體，以確保文字完全準確。
• 在提交 AI 輸出之前，請驗證：文字、事實、標記、與核准原稿的一致性、指南最低要求、人物、版權及揭露資訊（references/17-ai-guardrails.md，第 17.6 節）。若有任何不符，請報告，切勿將圖像作為最終版本提交。
• 請勿移除內容憑證（C2PA）元數據。在觀眾會在意的地方揭露 AI 使用情況，特別是逼真的人物、地點和產品。

提交前的品質檢查

如果以下任何一項未通過，則應修改，無論其他項目多好：

1. 錯誤的字詞、數字、名稱、日期、價格或聯絡資訊。
2. 虛構的事實、標誌、印章、國徽或浮水印。
3. 文字低於最小尺寸，或對比度低於 4.5:1（大型文字為 3:1）。
4. 沒有清晰的焦點或閱讀順序。
5. 重要內容超出安全區域或被平台裁切。
6. 單獨使用顏色傳達意義。
7. 版權未清除。
8. 不符合品牌的調色板、字體或誤用標誌。
9. 缺少揭露資訊或法規核准（付費合作、AI 擬真、奈及利亞廣告的 ARCON 核准）。
10. 輪播圖或多頁作品內的版面配置不一致。

然後，對 references/20-quality-control.md 中的每個類別進行 0 到 10 的評分；每個類別都必須達到至少 8 分。

參考索引

檔案	何時開啟
references/00-how-to-use.md	規則等級（必須、應該、可以）、證據層級、判斷順序
references/01-perception-cognition.md	解釋設計為何有效：第一印象、流暢性、格式塔、掃描模式
references/02-core-principles.md	層級、對比、對齊、接近性、平衡、留白
references/03-composition-layout-grids.md	網格、間距尺度、安全區域、比例、裁切、相切
references/04-typography.md	選擇字體、依媒介決定尺寸、字體尺度、行高、換行
references/05-colour.md	調色板、色環、和諧配色、配色組合、行業調色板、對比配對、奈及利亞的顏色意義
references/06-imagery-icons.md	選擇、裁切與處理照片、插畫、圖示系統
references/07-information-design-dataviz.md	圖表、誠實的軸線、資訊圖表
references/08-copy-content.md	標題、字數預算、呼籲行動、術語、校對
references/09-brand-identity-logos.md	識別系統、標誌設計與使用、系列一致性
references/10-accessibility.md	WCAG 2.2 數值、替代文字、動作安全、包容性表現
references/11-platform-specs.md	Instagram、LinkedIn、TikTok、Reels、Shorts、YouTube、簡報、電子郵件的畫布尺寸與安全區域
references/12-motion-video.md	短影音結構、字幕、動畫時間、音訊
references/13-print-production.md	出血、解析度、CMYK、油墨限制、紙張、PDF/X
references/14-ui-ux-web.md	易用性啟發式評估、觸控目標、元件狀態、欺騙性模式
references/15-cultural-context-nigeria.md	在地化、奈及利亞術語、貨幣、日曆、符號
references/16-legal-ethics.md	版權、AI 所有權、肖像與隱私、ARCON、廣告宣稱
references/17-ai-guardrails.md	提示詞模板、編輯紀律、失敗模式、驗證協議、揭露
references/18-design-process.md	簡報、概念、評論、版本控制、測試
references/19-file-delivery.md	匯出格式、壓縮、命名、交接
references/20-quality-control.md	按格式分類的評分標準與發布前檢查清單
references/21-glossary-sources.md	定義及每項規則背後的研究來源
assets/colour_wheel.png	帶有淡色、色調與暗色的 12 色相環
assets/colour_harmonies.png	六種色彩和諧範例及色票