📌 開發背景

為了提升 AI 學院專業形象,我們參考 Leonardo AI 的封面設計風格,開發了一套自動化封面圖生成系統。

🐛 遇到的問題

  • 底圖有文字干擾:背景圖片上文字太多,影響標題可讀性
  • Logo 整合:需要在封面圖左上角添加 AI學院 Logo
  • 系列統一性:7 篇 OpenClaw 系列文章需要風格一致的封面

✅ 解決方案

  • 80% 黑色遮罩:在左側添加 80% 透明度的黑色遮罩,提高文字可讀性
  • 右側漸變:使用漸層過渡到右側背景,避免生硬邊界
  • AI學院 Logo:自動添加去背 PNG Logo 到左上角(80x80px)
  • 批次生成:使用 Python 腳本自動生成所有 7 張封面圖

🎨 設計特點

  • 尺寸:1200 x 675 (16:9)
  • 配色:深色漸層背景(#1a1a2e → #16213e)
  • 主色:#2a9d8f(湖水綠)+ #e76f51(柔和橘紅)
  • 動態背景:脈衝動畫效果

📦 最終成果

  • ✅ 完成 Leonardo AI 風格封面生成系統
  • ✅ AI學院 Logo 自動添加功能
  • ✅ 80% 黑色遮罩提高可讀性
  • ✅ 7 篇 OpenClaw 系列文章封面圖全部更新
  • ✅ 批次上傳並設定為精選圖片

🔗 封面圖列表

集數 主題 Media ID
EP01 完整開發指南 8604
EP02 測試與優化 8605
EP03 記憶與整合 8606
EP04 企業級開發 8607
EP05 商業化與上架 8608
EP06 最佳實踐 8609
EP07 生態與未來 8610

🎯 改進方向

  • 短期:移除右上角 EP01 徽章、增大 OpenClaw 字重、為主題條文字添加陰影
  • 中期:使用 ComfyUI 生成專門底圖(機械手臂、代碼編輯器、硬件等)
  • 長期:整合到自動發文系統(發文時自動生成封面圖)

📝 技術實現

  • 生成腳本generate_cover.py
  • 批次生成batch_generate_covers.py
  • 批次上傳batch_upload_covers.py
  • AI學院 Logo:去背 PNG,1080×1080

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *