3.2.3: 行銷與發布資產

• 完成時間： 20 分鐘
• 先決條件： 策略與架構視覺化（Module 3.2.2）

在 Cursor 中開始本模組： 執行 /start-3-2-3 以開始互動式體驗。

概覽

Module 3.2.3 使用行銷和發布資產完成你的產品視覺工具包。App store 圖形、社群廣告、發布公告 - 向世界介紹你產品的視覺化。

關鍵要點： 行銷視覺化立即傳達價值。一個出色的發布圖形可以產生段落文字無法產生的興奮感。

情境

TaskFlow Mobile 獲得了綠燈。它將在下個月發布。行銷需要資產：

1. App store 主視覺 - 使用者在商店中看到的特色圖形
2. 社群廣告創意 - LinkedIn/社群的活動資產
3. 發布公告 - 「我們來了」時刻圖形

讓我們建立每一個。

App Store 特色圖形

它們是什麼

特色圖形是使用者在 app store 中看到的主視覺圖片。它們是你產品的第一視覺印象。

各平台要求

如何生成

基本提示：

為 [應用程式名稱] 建立 app store 特色圖形。
在 [裝置] 上顯示應用程式，突出 [關鍵功能/好處]。
乾淨、專業的風格。[尺寸]。

範例 - TaskFlow Mobile：

為 TaskFlow Mobile 建立 App Store 特色圖形。
在現代 iPhone 上顯示應用程式。
介面顯示營運團隊的任務管理。
適合 B2B app store 列表的專業風格。
背景中微妙的製造/營運情境。
16:9 長寬比。

關鍵元素

風格提示

• B2B 應用程式： 專業、乾淨、功能感
• 消費者應用程式： 充滿活力、情感、生活方式導向
• 企業： 值得信賴、安全、精緻
• 新創： 現代、創新、新鮮

專業提示

• 顯示真實價值： 展示你最好的 UI，不是通用畫面
• 匹配品牌顏色： 使用你公司的色彩調色板
• 保持簡單： 每個圖形一個清晰的訊息
• 生成變體： 測試不同的方法

社群廣告創意

它們是什麼

社群廣告創意是設計用來停止滾動並在一瞬間傳達價值的圖片。它們針對動態效能進行最佳化。

平台規格

如何生成

基本提示：

為 [產品] 建立社群廣告。
訊息：[關鍵價值主張]
風格：[視覺方法]
包含標題文字的空間。
[尺寸]

範例 - TaskFlow Mobile：

為 TaskFlow Mobile 建立 LinkedIn 廣告。
顯示前後轉變：
- 左側：拿著剪貼板、散落文件的不知所措的營運經理
- 右側：同一位經理自信地使用 TaskFlow Mobile

訊息：從混亂到清晰。
大膽、引人注目的風格。
在頂部留出標題文字的空間。
正方形格式（1:1）。

廣告創意模式

專業提示

• 1 秒內吸引： 圖片必須立即傳達價值
• 留出文字空間： 將添加標題；不要擠滿圖片
• 使用對比： 在充滿內容的動態中脫穎而出
• 生成多個變體： A/B 測試是標準做法

發布公告圖形

它們是什麼

發布公告圖形是「我們來了」視覺化。它們出現在部落格文章、電子郵件爆炸、社群公告、新聞稿中 - 你宣布發布的任何地方。

何時使用

• 產品發布日
• 重大功能發布
• 版本更新
• 里程碑公告

如何生成

基本提示：

為 [產品] 建立發布公告圖形。
概念：「介紹 [產品名稱]」
感覺：[情感基調]
適合新聞稿的專業品質。
16:9 長寬比。

範例 - TaskFlow Mobile：

為 TaskFlow Mobile 建立發布公告圖形。
概念：「介紹 TaskFlow Mobile」能量。
應用程式的主視覺照片 - 精緻、高級感覺。
發布/公告能量 - 可能是聚光燈效果、
微妙的動態，或乾淨的揭示美學。
專業到足以用於新聞稿，令人興奮到足以用於社群。
16:9 長寬比。

關鍵元素

情緒選項

專業提示

• 讓它感覺像一個事件： 這不僅僅是另一個圖形
• 將產品置於中心： 主視覺應該是明確無誤的
• 生成多個版本： 不同的平台需要不同的格式
• 考慮文字覆蓋： 留出標題和日期的空間

完整發布資產套件

這是產品發布的完整集合：

App Store 存在

