Yapay Zekaya Netflix Kalitesinde Tasarımlar Yaptırmanın Sırrı

"Yapay zekayla bir uygulama yapıyorum, peki neden benimki bu kadar kalitesiz görünüyor?"

Eğer bunu hiç düşündüyseniz, sebep yetenek eksikliği değil. Sadece "kelimeler" kullanarak tasarım istemenizden kaynaklanıyor.

Açıkça söyleyeyim.

Bu bir beceri sorunu değil.

Bu bir "teslim etme biçimi" sorunu.

※ Bu makaleyi kaydetmeniz önerilir.

Birçok kişi yapay zekadan şöyle ister:

"Havalı bir tasarım yap."

"Modern ve şık bir hava kat."

"Trend bir kullanıcı arayüzü kullan."

Ama geriye dönen hep güvenli, belirsiz bir arayüz olur. Sonra daha fazla kelimeyle düzeltmeye çalışırsınız ve bir döngüye girersiniz. İşte o döngü.

Ben de aynıydım.

"Tüylerimi Diken Diken Eden" O Gün

Üç ay önce, Claude Code kullanarak kendime bir görev yönetim uygulaması yaptım. İşlevler kusursuz çalışıyordu. Ama ekranı açar açmaz şunu düşündüm:

"Vay be, bu 2010'dan kalma bir şirket içi sisteme benziyor..."

Butonlar gereksiz yere köşeliydi. Kenar boşlukları tutarsızdı. Renk gizemli bir mavi tonuydu. Çalışıyordu ama kimseye göstermek istemedim. Tüylerim diken diken oldu.

"Sırf kalitesiz görünmek bile anında amatör gösteriyor."

Bunu derinden hissettim. Dürüst olmak gerekirse, o zamanlar soru sorma şeklim utanç vericiydi. "Apple gibi sofistike bir atmosfer ver." Kendimin bile tam olarak anlamadığı soyut kelimeleri sıralıyordum. Yapay zekanın bakış açısından, "havalı" olmanın bir standardı yoktu. Bu yüzden sadece güvenli, vasat arayüzler döndürüyordu.

Bu hissi iyi anlıyorum. Yeterince kelime kullanırsan anlaşılacağına inanıyorsun. Ama bu bataklığa girişti.

Sadece Bir Bağlantıyla Rahatlama

Dönüm noktası, belirli bir siteyi keşfetmek oldu: Mobbin.

Bu site, gerçekten yayınlanmış uygulamaların devasa miktarda arayüzünü görebileceğiniz bir yer. Uber Eats ve Netflix'i görebilirsiniz. Üstelik giriş ekranları, ana ekranlar, ödeme ekranları gibi işlevlere göre arama yapabilirsiniz. Burada gördükleriniz, profesyonel yabancı tasarımcılar tarafından yapılmış gerçek tasarımlar.

Açık olmak gerekirse, bu "çalmak" değil. Profesyonellerin her zaman yaptığı "referans alma" tekniğidir. Taklit ettiğiniz şey renk veya logo değil, "düzen felsefesidir."

Netflix ana ekranının bağlantısını yapıştırıp yapay zekaya ilk kez "Lütfen bu bağlantıyı referans alarak bu tasarımı oluştur" dediğimde - siyah arka planlı ve film küçük resimlerinin sıralandığı o ekran - şok olmuştum.

Ortaya çıkan ekranı gördüğümde istemsizce sesli bir şekilde söyledim: "Dur, bunu daha önce yaptı mı?"

Kendi uygulamam olmasına rağmen, Netflix'in o üst düzey hissine sahipti. Onlarca sözlü talepten sonra ulaşamadığım kaliteye, tek bir bağlantıyla tek seferde ulaşılmıştı. Mutlu hissetmeden önce, bir bitkinlik hissettim.

"Ne zamandır endişeleniyordum..."

Rakamlarla konuşalım:

• Tasarım için endişelenerek geçirilen süre: 2 saatten 10 dakikaya.
• Tekrar yapma sayısı: 5 kereden 1 kereye.
• Ve ortaya çıkan seviye, öncekinden ezici bir şekilde daha yüksekti.

Endişelenerek geçirilen süre azaldı ve kalite arttı. Tam bir tersine dönüş yaşandı.

Ana İçerik | Mobbin Kullanımı İçin Pratik Şablon

İşte belirli adımlar. Tek yapmanız gereken "bir şartname belgesi hazırlamak ve Mobbin bağlantısını oraya yapıştırmak." Sonra Claude Code'un onu okumasını ve inşa etmesini sağlayın.

İşte bir örnek komut:

