Tạo ảnh chụp màn hình App Store với GPT-Image-2 (doanh thu 1,6 nghìn USD/tháng trong 36 ngày)

@_frederickjames
TIẾNG ANH2 ngày trước · 05 thg 7, 2026
100K
471
27
29
1.5K

TL;DR

Hướng dẫn này trình bày chi tiết quy trình nhanh chóng để thiết kế ảnh chụp màn hình App Store có tỷ lệ chuyển đổi cao, sử dụng Pinterest để nghiên cứu, Figma cho các bản MVP và GPT-Image-2 để tạo hiệu ứng 3D chuyên nghiệp được hỗ trợ bởi AI.

Trang App Store của bạn là 1 trong 4 biến số chuyển đổi:

Marketing -> Trang App Store -> Onboarding -> Paywall.

Mọi người thường tập trung vào onboarding và paywall. Nhưng phễu sản phẩm bắt đầu từ trang ứng dụng! Nếu ảnh chụp màn hình của bạn tệ, sẽ chẳng ai tải về cả!

Ứng dụng của tôi có tỷ lệ chuyển đổi từ lượt xem trang sang lượt tải là 65%.

Đây là một phần rất lớn lý do tại sao tôi đạt được 1.6k doanh thu định kỳ hàng tháng (MRR) nhanh như vậy.

Tôi sẽ chỉ cho bạn cách thực hiện điều này cho ứng dụng mới của tôi!

**Phần tuyệt nhất?

  1. **Với AI: Việc này mất chưa đến 30 phút!
  2. Hầu hết các trang App Store đều rất tệ. Công sức để đánh bại đối thủ là rất nhỏ!Đây là tất cả những gì bạn cần:
  3. Tài khoản Pinterest (MIỄN PHÍ).
  4. Tài khoản Figma (MIỄN PHÍ).
  5. GPT-Image-2 (Miễn phí với gói Codex $20/tháng).

Bước Một: Nghiên cứu.

Chúng ta sẽ tạo một ứng dụng về biểu hiện nữ tính (feminine manifestation).

Đầu tiên: Xem các ứng dụng khác trong cùng lĩnh vực và phát hiện các mẫu hình.

Frederick James - inline image

Nguồn: Ứng dụng "Stella" & "Manifest Affirmations"

Những gì tôi nhận thấy:

  • Tông màu hồng & ấm áp.
  • Tính "thẩm mỹ" cao, tập trung vào hình ảnh.
  • Bán kết quả đạt được: không phải bản thân sản phẩm.

**Thứ hai: Duyệt Pinterest.

**Điều này sẽ cung cấp cho bạn bối cảnh rộng hơn về lĩnh vực của bạn.

Cũng như các ý tưởng về tài sản (asset) để sử dụng sau này.

Frederick James - inline image

Xu hướng Phổ biến:

  • Từ ngữ: Từ tính (Magnetic), khỏe mạnh (healthy), rạng rỡ (glowing), hiện diện (presence), tình yêu (love).
  • Năng lượng dịu dàng, những câu thần chú mạnh mẽ.
  • Lưu lại bất kỳ hình ảnh nào bạn thực sự thích:

Hình ảnh ở góc dưới bên trái tự nó đã là một "bom tấn".

Bước Hai: Figma MVP (Sản phẩm khả thi tối thiểu)

Bí quyết để có được kết quả xuất sắc từ AI:

Là tạo một bản mô phỏng (mockup) trong Figma trước.

*Nếu bạn đưa ra lời nhắc (prompt) mà không có bất kỳ tài liệu tham khảo nào, bạn sẽ nhận được kết quả tồi. Đầu tư một chút công sức ban đầu sẽ mang lại ROI vượt trội.*

1. **Mẫu (Templates):

**Có rất nhiều mẫu miễn phí trên Figma. Tôi sử dụng mẫu này:

Frederick James - inline image

2. Phông chữ (Fonts)

Có hai loại phông chữ mà mọi người đều sử dụng:

  • Vẻ ngoài "cao cấp" đẳng cấp: Instrument Serif.
  • Vẻ ngoài tối giản, hiện đại, táo bạo: SF Pro.

