Skip to content

跨載體設計系統

跨載體設計系統定義享哥內容產品在不同平台上的一致規則。它要支援 Blog、課程網站、Notion 講義、PDF 講義、互動式教學網站與 AI Playbook,而不是只服務單一網站。

第一版目標是建立可重用的資訊架構與內容模組,讓後續每個課程產品都能快速展開。

視覺識別、Logo、色票、字體與圖像風格不在本文件展開,應參考 品牌識別系統。本文件專注在不同載體如何排列資訊與拆分內容。

享哥的內容會同時出現在多個載體:

  • Blog:對外建立信任與 SEO。
  • Course:承接轉換與課程銷售。
  • Notion 講義:支援學員課前、課中、課後使用。
  • PDF 講義:支援簡報與實體授課。
  • 互動式教學網站:支援練習、生成器、工作台與成果檢查。
  • AI Playbook:沉澱規範、Prompt、Workflow 與可重用模板。

如果每個載體各自設計,之後會出現內容重複、語氣不一致、版型難維護與 Agent 無法穩定產出的問題。

任務:

  • 建立個人品牌與信任。
  • 用文章解釋趨勢、案例與教學觀點。
  • 導流到課程、講義與工具。

內容形式:

  • 觀點文
  • 教學文
  • 工具比較
  • 案例拆解
  • 課程前導內容

任務:

  • 說明課程定位、適合對象、學習成果與購買方式。
  • 承接八月後線上課程轉型。
  • 成為課程產品的對外入口。
  • 對齊 IDEA Academy 的四階段學習地圖。

內容形式:

  • 課程首頁
  • 課綱頁
  • 單元頁
  • 學員成果頁
  • FAQ

固定資訊架構:

  • Hero:課程品牌、主張與主要行動。
  • Problem:學員目前卡住的問題。
  • Learning Support:這門課會提供的學習支援。
  • Learning Roadmap:對應 AI 新手村、內容創作家、自動化玩家或 AI 總帥。
  • Featured Courses:主打課程或課程包。
  • Outcome Gallery:學員可完成的作品與系統。
  • IDEA Method:Idea、Design、Execute、Automate。
  • FAQ:購買、上課、工具與成果相關問題。

任務:

  • 提供學員可複製、可填寫、可回看的一頁式學習工作區。
  • 承接課程中的任務、Prompt、作業與檢核。

內容形式:

  • 課前準備
  • 單元筆記
  • Prompt 區塊
  • 作業模板
  • Checklist
  • 成果提交區

任務:

  • 將課程中的流程變成可操作工具。
  • 支援輸入、選擇、生成、檢查、保存與匯出。
  • 讓學員在課中直接完成交付物。

內容形式:

  • 工作台
  • Prompt Builder
  • 素材檢查器
  • 分鏡 / 導演板產生器
  • 文案生成器
  • 作業提交輔助工具

任務:

  • 支援現場教學、簡報與課後複習。
  • 用視覺化方式承載概念、流程、案例與操作步驟。

內容形式:

  • 課程簡報
  • 流程圖
  • 案例拆解
  • 工具操作截圖
  • 作業說明

任務:

  • 把上述載體背後的規則整理成 source of truth。
  • 讓 AI Agent 能依規範產生文章、講義、互動網站與課程頁。

內容形式:

  • Brand
  • Design System
  • Components
  • Layouts
  • Prompt Library
  • Workflow
  • Examples
  • Resources

所有載體應共享以下內容模組:

  • 課程定位
  • 適合對象
  • 學習成果
  • Before / After
  • 核心工作流
  • Prompt Example
  • 操作步驟
  • Checklist
  • 常見錯誤
  • 作業與成果範例
  • 優先清楚,不優先炫技。
  • 教學內容要能從 PDF 轉成 Notion,再轉成互動網站。
  • 每個互動網站都要有 README、啟動方式、部署方式、環境變數與下一步。
  • 每個課程產品都要能對應到 AI Playbook 的 Prompt 與 Workflow。
  • 色彩、字體與元件要先對齊品牌識別系統,再依平台限制調整。
  • 先設計內容模組,再設計單一頁面。
  • 讓每個載體都有明確任務。
  • 將課程講義中的高頻流程抽象成 Workflow。
  • 將高頻輸入表單抽象成 Components。
  • 將互動式教學網站視為課程交付物的一部分。
  • 不要讓 Blog、Course、Notion、互動網站各自使用不同課程命名。
  • 不要把互動網站做成展示頁,應該做成可操作工作台。
  • 不要讓 Notion 只是 PDF 的貼上版。
  • 不要在 AI Playbook 寫平台限定格式,應抽象成跨載體規則。
  • 不要在課程網站承諾尚未規劃完成的課程交付物。
  • 定義各載體角色
  • 定義共享內容模組
  • 定義跨載體設計規則
  • 對齊品牌識別系統
  • 建立 Notion 講義模板
  • 建立互動式教學網站模板
  • 建立課程頁 Layout
  • 建立課程產品命名規則
請依跨載體設計系統,將下列課程主題拆成 Blog、Course、Notion 講義、互動式教學網站、PDF 講義與 AI Playbook 規範。
課程主題:
{{topic}}
要求:
- 每個載體說明任務
- 每個載體列出必要內容模組
- 指出哪些內容應該共用
- 指出哪些內容應該依平台改寫
- 不要只做行銷頁,要保留教學交付物