Join a Claude Community Event, organized by local enthusiasts for everyone who loves building with Claude!
Bir arayüz üretmek artık saniyeler sürüyor. Sorun da tam burada başlıyor: herkes aynı saniyeleri yaşıyor ve ekranlar birbirine benziyor. Fark modelde değil, promptta. Sıradan bir ekranı kasıtlı bir ekrandan ayıran şey, promptun içinde yaptığınız birkaç hamledir. Çoğu kişi bu hamlelere hiç uzanmaz; yapay zekânın ürettiği ekranların hep aynı şablondan çıkmış gibi görünmesinin sebebi de budur.
Bu akşam o hamleleri tek tek, kendi ekranınız üzerinde çalıştıracağız. Bu bir tasarım dersi değil. Claude açık, ilk ekranınız on beş dakikada ortada.
Program
19:00 · Kapı açılışı, kayıt, tanışma. İkramlar, dizüstünüzü hazırlayın ve tasarlamak istediğiniz bir ekranı aklınızda netleştirin.
19:15 · Çerçeve: Tasarım Promptunun Anatomisi. Sıradan çıktıyı kasıtlı çıktıya çeviren hamleleri tek bir çerçevede topluyoruz. On beş dakikada bitirip sprintlere geçiyoruz.
19:30 · Sprint 1: Brief'ten İlk Ekrana. Gerçek bir ekran seçin, Claude'a referanslarınızı ve tasarım sisteminizi verin, ilk sürümü üretin.
Referans ve ton belirleme
Token seti: renk, tipografi, boşluk
İlk artifact'ı üretme ve okuma
Çıktı: Çalışan ilk ekranınız.
20:10 · Sprint 2: Yönlendirme ve Yineleme. İlk sürüm nadiren doğru sürümdür. Bu sprintte hamleleri uygulayıp ekranı kasıtlı hale getiriyoruz.
Hiyerarşiyi yeniden kurma, olumsuzlama ile keskinleştirme
Bölümlere farklı görsel diller verme
Eleştiri döngüsü: Claude ile geri konuşmak
Varyant üretme ve karşılaştırma
Çıktı: Yönlendirilmiş ikinci sürüm ve birkaç varyant.
20:45 · Kısa ara. İkramlar ve serbest networking.
21:00 · Sprint 3: Ekrandan Teslime. Tasarımı bitmiş gösteren detaylar burada toplanıyor: durumlar, responsive davranış ve teslim.
Boş, yükleniyor ve hata durumları
Responsive ve erişilebilirlik geçişi
Koda veya tasarım kanvasına taşıma
Çıktı: Teslime hazır ekran.
21:55 · Kapanış ve Networking. Toplu fotoğraf ve serbest sohbet.
Kimler katılmalı?
Tasarımcısı