Istanbul | UI Design with Claude Workshop
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ı