Thật khó để sai khi sử dụng một trong hai phông chữ này:

Frederick James - inline image

Hai công cụ khác là trình tạo gradient (gradient generator) và các thành phần thủy tinh lỏng (liquid glass components).

Frederick James - inline image

Tôi đã tạo các bản MVP này chỉ trong vài phút.

Frederick James - inline image

Bước Ba: Phép Thuật AI

Bây giờ, hãy đưa ra lời nhắc (prompt) cho GPT-Image-2 với các bản MVP tham khảo của chúng ta.

Làm cho những ảnh chụp màn hình này hấp dẫn hơn và sống động hơn một chút. Làm cho các yếu tố UI nổi bật một cách tinh tế, chồng lên viền điện thoại, tạo hiệu ứng 3D. Xuất ra x hình ảnh riêng biệt.

Một đề xuất ở đây:

Giữ mức nỗ lực của mô hình ở mức trung bình (medium).

Tất nhiên, hãy chơi đùa và thử nghiệm, nhưng đối với tôi, nỗ lực cao hơn dẫn đến kết quả kỳ lạ: tỷ lệ khung hình lẻ, kích thước chữ kỳ quặc, v.v.

Đây là kết quả của tôi:

Frederick James - inline image
  1. Độ tương phản. Các yếu tố UI có hiệu ứng "3D", chúng nổi bật ra khỏi điện thoại. Điều này làm cho chúng hấp dẫn về mặt thị giác. Nếu bạn nhìn vào các ứng dụng phổ biến, hầu hết đều làm điều này.
  1. Sự sống động tinh tế. Đã thêm các yếu tố UI phát sáng và lấp lánh có nhận biết màu sắc. Những nâng cấp nhỏ này có tác động tiềm thức đến người dùng. Đó là những bước hoàn thiện chuyên nghiệp cuối cùng.
  1. Bộ lọc Hình ảnh. Mô hình đã tăng cường độ sống động và bão hòa. Điều này đôi khi có thể bị lạm dụng quá mức, vì vậy hãy để ý đến nó. Nhưng ở đây, rõ ràng là nó hấp dẫn hơn!LƯU Ý:

Đôi khi AI sẽ tăng độ bão hòa quá một chút, làm cho hình ảnh trông giống nhựa và giống AI. Bạn có thể điều chỉnh lời nhắc ban đầu, loại bỏ từ "sống động" (vibrancy). Hoặc, yêu cầu chỉnh sửa lại các hình ảnh đã xuất ra!

Tôi đã giữ nó gần với bản gốc hơn vì các bản MVP hóa ra khá đẹp, nhưng bạn có thể "phá cách" ở bước này, thiết kế lại hoàn toàn nếu muốn. Phần quan trọng là đưa ra một tài liệu tham khảo "đủ tốt" để mô hình biết hướng đi cần theo.

Bước Bốn: Những Bước Hoàn Thiện Cuối Cùng

Apple yêu cầu độ phân giải rất cụ thể.

Mô hình hình ảnh sẽ không xuất ra chúng theo đúng cách.

Chúng ta có thể:

  1. Chỉnh sửa thủ công trong Figma (ưu tiên). Mất 2 giây.
  2. Yêu cầu Codex hoặc Claude cắt (trim) về đúng kích thước.

Tóm tắt (TLDR):

1. Nghiên cứu App Store & Pinterest.

2. Tạo MVP trong Figma.

3. Phép Thuật AI.

4. Điều chỉnh kích thước phù hợp cho Apple.

Viết lại trong YouMind

Turn one viral article into a full content workflow

Collect the source, decode the pattern, create assets, draft the story, and distribute from one AI workspace.

Explore YouMind
Dành cho nhà sáng tạo

Biến Markdown của bạn thành bài viết 𝕏 gọn gàng

Khi bạn đăng bài viết dài của riêng mình, việc định dạng hình ảnh, bảng và khối mã cho 𝕏 rất mệt mỏi. YouMind biến cả bản nháp Markdown thành một bài viết 𝕏 gọn gàng, sẵn sàng để đăng.

Thử Markdown sang 𝕏

Thêm pattern để giải mã

Bài viết viral gần đây

Khám phá thêm bài viết viral