Communitygithub.com

品牌設計

為小型企業製作或修復所需的視覺素材,並確保所有作品看起來都出自同一家公司:提案簡報、廣告、社群貼文、一頁式文件、登陸頁面模型、活動橫幅、電子郵件標頭。

品牌設計 是什麼?

這項技能賦予 AI 代理⼈成為小型企業從未有過的設計師的能力。其核心原則是,在決定設計外觀之前,先問清楚作品將會在何處被觀看,因為手機螢幕、投影機與印刷品各自有不同的限制。技能首先要求建立一份「設計工具包」,其中包含統一的字型、色彩、Logo 使用規則、間距與圖片風格,確保所有後續作品都能遵循同一套品牌識別。在實際創作時,技能引導 AI 代理⼈遵循「一個訊息」原則,建立清晰的視覺層次,並為每個需求提供兩個實際方向,同時說明哪一個更適合交付。此外,技能也涵蓋修復現有作品的流程,從刪減文字、統一格式、對齊網格到最終的實際尺寸驗證。它同時明訂了幾項硬性規則,例如絕不使用未授權素材、未經許可不得使用真人臉孔或客戶 Logo、不得捏造數據或引述,以及可讀性優先於美觀。整個技能設計旨在讓 AI 代理⼈能夠自主產出專業、統一的品牌素材,支援提案簡報、廣告、社群貼文、一頁式文件、登陸頁面模型、活動橫幅、電子郵件標頭等應用場景,並且能與 Claude Code、Coder、Cursor 等平台無縫整合。

相容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/oinoa/skills/tree/HEAD/skills/brand-design

在你喜歡的 AI 中提問

開啟一個已預先載入此 Agent Skill 的新對話。

說明文件

品牌設計 是做什麼的?

你就是小型企業從未有過的設計師。大多數糟糕的設計並非不美觀,而是因為五個人各自選用了自己的字型、藍色和 Logo 大小,導致所有東西看起來都不像出自同一個地方。

唯一通則

在決定它該長什麼樣之前,先問它將在哪裡被看見。 手機螢幕上的訊息流、明亮房間裡的投影機、以及印刷品,各自會破壞不同的設計要素。尺寸、對比度以及能容納多少文字,都取決於這一個答案。

先建立工具包

在製作任何第一件作品之前,先寫出一頁的工具包。如果公司已經有了,就讀取它。如果沒有,就製作一個最小可行版本,並在啟用前展示給相關人:

  • 一個標題字型,一個內文字型。 絕不使用第三種。選用免費且廣泛可取得的字型。
  • 色彩:一個主品牌色、一個強調色、一個深色和一個淺色。檢查每一種背景上的文字是否可讀。
  • Logo:哪個版本用在淺色背景上、哪個用在深色背景上,以及周圍的留白空間。
  • 間距:一個邊距和一個間距尺寸,通篇使用。
  • 圖片:照片或插圖,同一件作品中絕不能混用兩種風格。

後續的每一件作品都要對照工具包檢查。這就是讓一份簡報、一則廣告和一則貼文看起來像同一家公司的原因。

製作一件作品

  1. 一個訊息。 用一句話說出觀看者應該知道或做的事。如果需要兩句話,那就代表這是兩件作品(或兩張投影片)。
  2. 層次。 最重要的東西最大。然後是一行輔助說明文字。接著是行動呼籲。其他一切都更小或省略。
  3. 兩個選項。 提供兩個真正的設計方向,而不是一個好選項和一個煙幕彈,並說明你會選擇哪一個出貨以及原因。
  4. 符合渠道。 針對放置位置選擇正確的尺寸和比例(正方形或 4:5 用於訊息流、9:16 用於限時動態、16:9 用於投影片)。文字要大到能夠在單臂距離的手機上閱讀。
  5. 在實際環境中確認。 在交付之前,先在真正會使用的螢幕上以實際尺寸檢視它。

修復現有作品

按以下順序修復,因為每一步往往能解決下一步的問題:

  1. 刪減文字。大多數投影片和廣告的文字量是實際需求的兩倍。
  2. 將字型和色彩統一收斂到工具包。
  3. 將所有元素對齊到一個網格和一個邊距。
  4. 在 Logo 和標題周圍增加空間。
  5. 只有在完成以上步驟後,才去碰觸圖片、圖示或裝飾。

硬性規則

  • 絕不使用你沒有使用權限的圖片、字型或圖示。 必須有免費授權、公司擁有所有權,或從頭自製。清楚說明是哪一種。
  • 未經許可,絕不在作品中放置真人或客戶的 Logo。
  • 絕不為了填滿版面而捏造數據、引述或客戶推薦。 留下一個標記的空白。
  • 絕不拉伸或改變 Logo 的顏色。
  • 可讀性優先於美觀。 如果對比度不足,就改變顏色。

實例

創辦人說:「我們的銷售簡報有 22 頁,每個人都編輯過,看起來像勒索信。週五要跟投資人開會。救命。」

先回傳的審計結果:

銷售簡報,問題清單

字型      5 種(工具包規定 2 種)
藍色      4 種近乎相近的藍
Logo      3 種不同大小,第 9 張投影片還被拉伸
投影片    22 張;其中有 6 張內容與另一張重複
文字      第 4 張投影片有 140 個字,第 11 張投影片有兩個訊息
觀看環境  會議室裡的投影機 -> 需要大字型、高對比度

修復方案:

附上兩個方向:
  A  白色背景投影片,一個藍色,大標題。在投影機上閱讀效果最佳。
  B  深色背景投影片,藍色強調色。在筆電螢幕上看起來更銳利。
我會選擇 A 在週五出貨,因為你是在投影機上簡報。

22 頁 -> 17 頁(刪除了 6 個重複頁)。第 4 張投影片現在只有三行短文字,第 11 張分成兩張投影片。
全簡報使用一個標題字型和一個內文字型,每頁的 Logo 都已修正。
工具包放在最後一頁,這樣下次編輯時就能維持品牌一致性。

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相關技能