Bir app veya SaaS ship ederken design takvimleri üç varlıkta takılır: splash / launch, özellik fayda kartları ve empty state illüstrasyonları. Figma’da component’ler var, ama store screenshot’ları ve onboarding hâlâ görsel eksik; dış kaynak bir turda bir hafta alırken copy sürekli değişir.
Image 2 daha iyi bir yol sunar: ihtiyacı UI görsel slot üretim hattı olarak ele alın—marka rengini ve tipografi hiyerarşisini kilitleyin, sonra splash → onboarding → feature cards → empty state → settings mock → store çerçevesi ship edin. Bu yazı, review’a hazır App / UI screens için test edilmiş 6 image-2 prompt paylaşıyor.
Product-design playbook’u olarak kullanın: frame başına bir iş, copy aynen, export öncesi buton ve başlık yazımını kontrol edin.
📌 Aşağıdaki prompt’lar İngilizcedir (Image 2 yapılandırılmış İngilizce ve görsel içi metni güvenilir işler). UI copy’sini, ticari markaları ve erişilebilir kontrastı manuel doğrulayın; son cilalama gerçek component’lerle 8pt grid üzerinde Figma’da olmalı.
1. Image 2 neden «App / UI screen» işine uygun?
Genel bir illüstrasyon modelinin şans eseri iyi çıkmasını beklemeye kıyasla Image 2 şu nedenlerle kazanır:
-
Görsel içi metin okunabilir kalır — splash başlıkları, üç satırlık özellik kartları, empty state CTA’ları—benchmark seviyesinde ~%99 metin render’ı, AI interface art tesliminde «generate edip PS’te tipografi yapıştır»dan üstün.
-
Çok turlu düzenlemeler layout’u bozmadan copy değiştirir — PM bir onboarding satırını değiştirir; illüstrasyon ve buton şeklini koruyarak o satırı chat-replace edin—Image2 konuşmalı düzenlemeler burada parlar.
-
Stil kısıtları design system alanlarına dönüşür — marka HEX’i, köşe yarıçapı, gölge gücü, illüstrasyon stili (flat / soft 3D) her prompt’ta seriyi tek bir Design System gibi hissettirir.
Product ve design ortakları için: UI görsel varlıkları information architecture’dan üretilebilir, illüstrasyon takvimini beklemek zorunda değilsiniz.
2. Standart iş akışı (beş adım)
-
UI görsel slot’larını listeleyin — en az altı: ① splash/launch ② onboarding sayfası ③ özellik fayda kartları (3 nokta) ④ empty state ⑤ settings/profile mock ⑥ App Store / store screenshot çerçevesi. Tam etkileşimli bir app’i tek görsele sıkıştırmayın.
-
Marka ve tipografi kısıtlarını yazın — birincil/ikincil renkler, açık/koyu zemin, başlık uzunluk sınırları; ticari markalı OS chrome’u taklit etmekten kaçının (genel status bar yeterli).
-
Frame başına bir iş + aynen copy — her biri bir kullanıcı sorusunu yanıtlar: ilk açılış izlenimi? neden kalsın? veri yoksa ne olur? store’da nasıl görünür?
-
En-boy oranlarını birleştirin — splash/store genelde 9:16; feature cards 1:1 veya 4:5; set içinde tek oran ailesi tutun.
-
Figma öncesi üç kontrol — yazım, kontrast, köşe yarıçapı vs DS—tam yeniden üretim yerine Image 2 çok turlu düzenlemelerle sapmayı düzeltin.
3. Altı test edilmiş UI prompt’u (copy-paste)
Örnek ürün: kurgusal bir verimlilik app’i «FlowDay.» Adı ve faydaları kendinize göre değiştirin. Her prompt’ta marka vurgusu tutun (örnek: #4F46E5 indigo).
Slot 1: Splash / launch ekranı
Senaryo: cold-start marka izlenimi—ortada mark + kısa tagline.
App splash / launch screen mock with Image 2 for mobile UI.
Vertical 9:16, clean modern iOS-like frame (generic status bar, no trademarked icons).
Centered app mark: simple indigo rounded-square icon with white "F" monogram.
Headline exactly: "FlowDay"
Subline exactly: "Plan less. Finish more."
Background: soft indigo-to-white gradient, subtle geometric glow, ample padding.
Sharp legible type, Image2 text accuracy, premium SaaS look.
Do not clutter with fake notifications. No watermark.
Sonuç: review’a hazır app splash görseli.
Slot 2: Tek sayfa onboarding
Senaryo: ilk açılış değer sayfası—copy + illüstrasyon.
Mobile onboarding screen UI mock using Image 2.
Vertical 9:16, light mode, generous bottom padding for a primary button.
Top illustration: soft 3D calendar and checkmarks, brand color #4F46E5 accents.
Title exactly: "Your day, in one timeline"
Body exactly: "Drag tasks into focus blocks. FlowDay keeps priorities visible."
Primary button label exactly: "Continue"
Keep layout airy, 8pt rhythm feel, Image 2 commercial UI quality.
Do not invent extra menus. Do not misspell.
Sonuç: onboarding copy ve art tek birim—A/B satırları için hızlı.
Slot 3: Özellik fayda kartları (üç nokta)
Senaryo: site özellik satırı veya üç eşit kartlı paywall başlığı.
App feature benefit cards board with Image 2 (UI marketing).
1:1 or 4:5, white background, three equal cards in a row with soft shadow.
Card icons in #4F46E5. Exact English labels:
Card1 title: "Focus Blocks" / line: "Timeboxed deep work"
Card2 title: "Smart Reminders" / line: "Nudge only what matters"
Card3 title: "Weekly Review" / line: "See progress at a glance"
Modern SaaS marketing UI, crisp type, Image2 text accuracy.
No fake App Store badges. No overcrowded icons.
Sonuç: yapılandırılmış feature cards—metin doğruluğunun en çok gerektiği frame.
Slot 4: Empty state ekranı
Senaryo: görev/bildirim yok—«bozuk» değil, dostça yönlendirme.
Empty-state mobile screen with Image 2 for product UI.
Vertical 9:16, light gray background, large friendly illustration center:
soft 3D empty inbox with a single indigo plus badge.
Title exactly: "Nothing here yet"
Body exactly: "Create your first focus block to start the day."
Secondary text button exactly: "Create task"
Clean, calm, accessible contrast, Image 2 UI illustration quality.
Do not make it look like an error. No scary red alerts.
Sonuç: empty state boşluk yerine aksiyon alınabilir hale gelir.
Slot 5: Settings / profile mock
Senaryo: IA’yı paydaşlara gösterin—etkileşimsiz olması sorun değil.
Settings / profile screen mock with Image 2 (non-interactive UI visual).
Vertical 9:16, light mode list UI, rounded group cells.
Header: avatar circle + name "Alex Chen" + plan chip "Pro".
List rows with exact labels: "Notifications" / "Calendars" / "Appearance" / "Export Data".
Accent switches and chevrons in #4F46E5, generous spacing, SF-like but generic typography.
Image2 clean UI mock quality. Do not copy real iOS glyphs trademarked details.
No tiny unreadable text.
Sonuç: dokunulabilirmiş gibi yapmadan toplantılar için yeterli settings mock.
Slot 6: Store screenshot çerçevesi (cihazlı)
Senaryo: listing varlığı—telefon chrome’u + ana UI + üst caption.
App Store screenshot composition with Image 2.
Vertical 9:16 marketing frame: large caption on top, phone device mock below.
Caption exactly: "Focus blocks that actually stick"
Inside the phone: a clean task timeline UI using brand #4F46E5, legible list titles.
Soft studio shadow under device, light gray backdrop, premium DTC style.
Image 2 commercial ASO visual. Exact text, no gibberish.
Do not invent fake star ratings. Do not overcrowded stickers.
Sonuç: ASO yön çerçevesi; gerçek screenshot’ları sonra Figma’da değiştirin.
4. Evrensel doldurma şablonu
Slot başına yalnızca iş satırını ve görsel üstü copy’yi değiştirin:
Image 2 App / UI visual slot.
Brand lock: primary #[HEX], [light|dark] mode, [flat|soft-3D] illustration style.
Frame job (ONE only): [splash / onboarding / feature cards / empty state / settings mock / store screenshot].
Aspect: [9:16 | 1:1 | 4:5].
On-image copy exactly: "[titles/buttons]" — verbatim, no extra claims.
Do not: [fake OS trademarks / unreadable microcopy / cluttered chrome].
Output: review-ready UI visual, Image2 quality.
5. Dış kaynak illüstrasyon vs Image 2 UI slot hattı vs icon kolaj
| Boyut | Tam dış kaynak illüstrasyon | Image 2 UI slot hattı | Icon / screenshot kolaj |
|---|---|---|---|
| Copy revizyon hızı | Yavaş (yeniden çizim) | Hızlı (çok tur tek satır) | Hızlı ama ucuz görünür |
| Design system tutarlılığı | Brief’e bağlı | HEX / stil alanları kilitler | Kolay sapma |
| En uygun aşama | Marka büyük sürümleri | Haftalık iterasyon, review’lar, ASO taslakları | Yalnızca iç taslaklar |
| Ana risk | Takvim | Tipografi ve grid insan kontrolü şart | Dönüşüm / cilalama açığı |
6. Bu yöntemi kim kullanmalı?
✅ PM’ler / proje liderleri
Review öncesi splash, empty state ve store yönünü Image 2 ile doldurun—daha az «boş bırak» slaytı.
✅ UI / UX designer’lar
image-2’yi görsel keşif katmanı olarak ele alın: renk ve tipografiyi kilitleyin, üretin, sonra Figma’da gerçek component’lerle hizalayın.
✅ Indie builder’lar / küçük ekipler
Özel illüstratör yok mu? Tek prompt ailesi yine tutarlı app splash ve feature cards verir.
✅ Growth & ASO ops
Store caption’ları sık değişir—çok turlu düzenlemeler tüm cihaz çerçevesini yeniden yapmaktan iyidir.
7. Üç yaygın hata modu
-
❌ Tam dokunulabilir app taklit eden tek görsel — Image 2 dağınık UI çorbasına döner. Slot’a göre ayırın; etkileşim prototiplerini Figma/code’da tutun.
-
❌ «Biraz özellik metni» gibi belirsiz copy — tipografi sapması UI design teslimini öldürür. Başlık ve butonlar
exactly: "..."olmalı. -
❌ Kontrast kontrolü olmadan taklit OS marka detayları — genel status bar yeterli; export öncesi açık-üzerine-açık erişilebilirliği doğrulayın.
8. Kapanış
App / UI görselleri için Image 2 «daha gösterişli tek görsel roll etmek» değil—marka kilidi → UI slot’ları → aynen copy → çok turlu cilalama → Figma bitişi.
Bir dahaki sefer splash, feature card veya empty state eksikse stock kolaj yapmayın. Image2 workbench’i açın ve bu altı slot’u çalıştırın—review, iterasyon ve store çerçevesi başlangıcı için birleşik, okunabilir bir AI interface seti alırsınız.
Splash markayı taşır, kartlar değeri söyler, empty state sonraki adımı gösterir—bu image-2 product-design döngüsüdür.
Pratik notlar; prompt’lar kopyalanıp uyarlanabilir. Ship etmeden önce copy, ticari markalar ve store screenshot kurallarını doğrulayın.
