跨載體設計系統
跨載體設計系統
Section titled “跨載體設計系統”跨載體設計系統定義享哥內容產品在不同平台上的一致規則。它要支援 Blog、課程網站、Notion 講義、PDF 講義、互動式教學網站與 AI Playbook,而不是只服務單一網站。
第一版目標是建立可重用的資訊架構與內容模組,讓後續每個課程產品都能快速展開。
視覺識別、Logo、色票、字體與圖像風格不在本文件展開,應參考 品牌識別系統。本文件專注在不同載體如何排列資訊與拆分內容。
享哥的內容會同時出現在多個載體:
- Blog:對外建立信任與 SEO。
- Course:承接轉換與課程銷售。
- Notion 講義:支援學員課前、課中、課後使用。
- PDF 講義:支援簡報與實體授課。
- 互動式教學網站:支援練習、生成器、工作台與成果檢查。
- AI Playbook:沉澱規範、Prompt、Workflow 與可重用模板。
如果每個載體各自設計,之後會出現內容重複、語氣不一致、版型難維護與 Agent 無法穩定產出的問題。
Surface Roles
Section titled “Surface Roles”任務:
- 建立個人品牌與信任。
- 用文章解釋趨勢、案例與教學觀點。
- 導流到課程、講義與工具。
內容形式:
- 觀點文
- 教學文
- 工具比較
- 案例拆解
- 課程前導內容
Course Website
Section titled “Course Website”任務:
- 說明課程定位、適合對象、學習成果與購買方式。
- 承接八月後線上課程轉型。
- 成為課程產品的對外入口。
- 對齊 IDEA Academy 的四階段學習地圖。
內容形式:
- 課程首頁
- 課綱頁
- 單元頁
- 學員成果頁
- FAQ
固定資訊架構:
- Hero:課程品牌、主張與主要行動。
- Problem:學員目前卡住的問題。
- Learning Support:這門課會提供的學習支援。
- Learning Roadmap:對應 AI 新手村、內容創作家、自動化玩家或 AI 總帥。
- Featured Courses:主打課程或課程包。
- Outcome Gallery:學員可完成的作品與系統。
- IDEA Method:Idea、Design、Execute、Automate。
- FAQ:購買、上課、工具與成果相關問題。
Notion 講義
Section titled “Notion 講義”任務:
- 提供學員可複製、可填寫、可回看的一頁式學習工作區。
- 承接課程中的任務、Prompt、作業與檢核。
內容形式:
- 課前準備
- 單元筆記
- Prompt 區塊
- 作業模板
- Checklist
- 成果提交區
互動式教學網站
Section titled “互動式教學網站”任務:
- 將課程中的流程變成可操作工具。
- 支援輸入、選擇、生成、檢查、保存與匯出。
- 讓學員在課中直接完成交付物。
內容形式:
- 工作台
- Prompt Builder
- 素材檢查器
- 分鏡 / 導演板產生器
- 文案生成器
- 作業提交輔助工具
PDF 講義
Section titled “PDF 講義”任務:
- 支援現場教學、簡報與課後複習。
- 用視覺化方式承載概念、流程、案例與操作步驟。
內容形式:
- 課程簡報
- 流程圖
- 案例拆解
- 工具操作截圖
- 作業說明
AI Playbook
Section titled “AI Playbook”任務:
- 把上述載體背後的規則整理成 source of truth。
- 讓 AI Agent 能依規範產生文章、講義、互動網站與課程頁。
內容形式:
- Brand
- Design System
- Components
- Layouts
- Prompt Library
- Workflow
- Examples
- Resources
Shared Modules
Section titled “Shared Modules”所有載體應共享以下內容模組:
- 課程定位
- 適合對象
- 學習成果
- Before / After
- 核心工作流
- Prompt Example
- 操作步驟
- Checklist
- 常見錯誤
- 作業與成果範例
Design Rules
Section titled “Design Rules”- 優先清楚,不優先炫技。
- 教學內容要能從 PDF 轉成 Notion,再轉成互動網站。
- 每個互動網站都要有 README、啟動方式、部署方式、環境變數與下一步。
- 每個課程產品都要能對應到 AI Playbook 的 Prompt 與 Workflow。
- 色彩、字體與元件要先對齊品牌識別系統,再依平台限制調整。
- 先設計內容模組,再設計單一頁面。
- 讓每個載體都有明確任務。
- 將課程講義中的高頻流程抽象成 Workflow。
- 將高頻輸入表單抽象成 Components。
- 將互動式教學網站視為課程交付物的一部分。
- 不要讓 Blog、Course、Notion、互動網站各自使用不同課程命名。
- 不要把互動網站做成展示頁,應該做成可操作工作台。
- 不要讓 Notion 只是 PDF 的貼上版。
- 不要在 AI Playbook 寫平台限定格式,應抽象成跨載體規則。
- 不要在課程網站承諾尚未規劃完成的課程交付物。
Checklist
Section titled “Checklist”- 定義各載體角色
- 定義共享內容模組
- 定義跨載體設計規則
- 對齊品牌識別系統
- 建立 Notion 講義模板
- 建立互動式教學網站模板
- 建立課程頁 Layout
- 建立課程產品命名規則
Prompt Example
Section titled “Prompt Example”請依跨載體設計系統,將下列課程主題拆成 Blog、Course、Notion 講義、互動式教學網站、PDF 講義與 AI Playbook 規範。
課程主題:{{topic}}
要求:- 每個載體說明任務- 每個載體列出必要內容模組- 指出哪些內容應該共用- 指出哪些內容應該依平台改寫- 不要只做行銷頁,要保留教學交付物