1# Uygulama Genel Bakışı
2- Uygulama Adı: MyFit
3- Tek cümlelik açıklama: Antrenman günlüklerini hızlıca kaydetmek için bir uygulama
4- Hedef kitle: Haftada 2-3 kez spor yapan 20-30 yaş arası
5
6# Ana İşlevler
7- Giriş / Kaydolma
8- Ana Ekran (Bugünün menüsünü göster)
9- Antrenman günlüğü girişi
10- İlerlemeyi kontrol etmek için Geçmiş/Grafikler
11- Profil / Ayarlar
12
13# Tasarım Referansı
14Lütfen aşağıdaki uygulamaların kullanıcı arayüzüne başvurun. Ton, kenar boşlukları, renk düzeni ve yazı tipi kullanımının bu seviyeye yakın olmasını istiyorum.
15- Genel atmosfer: (Mobbin bağlantısı)
16- Giriş ekranı: (Mobbin bağlantısı)
17- Ana ekran: (Mobbin bağlantısı)
18
19# Talep
20Uygulamaya başlamadan önce yukarıdakilere dayanarak bir tasarım politikası önerin.

Etkisi: Yapay zeka, en başından "neyi ve hangi seviyede" oluşturacağını paylaşabilir. Belirsiz sonuçlar ortadan kalkar.

Doğruluğu Yenilmez Kılmak İçin 3 İpucu

1. Bağlantıları her ekran için ayrı ayrı yapıştırın. Sadece bir tane kullanmayın. Mobbin, işleve göre arama yapmaya izin verir. "Giriş şu, Ana ekran bu" şeklinde ayrı ayrı bağlantılar sağlayın. Etkisi: Tek bir toplu bağlantı sağlamaktan çok daha yüksek doğruluk sağlar.

1. "Neyi taklit etmesini istediğiniz" hakkında kelimeler ekleyin. Sadece bir bağlantı yapıştırırsanız, yalnızca renkleri alabilir. Bu nedenle, açık olun. Örnek talimat: "Lütfen kenar boşluğu aralığına, renk düzenine ve yazı tipi kullanımına başvurun." Etkisi: Yapay zeka, bakması gereken noktaları kaçırmaz.

1. Hemen oluşturmasına izin vermeyin; önce "bir politika önermesini" isteyin. Yön üzerinde bir kez anlaşın. Örnek talimat: "Uygulamadan önce, lütfen bir tasarım politikası önerin." Etkisi: Sonraki tekrarlar neredeyse tamamen ortadan kalkar.

"Bu sadece kopyalamak değil mi?" Sorusuna Yanıt

Bu yöntemi önerdiğimde sık sık şu soru sorulur: "Telif hakkı açısından sorun yok mu?"

Bu endişeyi anlıyorum. Lütfen bu ikisi arasında ayrım yapın:

◯ Referans alabileceğiniz şeyler (Tasarım "gelenekleri/görenekleri"):

• Düzen desenleri/kalıpları
• Kenar boşluğu kullanımı
• Renk düzeni felsefesi

✕ Almamanız gereken şeyler (Şirkete özel varlıklar):

• Logolar / Marka adları
• Fotoğraflar / Simgeler
• Sloganlar

Bir şirketin benzersiz varlıklarını almak yasaktır. Bunları kendi uygulamanızın varlıklarıyla değiştirin. Kullanıcı arayüzü gelenekleri/görenekleri ve düzen desenleri/kalıpları, sektörde paylaşılan "şablonlardır". Şablonlara başvurmak tamamen normaldir. Endişeleniyorsanız, yapay zekaya bir not ekleyin.

Örnek talimat: "Yapıya başvur, ancak renk düzenini ve logoyu kendi markamla değiştir."

Bu, tamamen kopyalanmasını engeller.

Yeni Başlayanların Düştüğü 3 Tuzak

Yapay zeka, bağlantılı sayfanın neresine bakacağını bilmez. "Bu kenar boşluğu hissini taklit et" veya "bu tonu kullan" ile desteklemezseniz, sonuç bulanık olur.

Tamamen farklı zevklerden birkaç tane sağlarsanız, yapay zeka ortalamayı alır. Sonuç olarak, hiçbir şeye benzemeyen vasat bir şey elde edersiniz. İşin püf noktası, 1-2 zevke kadar daraltmaktır.

Şablon ilk kez ortaya çıktığında, aynı referansı göstererek ince ayarlar yapın.

Örnek talimat: "Bu kenar boşluğunu biraz daha genişlet" veya "Butonu bu bağlantıdaki şekle daha yakın hale getir."

Bunu 2-3 tur yapmakla, aniden profesyonel görünür. "Aynı görünmüyor" diyerek pes edenlerin çoğu, bu son cilalama aşamasını yapmıyor.

Mobbin Ücretsiz Kullanılabilir mi?

"Hemen açacağım" diye düşünenler için, işte fiyatlandırma hakkında dürüst bir not. Mobbin'i ücretsiz bir hesap oluşturarak kullanmaya başlayabilirsiniz (kredi kartı gerekmez). Görüntüleme için ücretsiz kayıt gereklidir. Sonuç olarak, ücretsiz sürüm bugün yapacaklarınız için fazlasıyla yeterlidir. Ücretsiz kayıtla, Netflix ve Uber Eats'ın kullanıcı arayüzünü hemen görebilirsiniz. İlgilendiğiniz ekranın bağlantısını kopyalayın ve yapay zekaya verin. Bu yöntem tamamen bununla çalışır.

