Yoichi Ochiai'nin Yapay Zeka Tasarım Tekniği: "Güzel Görünmesini Sağlamak" Değildi
Yeni başlayanların profesyonel seviyeye ulaşması için 7 ilke ve pratik komutlar.
Yapay zekadan bir tasarım yapmasını istediğinizde, genellikle amatörce sonuçlanır.
"Lüks, geleceğe dönük ve havalı" diye sorarsınız, ancak ortaya çıkan, daha önce bir yerlerde gördüğünüz bir CGI olur. Siyah arka planda ışık parçacıkları, anlamsız gradyanlar. Görüntü olarak uyuyor, ancak profesyonel işlerden açıkça farklı.
Yoichi Ochiai'nin yapay zeka tasarımını araştırarak, o "bir şeyin" gerçek kimliği netleşti.
Önce sonucu vereyim. Ochiai'nin yapay zeka tasarımını kullanma özü, yapay zekanın tek seferde "güzel bir bitmiş ürün" üretmesini sağlamak değildir. Tam tersi: beş aşamayı yüksek hızda döndüren bir tasarımda yatar.
Belirsiz fikirleri dışsallaştırma → Kavramları yapılandırma → Farklı formatlarda prototipleri seri üretme → İnsanların "rahatsızlığı" seçmesi → Gerçek medya veya mekanlarda uygulama ve doğrulama.
Bu dönüş hızı, profesyonelleri amatörlerden ayıran şeydir. Tek seferde mükemmelliği hedefleyenler her zaman amatör kalır. Döndüren ve seçenler profesyonel seviyeye yaklaşır.
Ve yeni başlayanların profesyonellerle arasındaki farkı kapatması için belirleyici faktör, "lüks," "geleceğe dönük" veya "şık" gibi kelimeleri girmemektir. Bunun yerine, belirli tasarım değişkenlerini iletin. Kimin algısını ve nasıl değiştiriyorsunuz? Hangi nesne başrolde? Hangi unsurlarla çelişiyorsunuz? Bakış hangi sırayla hareket etmeli? Hangi ortamda deneyimlenecek? Yapay zekanın beklenmedikliğinden ne kadarını koruyacaksınız?
Bu makalede, bu düşünceyi 7 ilkeye ayıracağım ve kopyalayıp yapıştırabileceğiniz pratik komutlar (slaytlar, web siteleri, LP'ler ve görüntü oluşturma için) sunacağım.
Şunu belirtmeliyim: Bu komutlar, Bay Ochiai'nin özel komutlarının kopyaları değildir. Bunlar, onun GitHub'daki kamuya açık yazılarından, çalışmalarından, komut örneklerinden ve tasarım felsefesinden çıkarılan, çeşitli amaçlar için yeniden yapılandırılmış metodolojilerdir. Ekranın diğer tarafında tam olarak ne yazdığını bilmiyorum. Görebildiğim, kamuya açık çalışmalarından ve ifadelerinden okunabilen "üretim yapısıdır."
Başlayalım.
Yeni Başlayanların Sık Yaptıkları vs. Profesyonel Olma Süreci
Öncelikle, başarısızlığın doğasını netleştirelim.
Yeni başlayanlar yapay zekadan bir tasarım istediğinde, neredeyse herkes şöyle der: "Lütfen lüks, geleceğe dönük ve havalı bir tasarım yap."
Bunun kötü olmasının nedeni açıktır: yapay zeka "lüks"ün anlamını keyfi olarak doldurur. Lüks, minimalizmin sessizliği veya gösterişli dekorasyon anlamına gelebilir. Kafanızda belirli bir görüntü vardır, ancak yalnızca bu kelimeleri alan yapay zeka bunu anlamaz. Bu yüzden güvenli, orta yol bir sonuç döndürür.
Bay Ochiai, görüntü oluşturmayı bir "dil ve lojistik sorunu" olarak tanımlar. Duyusal sıfatlar kullanmak yerine, nesnelerin düzenini ve çekim koşullarını ne kadar doğru bir şekilde söze dökebildiğinizle ilgilidir. Bunu bir duyu sorunu değil, bir söze dökme sorunu olarak görür.
Profesyonel seviyeye ulaşma süreci şudur: Önce, belirsiz görüntüyü ortaya koyun. Onu yapılandırın ve belirli tasarım değişkenlerine dönüştürün. Farklı yönlerde birden çok prototip oluşturun. İnsanlar doğru gelen "rahatsızlığı" seçer. Ardından, kullanılacağı gerçek ortamda doğrulayın. Bu makale, her aşamayı yeni başlayanların bile uygulayabileceği bir forma dönüştürecek.
İlke 1: "Sıfatlar" Yerine "Nesneler" ile Talimat Verin
Bu çekirdektir.
Yeni başlayanların talimatları sıfatlardan oluşur: "Lüks, geleceğe dönük, havalı." Ochiai yöntemi bunları nesneler ve ilişkileriyle değiştirir.
Örneğin:
Siyah bir alanın ortasına tek bir ayna cilalı nesne yerleştirin.
Nesnenin yüzeyi, çevredeki ışığı ve gözlemcinin figürünü kusurlu bir şekilde yansıtır.
Arka planı süslemesiz bırakın, nesne ile boşluk arasındaki gerilimi başrol yapın.
Gözlemcinin bakışı şu sırayla hareket eder: yansıyan ışık → nesnenin dış hatları → merkez metin.
"Havalı" kelimesi bu bilgilerin hiçbirini içermez. Ochiai yöntemi bunu şu unsurlara ayırır: Ana nesne. Çevreleyen nesneler. Konumsal ilişkiler. Durum. Yüzey dokusu. Işıkla ilişkisi. Gözlemciyle ilişkisi. Zaman içindeki değişim. Ve yasaklanacak unsurlar.
Bu ayrıştırma, slayt öğelerine ve web sitesi bileşen tasarımına uygulanabilir. "Havalı yap" yerine şunu sorun: "Başrol kim, etrafına ne yerleştirilmiş, bakış nasıl hareket ediyor ve ne yasak?" Sadece bu maddeleri doldurmak, çıktı doğruluğunu büyük ölçüde artıracaktır.
İlke 2: Görüntü Oluşturma İçin "Fotoğrafçının Dilini" Kullanın
Bay Ochiai'nin kamuya açıkladığı Midjourney komutlarında, belirli fotoğrafçılık koşulları yazılıdır: Leica M11, Summilux 90mm, F1.5, önden çekim, denekler arası boşluk, beyaz tahta, 16:9.
Sıfatlar değil, fotoğrafçıların sahada kullandığı kelimeler. Bu, hassasiyet yaratır.
Yeni başlayanlar bile en az şu 7 maddeyi belirterek profesyonel kaliteye çok daha yaklaşabilir: Özne (ne çekilecek). Kompozisyon (merkez, sağ/sol, kuşbakışı, ön, yakın çekim). Mesafe (geniş çekim, göğüs hizası, makro). Lens hissi (24mm, 50mm, 85mm, makro). Işık (doğal, arka ışık, sert ışık, dağınık ışık). Malzeme (metal, kumaş, cam, ahşap, LCD). Amaç (küçük resim, LP, reklam, sergi, baskı).
Ancak bir uyarı var. Bay Ochiai'nin kendisi, kamera ve lensler hakkında çok fazla konuşmanın çıktıyı bozabileceğini gösteren örnekler vermiştir. Mümkün olduğunca çok teknik terim sıralamakla ilgili değil. Sonucu etkileyen değişkenleri bırakın. Sadece çok sayıda kelime değil, işe yarayan kelimeleri seçin. Bu da sadece duyu değil, bir seçim tekniğidir.
İlke 3: Bir "Anlaşılır Çelişki" Ekleyin
Ochiai'nin çalışmalarının gücü, rastgele eksantrik unsurları karıştırmak değildir. Anlamsal olarak ilişkili ancak fiziksel olarak çelişkili iki kavramı birbirine bağlamakta yatar.
Katı olması gereken çatlamış bir LCD, sıvı gibi hareket eder. Kumaş cam gibi parçalanır. Dijital görüntüler, geleneksel platin baskılarla maddeselleştirilir. Antik enstrümanları üretken yapay zeka videosuyla birleştirmek.
Rastgele değil; anlamca bağlantılı. Anahtar bu.
Yeni başlayanlar için formül şudur: Normal özne + Anlamsal olarak ilişkili heterojen özellik + Kombinasyonun nedeni.
Örnekler: AI eğitimi × "Karmaşık teknolojiye odaklanmak için bir alan"ı temsil eden tapınak sessizliği. Yatırım hizmeti × "Zamanla büyüyen varlıklar"ı temsil eden ağaç halkaları. İş otomasyonu × "Bilginin durgunluk olmadan aktığı bir sistem"i temsil eden su yolu. Güvenlik × "İç mekanizmayı gösterirken savunma"yı temsil eden yarı saydam kale duvarları.
Çelişki eğlence için değildir. Bir kavramı tek seferde anlaşılır kılmak için kullanılır. Bu nedenle, her zaman "bu kombinasyon neden?" sorusunun cevabını eşleştirin. Açıklanamayan bir çelişki sadece eksantrikliktir ve benimsenmemelidir.
İlke 4: Yapay Zeka Hatalarının Tümünü Silmeyin
Normal tasarım oluşturmada, tüm doğal olmayan kısımları düzeltirsiniz. Ancak yaratımda, yapay zekadan doğan amaçlanmamış şekiller yeni bir görsel dil içerebilir.
Önemli olan, hataları olduğu gibi bırakmak değil, onları üç türe ayırmaktır:
Başarısızlık: Bozuk metin, kırık parmaklar, amacı engelleyen yapısal çelişkiler. Bunları düzeltin.
Sapma: Amaçlanandan farklı, ancak benzersizliğe yol açar. Bunları değerlendirin.
Keşif: Çalışmanın merkezine yükseltilebilecek beklenmedik unsurlar. Bunları benimseyin.
Bay Ochiai'nin çalışmalarında, üretimdeki değişim veya sınırların çözülmesi, bir ifade olarak kullanılır. Başka bir deyişle, yapay zeka "hatalarını" malzeme olarak alır. Yeni başlayanlar tüm hataları ezmeye çalışır, ancak profesyoneller aralarından "keşifleri" seçer. Sadece bu göze sahip olmak, yapay zekadan çıkanın değerini değiştirir.
İlke 5: Tasarımı Bir "Durağan Görüntü" Değil, Zaman ve Beden Olarak Düşünün
Bay Ochiai, sinematik, müzikal ve fiziksel dilleri, sadece bir ekrana bakmanın ötesine geçen tasarım deneyimlerine bağlar. Antik enstrümanları, üretken yapay zeka videosunu, sesi ve dokunsal/malzeme deneyimlerini tek bir alana entegre eder.
Bunu bir web sitesine çevirmek şöyle görünür:
Kaydırdıkça bilginin anlamı değişir. Arka plan, fareye yanıt olarak hafifçe hareket eder. Önemli sayılar aşamalı olarak görünür. Önce soyut bir görüntü gösterin, ardından anlamını daha sonra açıklayın. Kullanıcı CTA'ya yaklaştıkça bilgi yoğunluğunu azaltın.
Slaytlar için, sadece sayfaları sıralamak yerine, izleyicinin algısının değişme sırasını tasarlayın. Her bir slaydın görünümünden ziyade, izleyicinin zihninin nasıl değiştiği olan zaman içindeki deneyim akışını tasarlayın. Bu, bir amatörün slayt destesi ile bir profesyonelin sunumu arasındaki belirleyici farktır.
İlke 6: "Ekranın Dışını" Tasarlayın
Bay Ochiai'nin "Liquid Universe" adlı çalışması, üretken yapay zeka, PC'ler ve monitörler kullanan bir çalışmadır, ancak diğer çalışmalarında yapay zeka görüntülerini platin baskılara veya kumaşa dönüştürür. Başka bir deyişle, tasarım sadece ekranın içindeki görünüm değil, çıktı ortamını da içeren bir deneyim tasarımıdır.
Bu nedenle, yapay zekaya şu koşulları iletmeniz gerekir: Akıllı telefonda mı görüntülenecek? Büyük bir monitörde mi yansıtılacak? Baskı mı alınacak? Açıklama yaparken satış malzemesi olarak mı kullanılacak? SNS'de sadece 0,5 saniye mi görüntülenecek? Bir LP'de satın alma kararları için mi kullanılacak?
Aynı görüntü için bile, ortam değişirse, optimum kenar boşlukları, yazı tipi boyutu, bilgi hacmi ve kontrast değişir. Bir telefonda 0,5 saniye görüntülenen bir küçük resim için doğru cevap, elle okunan basılı bir belgenin tam tersidir. Yeni başlayanlar "havalı bir görüntü" yapmaya çalışır, ancak profesyoneller "nerede ve nasıl deneyimleneceğinden" geriye doğru mühendislik yapar. Bu ekstra adım, gerçekten işlev gören tasarımı yaratır.
İlke 7: Bir Yapay Zekanın Hem Üretim Hem Değerlendirme Yapmasına İzin Vermeyin
2026'da piyasaya sürülen "co-vibe"de, Anthropic, OpenAI, Groq ve yerel modeller arasında geçiş yapan bir yapılandırma, birden çok aracın paralel yürütülmesi ve göreve göre model seçimi uygulanmıştır.
Bu felsefeyi tasarıma çevirmek, iş bölümü anlamına gelir.
AI-A: Amacı ve hedefi düzenleyin. AI-B: Üç tasarım yönü oluşturun. AI-C: Okunabilirlik, akış ve erişilebilirliği denetleyin. AI-D: Klişe kısımlara işaret edin. Ve İnsan: Hangi yönün benimseneceğine ve hangi "rahatsızlığın" korunacağına karar verin.
Neden ayırmalı? Çünkü yapan yapay zekanın kendi işini değerlendirmesine izin verirseniz, hoşgörülü olur. Aynı yapay zeka "iyi bir tasarım yapıldı" dese bile, bu sadece öz değerlendirmedir. Başka bir yapay zekanın farklı bir rolle ona sıkı bir şekilde bakmasını sağlayın. Objektif denetim ancak bu şekilde işe yarar.
Ayrıca, co-vibe, API çağrılarını, model seçimini ve araç yürütmeyi izleyebilen bir "hata ayıklama öncelikli" tasarım benimser. Aynısı tasarım için de geçerlidir: benimseme ve reddetme nedenlerinin günlüklerini tutmak tekrarlanabilirliği artırır. Bu plan neden seçildi? Şu plan neden atıldı? Bunu kaydetmek, sonraki nesli daha akıllı hale getirir.
Yeni Başlayanlar İçin "Ochiai Tarzı Tasarım Oluşturma Akışı" 6 Adım
7 ilkeyi gerçek iş prosedürlerine dönüştürelim. Bu sırayı izleyerek, yeni başlayanlar bile profesyonel üretim yapısını yeniden üretebilir.
ADIM 1: Düzenlemeden 5 dakika konuşun. Temaları, amaçları, sevdiklerinizi/sevmediklerinizi, rahatsızlıkları ve referansları olduğu gibi söyleyin. Bay Ochiai, düzensiz konuşmaları Whisper ve GPT-4 kullanarak profesyonel diyalog belgelerine dönüştürmek için talimat örnekleri yayınlamıştır. Bağlam daha sonra tamamlanabilir. Fikir, açıklamaya harcanan zamanı daha ileriyi düşünmek için harcanan zamana kaydırmaktır.
ADIM 2: Yapay zekaya gereksinimleri sınıflandırmasını söyleyin. Söylenenleri şu şekilde bölmesini isteyin: gerçekler, istekler, duygular, kısıtlamalar, hedefler, tanımlanmamış kelimeler ve çelişkili koşullar. Bu, kendi kafanızı düzenler.
ADIM 3: 3 farklı yön oluşturmasını isteyin. Üç benzer plan değil, farklı ilkelere sahip planlar. İşlev/Okunabilirlik odaklı. Duygu/Hikaye odaklı. Deneysel/Rahatsızlık odaklı. Yönler farklı olduğu için, kendi tercihleriniz görünür hale gelir.
ADIM 4: Bunu bir durağan görüntüye veya tel çerçeveye dönüştürün. Sadece metinle yargılamayın; her zaman görünür bir forma koyun. Kafanızda iyi görünse bile, fiilen şekillendirdiğinizde başarısızlıklar bulacaksınız.
ADIM 5: Başka bir yapay zekanın onu parçalamasına izin verin. Amaca uyuyor mu? Bakış kayboluyor mu? Çok fazla metin var mı? Benzersizlik sadece dekorasyon mu? Akıllı telefonda kullanılabilir mi? CTA doğal mı? Hak sorunları var mı? Yapan yapay zekadan farklı bir yapay zekanın onu sıkı bir şekilde denetlemesini sağlayın.
ADIM 6: Reddetme nedenini sonraki koşul haline getirin. Bu en önemlisidir. "Daha havalı yap" yerine şunu söyleyin: "Renk sorun değil. Sorun, iki başrol olması ve bakışın dağılması. Başrolü bire sınırlayın ve ikinci unsurun parlaklığını ve boyutunu %60'a düşürün." Reddetme nedeni ne kadar spesifik olursa, sonraki nesil o kadar iyi olur.
Buradan itibaren, tüm bu fikirleri içeren, her amaç için kopyala-yapıştır komutlarıdır.
Slayt Oluşturma Komutu
1Sen, bilgi tasarımı, düzenleme, görsel ifade ve sunum tasarımını entegre eden bir AI Yaratıcı Direktörsün.23Sadece güzel görünen bir slayt yapmak yerine, izleyicinin sayfaları ilerledikçe "anlayışının" ve "algısının" değiştiği bir deneyim tasarla.45【Üretim Teması】6{{Temayı girin}}78【Amaç】9{{Eğitim, satış, teklif, eğitim, etkinlik, vb.}}1011【Hedef Kitle】12{{Yeni başlayanlar, yöneticiler, çalışanlar, yatırımcılar, vb.}}1314【Beklenen Slayt Sayısı】15{{Örnek: 15 slayt}}1617【Sunum Süresi】18{{Örnek: 15 dakika}}1920【İzleyicide Nihayetinde Uyandırmak İstediğiniz Değişim】21Öncesi: {{Mevcut algı/kaygı/yanlış anlama}}22Sonrası: {{Anlamalarını/yapmalarını istediğiniz şey}}2324【Kullanılan Ortam】25{{PC, projektör, büyük monitör, PDF, akıllı telefon görüntüleme, vb.}}2627Aşağıdaki sırayla çalış.2829■ Aşama 1: Belirsizliğin Keşfi30Girdi içeriğini aşağıdaki gibi sınıflandır:31- Onaylanmış gerçekler32- İletilmesi gereken iddialar33- Hedef kitlenin sahip olduğu sorunlar34- Duygusal olarak iletilmesi gereken şeyler35- Kısıtlamalar36- Tanımlanmamış kelimeler37- Çelişkili koşullar38Yalnızca kritik bilgiler eksikse, her seferinde bir soru sor. Eksiklik küçükse, makul hipotezler belirterek devam et.3940■ Aşama 2: Merkezi Kavram41Tüm materyali simgeleyen bir "Merkezi Nesne"ye karar ver.42Örnek: Akış / Ayna / Sınır / Ağaç halkaları / Devre / Merdiven / Harita / Tohum43Ayrıca, merkezi nesneye anlamsal olarak ilişkili ancak fiziksel olarak çelişkili bir özellik ekle.44Örnek: Su gibi akan sert bir devre / Yalnızca bilgiyi engelleyen şeffaf bir duvar / Nefes alan bir kağıt harita / Bitkiler gibi büyüyen sayılar45Sadece eksantriklik hedefleme; bu çelişkinin temanın anlaşılmasına nasıl katkıda bulunduğunu açıkla.4647■ Aşama 3: Kompozisyon Planı48Slaytları aşağıdaki anlatı yapısıyla tasarla:491. İzleyicinin şu anda içinde bulunduğu dünya502. Gözden kaçırdıkları sorun513. Geleneksel varsayımın çöktüğü an524. Yeni bir düşünce biçimi535. Spesifik mekanizma546. Kullanım örnekleri557. Başarısızlık örnekleri/önlemler568. Uygulama adımları579. Eylem teklifi58Her slayt için aşağıdakileri çıktı olarak ver:59- Slayt numarası / Tek satırlık sonuç / Ekranda görüntülenecek metin60- Kullanılacak diyagramlar, fotoğraflar, nesneler / Düzen / Bakış yönlendirmesi61- Sunucunun konuşma metni / Önceki ve sonraki slaytlarla bağlantı62- Anlamı değiştirmeden silinebilecek süslemeler6364■ Aşama 4: Görsel Tasarım65- Slayt başına tek iddia ilkesi66- Bir ana görsel nesne67- Bakış, Başlık → Başrol → Tamamlama sırasıyla akar68- Boşluğu bilgi olarak ele al69- Önemi yazı tipi boyutu, konumu ve yoğunluğuyla ifade et70- Anlam için yalnızca renge güvenme71- Uzun cümleleri olduğu gibi yapıştırma / Anlamsızca simge sıralama72- Tüm slaytları aynı kompozisyonda yapma73- Ancak, yazı tipleri, kenar boşlukları, ızgaralar ve renkler için kuralları birleştir7475■ Aşama 5: 3 Tasarım Teklifi76A. Bilgi anlayışına öncelik veren plan77B. Duygu ve hikayeye öncelik veren plan78C. Heterojen kavramları birbirine bağlayan deneysel plan79Her plan için karşılaştır: Merkezi kavram / Renk / Malzeme hissi / Tipografi / Kompozisyon / Güçlü yönler / Başarısızlığa yatkın noktalar.8081■ Aşama 6: Karşı Denetim82En umut verici planı başka bir katı Sanat Yönetmeninin bakış açısıyla denetle.83Bilgi hacmi / Okunabilirlik / Bakış yönlendirmesi / Yeni başlayan anlayışı / Benzersizlik / Aşırı süsleme / Ortam uygunluğu / Erişilebilirlik / Şablon hissi / AI oluşturmaya özgü doğal olmama84Sorunları 4 aşamada görüntüle: Dur / Düzeltilmeli / Gözlemle / Kabul edilebilir.85Son olarak, düzeltmelerden sonra tamamlanmış kompozisyonu çıktı olarak ver.
Web Sitesi Oluşturma Komutu
1Sen, marka stratejisi, UX tasarımı, bilgi tasarımı, UI tasarımı ve ön yüz uygulamasını entegre eden bir AI Tasarım Orkestratörüsün.23Kullanıcının talimatlarını süslemek yerine, amacı, kullanıcıyı, eylemi, bilgiyi, görsel ifadeyi ve uygulamayı ayırarak tasarla.45【Site Türü】6{{Kurumsal, hizmet, işe alım, portföy, medya, vb.}}7【İş/Hizmet】{{Girdi}}8【Ana Kullanıcılar】{{Girdi}}9【Kullanıcıların yapmasını istediğiniz eylem】10{{Bilgi talebi, rezervasyon, belge talebi, satın alma, anlama, vb.}}11【Marka için beklenen izlenim】{{Güven, ileri düzeylik, arkadaş canlısılık, lüks, vb.}}12【Yayınlanması planlanan bilgi】{{Girdi}}13【Kullanılan cihaz】Akıllı telefonlara öncelik ver ve PC için de optimize et.1415■ 1. Gereksinimleri Yapılandır16Aşağıdaki nesnelere ayır:17Marka Nesnesi: Var olma nedeni / Vaadi / Rakiplerden farkı / Kaçınılması gereken izlenimler18Kullanıcı Nesnesi: Kullanıcının durumu / Kaygısı / Bilgi seviyesi / Ziyaret nedeni / Ayrılma nedeni19İçerik Nesnesi: Kesinlikle gerekli bilgi / Tamamlayıcı bilgi / Güven yaratan kanıt / Silinebilir bilgi20Arayüz Nesnesi: Gezinme / Ana CTA / Form / Kart / Görüntü / Animasyon21Durum Nesnesi: İlk ziyaret / Kaydırma / Karşılaştırma / Veri girişi / Gönderim tamamlandı / Hata2223■ 2. Merkezi Görsel Konsepte Karar Ver24Tüm siteyi simgeleyen belirli bir nesne veya doğal fenomen seç.25Ayrıca, ona "normalde sahip olmadığı bir özellik" ver.26Örnek: Nefes alan bir bina / Sıvı olarak akan ışık / Kumaş olarak dokunan veri / Yalnızca geleceği yansıtan şeffaf bir ayna27Çelişki, işletmenin değerini açıklayamıyorsa bunu benimseme.2829■ 3. 3 Konsept Plan Oluştur30A. İşlev/Dönüşüm öncelikli31B. Marka/Hikaye öncelikli32C. Deneysel/Hafıza tutma öncelikli33Her plan için şunları göster: Konsept adı / Tek cümlelik açıklama / Merkezi nesne / Anahtar görsel / Renk şeması / Yazı tipi / Izgara / Kenar boşlukları / Hareket / CTA sunumu / Akıllı telefon görüntüsü / Artıları / Riskler.3435■ 4. Bilgi Tasarımı36Aşağıdaki sırayla bir site haritası ve kullanıcı akışı oluştur:37- Kullanıcının ilk bilmek istediği şey38- Güvenmek için gerekli olan şey39- Diğer şirketlerle karşılaştırmak için gerekli olan şey40- Kaygıyı gideren bilgi41- Eylemden hemen önce ihtiyaç duyulan bilgi42Gezinme öğelerini aşırı artırma.4344■ 5. Her Sayfanın Tasarımı45Her sayfa için çıktı:46Sayfanın amacı / Ziyaretçinin psikolojisi / İlk 3 saniyede iletilmesi gereken şey / Bölüm kompozisyonu / Her bölüm için başlık / Görüntülenecek bilgi / Kullanılacak görseller / Bakış yönlendirmesi / CTA / Ayrılmayı önleme önlemleri / Akıllı telefon için değişiklikler4748■ 6. Tasarım Sistemi49Aşağıdakileri belirli sayısal değerlerle tanımla:50Maksimum içerik genişliği / Sütunlar / Kenar boşluğu aşamaları / Başlık boyutu / Gövde boyutu / Satır aralığı / Köşe yarıçapı / Kenarlık / Gölge / Renklerin rolü / Animasyon süresi / Kırılma noktaları51Sadece dekoratif sayılar değil, amaçla uyumun nedenini göster.5253■ 7. Uygulama54Uygulanabilir bir yapılandırmaya dönüştür:55Bileşen listesi / Veri yapısı / Durum yönetimi / Duyarlı özellikler / Erişilebilirlik / Görüntü optimizasyonu / SEO / Performans / Form hata yönetimi / Animasyonları durdurmak isteyen kullanıcılar için düşünce5657■ 8. Karşı Denetim58Başka bir UX lideri olarak aşağıdakileri incele:59- Üretim amacı aşıyor mu? / Birden çok başrol var mı?60- Metin akıllı telefonda okunabiliyor mu? / CTA aniden mi geliyor?61- Animasyon işlemi engelliyor mu?62- Genel bir AI tarafından oluşturulmuş siteye mi benziyor? / Anlamsız gradyanlar var mı?63- Kullanıcının kaygısını yanıtlıyor mu? / Yalnızca klavyeyle çalıştırılabiliyor mu?64- Görüntüleme hızını kötüleştiren öğeler var mı?65Son olarak, denetimi yansıtan nihai özellikleri ve uygulama talimatlarını çıktı olarak ver.
LP Oluşturma Komutu
1Sen, dönüşüm odaklı tasarım, bilgi hiyerarşisi, görsel hikaye anlatımı ve CTA psikolojisini entegre eden bir AI Dönüşüm Tasarımcısısın.23Sadece güzel bir sayfa oluşturmak yerine, ziyaretçinin "kaygıdan eyleme" geçtiği bilgi akışını tasarla.45【LP Türü】6{{Servis tanıtımı, etkinlik kaydı, ürün satışı, beyaz bülten indirme, vb.}}7【Hedef Kitle】{{Girdi}}8【Mevcut kaygı/engel】{{Girdi}}9【Teklif edilen değer】{{Girdi}}10【Kullanıcının yapması gereken eylem】{{Kayıt, satın alma, talep, indirme, vb.}}11【Kullanılan cihaz】Akıllı telefon öncelikli, PC de optimize edilecek.1213Adım adım tasarla.1415■ Adım 1: Amaç ve KPI'ları Belirle16LP'nin amacı / Başarı ölçütü (dönüşüm oranı, CTA tıklama oranı, sayfada kalma süresi) / Kabul edilebilir hemen çıkma oranı17Amaçla uyumlu olmayan KPI'ları belirleme.1819■ Adım 2: Kullanıcının Zihinsel Modelini Haritala20Mevcut durum / Tetikleyici / Kaygı / Araştırma / Karşılaştırma / Karar / Eylem21Her aşamada hangi bilginin gerekli olduğunu belirle.2223■ Adım 3: Bilgi Mimarisi24Sayfanın tamamını aşağıdaki sırayla yapılandır:251. Başlık ve anahtar görsel (ilk görüşte ilet)262. Kaygı ve sorunun tanınması (kullanıcıya "bu benim" dedirt)273. Teklif edilen değer (neden bu hizmet)284. Kanıt (sayılar, ödüller, müşteri yorumları, medyada yer alma)295. Mekanizma (nasıl çalışır)306. Kullanıcı deneyimi (kullanım öncesi ve sonrası)317. SSS (itirazları giderme)328. CTA (son eylem)339. Alt bilgi (güvenlik, yasal uyarı)34Her bilgi parçasının "neden burada" olduğunu gerekçelendir.3536■ Adım 4: Görsel Strateji37- Sayfanın tamamında tek bir görsel tema38- Anahtar görsel soyut ama anlam taşıyan39- Bilgi yoğunluğu yukarıdan aşağıya düzenlenmiş40- Önemli bilgiler kaydırma olmadan görünür41- Ok, grafik ve insan yüzü gibi bakışı yönlendiren öğeler42- CTA'yı sadece bir düğme değil, bir "neden" ile çevrele4344■ Adım 5: 3 Tasarım Yönü45A. Mantıksal ikna öncelikli46B. Duygusal rezonans öncelikli47C. Kıtlık/aciliyet öncelikli48Her yön için şunları belirt: Kullanılacak renkler ve psikolojik etkileri / Tipografi seçimi ve okunabilirlik / Görüntü yönü (soyut, belgesel, illüstrasyon) / CTA'nın konumu ve ifadesi / Mobildeki görünüm / Güçlü yönler / Riskler4950■ Adım 6: Mobil Öncelikli Tasarım51- Akıllı telefonda ilk 3 saniyede neyin göründüğü52- Kaydırmayı en aza indiren bilgi düzeni53- Parmakla dokunmaya uygun düğme boyutu (en az 48px)54- Yatay kaydırmayı kaldır55- Hızı yavaşlatan görselleri optimize et5657■ Adım 7: Dönüşüm Noktası Tasarımı58CTA'yı aşağıdaki gibi optimize et:59- Renk: sayfadaki en yüksek kontrast60- Metin: fayda odaklı (örneğin, "ücretsiz kaydol" / "şimdi indir")61- Çevreleyen bilgi: kaygıyı gideren metin (örneğin, "kredi kartı gerekmez")62- Hata yönetimi: giriş doğrulaması, hata mesajı, kurtarma yolu6364■ Adım 8: Karşı Denetim65Dönüşüm analisti bakış açısıyla denetle:66- 3 saniye kuralı: amaç iletiliyor mu?67- Kaydırma testi: bilgi sırası uygun mu?68- Güven eksikliği: kaygıyı gideren kanıt var mı?69- Zayıf CTA: eylem net ve düşük engelli mi?70- Mobil hata: düğmeler tıklanabilir mi? yazı boyutu yeterli mi?71- Çok fazla seçenek: dikkat dağıtıcı mı? (Hick yasası)72- Aşırı süsleme: dönüşüme katkısı olmayan öğeler var mı?73Son olarak, denetim sonuçlarını yansıtan düzeltilmiş sayfayı çıktı olarak ver.
1Sen, doğrudan yanıt pazarlaması, davranışsal psikoloji, metin yazarlığı, bilgi tasarımı ve UI tasarımını birleştiren bir LP uzmanı Yaratıcı Direktörsün.23Gösterişli süslemelerle satın almaya zorlamak yerine, okuyucunun algısının aşamalı olarak değiştiği ve ikna olmuş bir durumda harekete geçebileceği bir LP tasarla.45【Ürün/Hizmet】{{Input}}6【Fiyat】{{Input}}7【Hedef Kitle】{{Input}}8【Hedef kitlenin mevcut sorunları】{{Input}}9【Sağlanabilecek sonuçlar】{{Input}}10【Kanıt/Geçmiş başarılar】{{Input}}11【CTA】{{Satın alma, kayıt, danışma, belge talebi vb.}}12【Yasaklar】13Abartılı ifadeler, sahte kıtlık, doğrulanamayan rakamlar veya aşırı endişe yaratan ifadeler kullanma.1415■ Aşama 1: Algı Değişimini Tasarla16Öncesi: Şu anda inandıkları / Vazgeçtikleri / Çekindikleri / Harekete geçmeme nedenleri17Dönüm Noktası: Geleneksel varsayımları yıkan gerçekler / Yeni bakış açıları / Beklenmedik ama ikna edici açıklamalar18Sonrası: Anladıkları şey / İnanabilecekleri nedenler / Harekete geçebilecekleri nedenler1920■ Aşama 2: Merkezi Nesne21Ürünün değerini simgeleyen tek bir nesne veya olgu seç.22Bu nesneye anlamsal olarak çelişkili bir özellik ver.23Örnek: Çalışmayı ilerleten durmuş bir dişli / Seçenekleri artıran kapalı bir kapı / Ağır işleri taşıyan hafif bir kağıt / Bilgi taşıyan görünmez bir su yolu24Metaforun eğlencesinden ziyade ürünün mekanizmasını anlaşılır kılmaya öncelik ver.2526■ Aşama 3: 3 Adet İlk Görünüm Planı Oluştur27A. Sonuçları net bir şekilde ileten plan28B. Soruna empatiyle başlayan plan29C. Merkezi nesneyle algıyı sarsan plan30Her plan için şunları çıktı olarak ver: Ana metin / Alt metin / Ana görsel / CTA / Güven unsurları / Akıllı telefon düzeni / Beklenen okuyucu tepkisi / Zayıf yönler.3132■ Aşama 4: LP Kompozisyonu33Aşağıdaki psikolojik sırayla kompozisyon oluştur:341. Onlar için olduğunu fark etsinler352. Sorunu doğru anlasınlar363. Geleneksel yöntemlerin sınırlarını görsünler374. Yeni mekanizmayı anlasınlar385. Ulaşılabilir olduğunu hissetsinler396. Kanıtları görsünler407. Kendi durumlarını hayal etsinler418. Endişeleri giderilsin429. Harekete geçme koşullarını anlasınlar4310. CTA'yı seçsinler44Her bölüm için şunları çıktı olarak ver: Amaç / Başlık / Gövde metni / Diyagram veya görsel / Kanıt / Okuyucunun psikolojisi / Sonraki bölüme geçiş / CTA'nın varlığı.4546■ Aşama 5: Görsel Tasarım47- Her ekrana yalnızca bir güçlü iddia yerleştir48- Kanıt ve karşılaştırmayı süslemelerden daha belirgin yap49- Önemli sayıları çevresindeki boşlukla vurgula50- Lüks hissi yaratmak için gradyan kullanma51- İnsan fotoğrafı kullanıyorsan, metni veya CTA'yı bakışlarının bittiği yere yerleştir52- Uzun cümleleri arka plan görsellerinin üzerine koyma53- Sadece CTA rengini öne çıkarma; öncesi ve sonrası bağlamla önem yarat54- Akıllı telefonlarda başlıkların 4 satırı geçmeyecek şekilde ayarla5556■ Aşama 6: Karşı-Kanıt57Şüpheci bir okuyucu olarak aşağıdakileri belirt:58Kanıtlanmayan şey / Kimin için uygun olmadığı / Maliyet dışındaki yükler / Sonuçların ortaya çıkmadığı koşullar / Rakiplerin de başarabileceği noktalar / Yanlış anlaşılabilecek ifadeler / Yasal veya etik sorunları olan ifadeler59Bu noktaları yansıtarak nihai LP metnini ve tasarım şartnamesini oluştur.
Görsel Oluşturma Komutu
1Aşağıdaki koşullar altında reklam, web ve slaytlarda kullanılabilecek profesyonel kalitede bir ana görsel oluştur.23【Amaç】4{{X küçük resim, LP ilk görünümü, slayt kapağı, web arka planı vb.}}5【İletilecek Kavram】{{Örnek: Yapay zekanın insan düşünce hızını genişletmesi}}6【Ana Nesne】{{Örnek: Şeffaf bir küp}}7【Ana karaktere verilen çelişkili özellik】8{{Örnek: Katı olmasına rağmen içinin sıvı gibi akması}}9Bu çelişki, tuhaflık için değil, {{kavramla olan ilişkiyi}} görselleştirmek içindir.1011【Sahne】{{Örnek: Karanlık, cansız bir sergi alanının merkezi}}1213【Kompozisyon】14- Ana karakter ekranın {{merkezinde / sağında / solunda}}15- Ekrandaki kaplama oranı {{%60}}16- Metin yerleştirmek için {{sol tarafta %40}} oranında tek tip boşluk bırak17- Bakışlar {{yansıyan ışık → ana karakterin çevresi → merkez}} sırasıyla hareket eder18- Arka planda ana karakterle rekabet eden nesneler yerleştirme1920【Fotoğrafik İfade】21- {{Ön, 45 derece açı, kuş bakışı, yakın çekim}}22- {{35mm, 50mm, 85mm, makro}} eşdeğerinde doğal perspektif23- Alan derinliği {{sığ / orta / derin}}24- Işık kaynağı {{büyük dağınık ışık, yan ışık, arka ışık vb.}}25- Aşırı HDR ifadelerinden kaçının26- Parlak alanlarda detay kaybı olmasın, karanlık alanlarda doku bilgisi kalsın2728【Malzeme】29- {{Cam, metal, kumaş, ahşap, LCD, kağıt vb.}}30- Yüzeye ince çizikler, yansımalar, şeffaflık ve kalınlık ver31- Plastik gibi tek tip bir doku yapma32- Her malzeme için ışık tepkisini fiziksel olarak uyumlu hale getir3334【Renk】35- Ana renk: {{Input}} / Yardımcı renk: {{Input}} / Vurgu rengi: {{Input}}36- Renk sayısını sınırla ve ana karakterin şekli ile malzemesine öncelik ver3738【Zaman/Değişim】39Hareketsiz bir görüntü olmasına rağmen, {{erimeden hemen önce, kırıldıktan hemen sonra, oluşum aşamasında, nefes aldığı an}} gibi zamanın ortasında olduğu hissini uyandır.4041【Kalite Standartları】42- Bir reklam prodüksiyon şirketinin teslim edebileceği tamamlama seviyesi / Ana karakter ilk bakışta tanınabilir43- Malzeme tutarlılığı / Kenar boşlukları kasıtlı olarak tasarlanmış44- Küçük resimlerde bile silüet ayırt edilebilir45- Yapay zeka üretimine özgü aşırı süslemelerden kaçının / Tüm ekranı detaylarla doldurmayın46- Metin, logo veya filigran oluşturma4748【Kaçınılması Gereken İfadeler】49Anlamsız parlayan çizgiler / Sayısız parçacık / Aşırı neon / Arka planı dolduran devre desenleri / Doğal olmayan yansımalar / Amaçla ilgisi olmayan insanlar / Güçlü bir deja vu hissi veren yapay zeka sanatı / Açıklanamayan süslemeler5051Önce aşağıdaki 3 yönü oluştur:52A. Gerçekte bir fotoğraf olarak var olabilecek bir plan53B. Yalnızca bir fizik yasasının tersine çevrildiği bir plan54C. Klasik malzemeleri ve dijital olguları birleştiren bir plan553 planı oluşturduktan sonra, özgünlük, okunabilirlik, amaca uygunluk ve malzeme tutarlılığını karşılaştır, en iyisini seç ve geliştirilmiş bir versiyon oluştur.
Tüm amaçların sonuna bu "Profesyonel Seviye Denetim Bloğu"nu eklemek, kendini beğenmiş yapay zeka tasarımlarını büyük ölçüde azaltacaktır.
1Tamamlanan planı olduğu gibi gönderme; onu başka bir katı Yaratıcı Direktör olarak denetle.23Aşağıdakileri her biri 10 üzerinden puanla:4Amaçla tutarlılık / Bilgi önceliği / Bakış yönlendirme / Kenar boşlukları / Okunabilirlik / Malzeme tutarlılığı / Ortama uygunluk / Özgünlük / Açıklanabilirlik / Uygulanabilirlik56Ayrıca aşağıdaki soruları yanıtla:71. Bu tasarımın ana karakteri tek bir nesneye indirgenmiş mi?82. Süslemelerin %30'u kaldırılsa yine de işe yarar mı?93. Bilgi hiyerarşisi renk olmadan da anlaşılabiliyor mu?104. Merkezi kavramla ilgisi olmayan herhangi bir öğe var mı?115. Yapay zekanın sıkça yaptığı güçlü bir deja vu hissi veren ifadeler var mı?126. Beklenmedik öğeler arasında hangileri tutulmaya değer?137. Başarısızlık olarak ne düzeltilmelidir?148. Gerçek kullanım ortamında hangi noktalar sorun yaratacak?159. Anlam yeni başlayanlara aktarılıyor mu?1610. Bir sonraki oluşturma koşullarına hangi ret nedenleri eklenmelidir?17188 puandan düşük herhangi bir madde varsa, düzelt ve düzeltme öncesini, sorunu, düzeltme içeriğini ve düzeltme nedenini kaydet.
En Önemli Not: Taklit Edilmesi Gereken "Üretim Yapısı"dır, "Tarz" Değil
Son olarak, en önemli şeyi yazacağım.
Ochiai tarzını yüzeysel olarak taklit ederseniz, siyah bir arka plan, sıvı, aynalar, Budizm ve fütüristik CG'yi birleştiren bir tasarım ortaya çıkma eğilimindedir. Ama asıl aktarmanız gereken görünüm değildir.
Yeniden üretilmesi gereken, tarz değil, üretim yapısıdır.
Soyut kavramları somut nesnelere dönüştürün. Nesneler arasındaki ilişkiyi söze dökün. Anlamlı bir çelişki ekleyin. Yapay zekanın beklenmedikliğini seçin. Farklı formatlara dönüştürün. Nihai ortama kadar tasarlayın. Birden çok planı karşılaştırın. Başka bir yapay zekanın denetlemesini sağlayın. Ret nedenlerini biriktirin. Gerçek kullanım ortamında doğrulayın.
Bu 10 madde Ochiai yönteminin özüdür. Siyah arka planlar ve sıvılar sadece sonuçlardır.
Ve bir şey daha. Bay Ochiai, özel talimatları ChatGPT'nin arama desteği gibi ortamdaki değişikliklere göre güncellediğini de kamuoyuna açıklamıştır. Bir kere oluşturulan bir "tanrı komutunu" kullanmaya devam etmek yerine, talimat sistemini başarısızlıklara ve araçların evrimine göre güncellemeye devam edin. Bu tutum muhtemelen en önemlisidir.
Co-vibe'de, yürütme geçmişinden öğrenen ve tercihlere uyum sağlayan bir bellek yönü gösterilmektedir. Aynısı tasarım oluşturma için de geçerlidir: bir şeyi neden reddettiğinizi kaydetmek, "iyi planları" kaydetmekten uzun vadede daha güçlüdür. Başarı nedenlerini yeniden üretmek zordur, ancak başarısızlık nedenleri bir sonraki oluşturma için koşul olarak güvenilir bir şekilde çalışır.
Yetenek bir gecede kazanılmaz. Ancak bu üretim yapısı bugünden itibaren taklit edilebilir. Önce 1. İlkeyi deneyin: "Sıfatları nesnelerle değiştirin." "Havalı yap" ifadesini "ana karakter nedir, nasıl yerleştirilmiştir ve bakışlar nasıl hareket eder?" şeklinde yeniden yazın. Bunu yapmak bile, ortaya çıkacak bir sonraki tasarımı kesinlikle profesyonelliğe bir adım daha yaklaştıracaktır.
</code-segment>
