Hayatı Yakalayın: Canlı Fotoğraf Özelliğini Kullanma Canlı Fotoğraf, iPhone’unuzla çektiğiniz fotoğraflara hayat katmak için mükemmel...
Yapay Zekaya Web Tasarımı Yaptırmanın Sırrı: Doğru Prompt Nasıl Yazılır?
Yazı Özetini Göster
Yapay Zekaya Web Tasarımı Yaptırmanın Sırrı: Doğru Prompt Nasıl Yazılır?
Yıllarca web tasarımı üzerine çalıştım. Kod yazdım, piksel hizaladım, renk paletleriyle boğuştum. Ama yapay zeka araçlarını işime dahil ettiğimde şunu fark ettim: En büyük fark, kullandığım araçta değil, o araçla nasıl konuştuğumda yatıyordu. Yani her şey prompt’la başlıyor ve bitiyor.
“Güzel Bir Site Yap” Demenin Hiçbir Değeri Yok
İlk zamanlarımda tam olarak bunu yapıyordum. “Modern bir kurumsal web sitesi tasarla” diyordum ve ortaya çıkan şey beni hayal kırıklığına uğratıyordu. Çünkü “modern” benim için bir şeydi, yapay zeka için başka bir şey. O günden bu yana öğrendiğim en temel kural şu oldu: Belirsiz prompt, belirsiz sonuç doğurur.
Etkili Bir Web Tasarım Prompt’u Neyi İçermeli?
Bunları deneme yanılmayla öğrendim ve artık her tasarım isteğimde bu sırayı takip ediyorum:
1. Projeyi Tanımla
Sitenin ne iş yaptığını, kime hitap ettiğini ve amacının ne olduğunu net şekilde belirt. “Bir restoran sitesi” değil, “İstanbul’da fine dining hizmeti veren, 30-55 yaş aralığındaki profesyonellere hitap eden bir restoran sitesi” de.
2. Renk ve Stil Yönlendirmesi Ver
Renk paleti, tipografi ve genel atmosfer için somut ipuçları sun. “Koyu arka plan, altın sarısı aksan rengi, serif font kullan, lüks ve sofistike bir his ver” gibi bir yönlendirme, yapay zekaya çok daha az yorumlama payı bırakır.
3. Sayfa Yapısını Belirt
Hero section mı olsun? Kaç bölüm? CTA butonu nerede durmalı? Bunları baştan söylediğimde sonuç beklediğime çok daha yakın çıkıyor. “Üstte tam ekran hero, ardından hizmetler bölümü, ortada referanslar, altta iletişim formu” gibi net bir iskelet tarif et.
4. Teknik Kısıtları Ekle
Responsive olmasını istiyorum, mobil öncelikli çalışmasını istiyorum, PHP ile çalışacak ya da saf HTML/CSS çıktısı istiyorum. Bunları baştan belirtmek, sonradan sıfırdan başlamak zorunda kalmamı engelliyor.
5. Referans Ver ya da Hissi Tanımla
“Apple sitesinin sadeliği, Airbnb’nin sıcaklığı” gibi ifadeler bile yönlendirici oluyor. Yapay zekaya referans noktası vermek, soyut kavramları somutlaştırıyor.
Prompt’u Katmanlı Yaz
Tek seferde her şeyi anlatmaya çalışmak yerine katmanlı ilerlemeyi tercih ediyorum. Önce genel yapıyı istiyorum, beğenince detaylara giriyorum. “Şimdi sadece hero bölümünü detaylandır” ya da “Bu renk paletini tüm sayfaya uygula” gibi adım adım ilerlemek çok daha kontrollü sonuçlar veriyor.
Negatif Yönlendirme de Şart
Sadece ne istediğimi değil, ne istemediğimi de yazıyorum. “Aşırı animasyon kullanma, stok fotoğraf hissi vermesin, kalabalık görünmesin” demek bazen ne istediğimi anlatmaktan daha etkili oluyor.
Tam Olarak
Yapay zekaya web tasarımı yaptırmak bir beceri. O becerinin özünde iyi bir prompt yazmak var. Ne kadar net, ne kadar katmanlı, ne kadar somut olursam; çıktı da o kadar profesyonel oluyor. Artık bunu bir araç değil, bir iş arkadaşıyla iletişim kurmak gibi görüyorum. Ve her iyi iletişimde olduğu gibi, doğru soruyu sormak her şeyi değiştiriyor.


