Daha sonra daha derinlemesine kullanmak isterseniz, o zaman Pro'yu düşünebilirsiniz. Referans olması açısından, ücretsiz sürümün başlıca 4 sınırlaması şunlardır:

• Çoğunlukla yakın zamanda eklenen uygulamaları görürsünüz (tam kütüphane Pro'dur).
• "Akışlar" işlevi büyük ölçüde kısıtlanmıştır.
• Birden çok ekranın toplu olarak indirilmesi Pro'dur.
• Koleksiyon kaydetme 3 ile sınırlıdır.

Bunlar, "bağımlısı olduktan" sonra önemli olan şeylerdir. Şimdilik, 0$'a bir ekran yapıştırmayı deneyin. Ciddi kullanmak isterseniz, ücretli Pro planıyla (yıllık faturalandırıldığında aylık yaklaşık 10$) açılır. Bahsettiğimiz aşama bu. Önce ücretsiz deneyin. Yeterli değilse, ödemeyi düşünün. Doğru yaklaşım budur.

İyi Olanlar ve Olmayanlar Arasındaki Tek Fark

Bunu buraya kadar okuyan bazılarınız fark etmiş olmalı. Fark, "yaratma gücü" değil. "Bulma gücü"dür.

En üst düzey tasarımcılar tarafından yaratılan gerçek işler, internetin her yerine dağılmış durumda. Sıfırdan bir şeyler sıkıştırmaya gerek yok. Sadece iyi bir şey bulun ve onu yapay zekaya verin.

"Sonra yaparım" deyip bu sayfayı kapattığınız şu anda bile, bunu okuyan başka biri Mobbin'i açıyor. Netflix seviyesindeki ekranları yapay zekaya teslim ediyor. Yarın, o kişinin uygulaması zaman tünelinizde görünecek. Fark, zevk değil. Bu 10 dakika içinde harekete geçip geçmediğinizdir.

Tasarım zevki bir yetenek değildir. Herkesin yapabileceği, iyi bir örnek bulma ve onu teslim etme "eylemidir".

Özet

• Endişelenme süresi: "2 saat → 10 dakika." Tekrar yapma: "5 kez → 1 kez."
• Anahtar, işleve göre referans ekranları sağlamak ve "neyi taklit edeceği" hakkında kelimeler eklemektir.
• Tek seferde mükemmelliği hedeflemeyin; aynı referansı göstererek 2-3 turda cilalayın.

Uzun bir açıklamaya gerek yok. Yapılacak tek bir şey var. Mobbin'i açın, beğendiğiniz bir uygulamadan bir ekran seçin ve bu bağlantıyı yapay zekaya yapıştırın. Sadece bunu yaparak, 2 saat endişelendiğiniz ekran 10 dakikada ortaya çıkacak.

Sıfırla bitiren kişi ile en az birini yapan kişi arasında. Hangisi olacaksın? Artık "zevke" ihtiyacın yok. Uygulamanı bir sonraki gösterişinde, karşıdaki kişi ekrana bakıp şöyle diyecek:

"Dur, bu Netflix gibi mi...? Bunu sen mi yaptın...?"

Yetenek ihtiyacın yok. Sadece bugün tek bir Moblin sekmesi açman yeterli.

Son Olarak

Yapay zekayı kullanmanın "bilmenin bile fark yarattığı" yolları hakkında yazılar paylaşıyorum. Geride kalma boşluğu bugünden itibaren kapatılabilir. Ve bir şey daha. Bu yazıda yazdığım gibi yapay zekayı kullanmayı sadece "okuyarak bitirmemeniz" için, şu anda sınırlı bir süre için 32 adet süper lüks bonusu ücretsiz olarak dağıtıyorum.

Bonuslar şunları içerir:

• ChatGPT / Claude Code / Codex / Gemini Tam Kılavuzu
• Ayda 1 milyon yen kazanmak için Yapay Zeka Yan İş Yol Haritası, karlı tür haritaları, birim fiyat listeleri, pazar verileri
• Yapay zeka video oluşturma, yapay zeka ajanları, vibe coding vb. için pratik kılavuzlar
• 100 yapay zeka kullanım örneği ve daha fazlası...

Toplam 32 öğe, 860 sayfanın üzerinde. Ve hepsi ücretsiz. Hepsini almak için seminerlere veya ücretsiz bireysel danışmanlıklara katılmanıza bile gerek yok. Kulağa yalan gibi geliyor, değil mi? Ama bu doğru. Bunları almanın yolu basit. Aşağıdaki LINE Açık Sohbet'e katılarak başlayın.

Buradan girebilirsiniz.

Ancak bu 32 süper lüks bonus sınırlı bir süre içindir. Bir son tarih belirlemedim, ancak bittiğinde haber verilmeden bitecektir. Neredeyse herkes "yarın yaparım"ı unutur. Lütfen onları alabildiğiniz sürece alın. Bir kez daha söyleyeyim. Yapay zeka ile para kazanıp kazanamayacağınız yetenekle belirlenmez. Doğru sırayla öğrenip öğrenemeyeceğinizle belirlenir. Bu sıranın tamamı bu 32 bonusun içindedir.