• 特色圖形（16:9）
• 5-6 個截圖模型
• 應用程式圖示（如需要）

社群活動

• LinkedIn 廣告創意（正方形 + 橫向）
• Twitter/X 卡片圖片
• Instagram 貼文 + 限時動態變體

公告套件

• 新聞稿主視覺（16:9）
• 電子郵件標題圖形
• 部落格文章特色圖片
• 社群公告變體

總時間： 完整發布套件 30-45 分鐘。

使用你的風格庫

行銷受益於一致的視覺識別。

建立行銷特定風格：

• 「品牌廣告風格」- 你公司的視覺語言
• 「發布能量」- 動態公告感覺
• 「App Store 乾淨」- 商店列表美學

然後一致應用：

使用風格 #45（品牌廣告風格）生成 LinkedIn 廣告
使用風格 #52（發布能量）生成公告

最佳實踐

要做的：

• 匹配你的品牌 - 使用一致的顏色和風格
• 專注於價值 - 使用者得到什麼？
• 生成變體 - 行銷需要測試
• 優先考慮平台 - 針對它將出現的地方進行最佳化
• 保持簡單 - 每個圖形一個訊息

不要做的：

• 不要過度擁擠 - 留出呼吸空間
• 不要通用 - 顯示你的產品，不是庫存圖片
• 不要忘記文字空間 - 將添加文案
• 不要使用微小文字 - 行動動態很小
• 不要跳過變體 - 一個版本永遠不夠

疑難排解

廣告沒有停止滾動

• 增加對比和大膽度
• 嘗試更情感化的概念
• 使轉變更戲劇化
• 生成完全不同的變體

App store 圖形看起來通用

• 顯示實際 UI，不是佔位符畫面
• 添加暗示使用案例的情境
• 明確參考你的品牌顏色
• 嘗試生活方式方法（使用中的產品）

發布公告感覺不令人興奮

• 請求「發布能量」或「公告時刻」
• 添加動態元素（動態模糊、聚光燈）
• 使產品更突出
• 生成具有不同情緒的變體

更大的圖景

讓我們放大一下。

你建立了什麼

透過 Nano Banana，你組裝了一個專業的創意管道：

1. 最強大的圖片模型 Gemini 3 Pro 生成逼真的圖片、轉換參考、處理文字覆蓋，並在生成中保持一致性。

2. 最強大的 AI 助手 Cursor 處理所有技術複雜性 - API 呼叫、會話管理、檔案儲存。你專注於創意方向。

3. 複利系統 你的風格庫隨著每個專案成長。過去需要探索的現在只需要一個指令：「使用風格 #12」。

差異

大多數人將 AI 圖片工具用作新奇事物：

• 生成隨機圖片
• 使用一次
• 重新開始

你有一個專業管道：

• 有意圖地生成
• 建立可重複使用的風格
• 隨時間複利

這就是偶爾使用 AI 和將 AI 作為創意超能力之間的差異。

課程完成

恭喜。你已完成 Nano Banana。

從你的第一次「Carl 穿香蕉裝」生成到使用專業行銷資產發布產品 - 你從「這如何運作？」到擁有完整的視覺工具包。

你現在擁有：

• 對可用的最強大圖片模型的理解
• 掌握獲得出色結果的提示原則
• 隨時間變得更有價值的可重複使用風格庫
• 建立任何 PM 視覺化的技能：角色、圖表、模型、行銷

你的風格庫永遠是你的。 繼續建立它。每個專案都使它更有價值。

下一步？

這是 Nano Banana 的最後一個模組。但你的旅程繼續：

繼續建立你的庫：

• 從每個專案儲存風格
• 從你欣賞的圖片中提取風格
• 與你的團隊分享風格

應用於真實工作：

• 推介簡報和簡報
• 使用者研究工件
• 產品文件
• 行銷活動

保持聯繫： 查看 The Full Stack PM 以獲取更多 PM 建構者內容，包括進階技術和新風格庫。

恭喜完成 Nano Banana！

現在去建立一些驚人的東西。

資源

• Hootsuite Social Media Image Sizes - 所有平台，定期更新
• Sprout Social Image Guide - 全面規格
• App Store Screenshot Guide - Apple 要求和最佳實踐
• Google Play Screenshot Guide - Android 要求
• App Screenshot Best Practices - 設計提示

關於本課程

由 Carl Vellotti 建立。Nano Banana 是 Cursor 產品經理課程的一部分。

原始碼儲存庫： github.com/carlvellotti/claude-code-pm-course