使用 GPT-Image-2 製作 App Store 截圖(36 天內達成 1,600 美元 MRR)

@_frederickjames
英語2 天前 · 2026年7月05日
100K
471
27
29
1.5K

TL;DR

本指南詳細介紹了一套快速設計高轉換率 App Store 截圖的工作流程,內容涵蓋使用 Pinterest 進行市場研究、利用 Figma 製作 MVP,以及透過 GPT-Image-2 打造專業的 AI 3D 視覺效果。

你的 App Store 頁面是 4 個轉換變數之一:

行銷 -> App Store 頁面 -> 引導流程 -> 付費牆。

大家都把焦點放在引導流程和付費牆上。但產品漏斗是從 App 頁面開始的!如果你的截圖很糟,根本不會有人下載!

我的 App 有 65% 的頁面瀏覽到下載轉換率。

這是我能這麼快達到 1.6k MRR 的巨大原因。

我來教你如何為我的新 App 做到這一點!

**最棒的是?

  1. **有了 AI:這只需要不到 30 分鐘!
  2. 大多數 App Store 頁面都做得很糟。要打敗競爭對手的努力成本超低!你只需要這些:
  3. Pinterest 帳號(免費)。
  4. Figma 帳號(免費)。
  5. GPT-Image-2(每月 $20 的 Codex 方案即可免費使用)。

第一步:研究。

我們要製作一個女性向的顯化 App。

首先:查看該領域的其他 App,並找出模式。

Frederick James - inline image

圖片來源:「Stella」和「Manifest Affirmations」App

我注意到的是:

  • 粉紅色和暖色調。
  • 高度「美學」,以圖片為重點。
  • 銷售的是成果:而不是產品本身。

**第二步:瀏覽 Pinterest。

**這能讓你對你的領域有更廣泛的了解。

以及提供之後可以使用的素材靈感。

Frederick James - inline image

常見趨勢:

  • 關鍵字:吸引力、健康、光彩、臨在、愛。
  • 柔和能量、強大的肯定語。
  • 儲存任何你非常喜歡的圖片:

左下角那張本身就是個寶藏。

第二步:Figma MVP

要從 AI 獲得驚人成果的秘訣:

就是先在 Figma 中製作一個模型。

*如果你沒有任何參考資料就下提示詞,你會得到很糟的結果。 投入一點點前期努力,就能獲得超高的回報率。*

1. **模板:

**Figma 上有很多免費模板。我用的是這個:

Frederick James - inline image

2. 字體

有兩種字體是大家都會用的:

  • 「高級」高端外觀:Instrument Serif
  • 現代、大膽、極簡外觀:SF Pro

使用這兩種字體中的任何一種都不會出錯:

Frederick James - inline image

另外兩個工具是漸層產生器和液態玻璃元件。

Frederick James - inline image

我只花了幾分鐘就做出了這些 MVP。

Frederick James - inline image

第三步:AI 魔法

現在,用我們的 MVP 參考資料來提示 GPT-Image-2。

讓這些截圖更具吸引力,顏色稍微鮮豔一點。讓 UI 元素微妙地突出,重疊在手機邊框上,產生 3D 效果。輸出 x 張獨立的圖片。

這裡有一個建議:

將模型強度設定為中等

當然你可以自己嘗試和實驗,但對我來說,更高的強度會產生奇怪的結果:奇怪的長寬比、奇怪的字體大小等等。

這是我得到的結果:

Frederick James - inline image
  1. 對比度。UI 元素是「3D」的,它們從手機中彈出。這讓它們對眼睛有吸引力。如果你看看流行的 App,幾乎所有 App 都這樣做。
  1. 微妙的鮮豔度。添加了感知顏色的光暈和閃爍的 UI 元素。這些小升級會對使用者產生潛意識的影響。最終的專業畫龍點睛之筆。
  1. 圖片濾鏡。模型提高了鮮豔度和飽和度。這有時會過度,所以要留意。但在這裡,它顯然更具吸引力!備註:

有時 AI 會過度提高飽和度,讓圖片看起來像塑膠且像 AI 生成的。你可以調整最初的提示詞,移除「鮮豔度」。或者,要求修改輸出後的圖片!

因為 MVP 的效果已經相當不錯,我讓它保持接近原始狀態,但你可以在這一步盡情發揮,如果你想的話,完全重新設計也可以。重點是提供一個「夠好」的參考,讓模型知道該往哪個方向走。

第四步:最終修飾

Apple 要求非常特定的解析度。

圖片模型無法以正確的方式輸出它們。

我們可以:

  1. 在 Figma 中手動編輯(首選)。只需 2 秒鐘。
  2. 要求 Codex 或 Claude 裁剪成正確的大小。

總結:

1. 研究 App Store 和 Pinterest。

2. 在 Figma 中製作 MVP。

3. AI 魔法。

4. 調整為 Apple 要求的正確尺寸。

二次創作

使用 YouMind 創作爆款文章

收集素材、拆解爆點、生成視覺資產、撰寫內容,並在一個 AI 工作空間裡完成分發。

了解 YouMind
寫給創作者

把你的 Markdown 變成乾淨的 𝕏 文章

圖片上傳、表格、程式碼區塊,往 𝕏 上手動重排太痛苦。YouMind 把整篇 Markdown 一鍵轉成乾淨、可直接發佈的 𝕏 文章草稿。

試試 Markdown 轉 𝕏

更多可拆解樣本

近期爆款文章

探索更多爆款文章