Bir tasarımcı gibi eleştir
Önümüzdeki altı dakikada ilk profesyonel tasarım eleştirini yazacaksın — ölçülebilir, somut ve prompt olarak kullanılabilir — üzerine beş kusur yerleştirilmiş bir sayfada.
"Bir tuhaf duruyor" işe yaramaz — bir tasarımcı için de, Claude için iki katı. Belirsiz memnuniyetsizlik belirsiz revizyon üretir. İyi çıktı alanları şanslı çıktı alanlardan ayıran beceri şudur: ölçülebilir geri bildirim. Öğeyi adlandır, gözlemini söyle (mümkünse bir sayıyla) ve ne yapılacağını yaz.
Anthropic'in kendi tasarım ürünü için yazdığı rehber tam olarak bunu söylüyor: "form alanları arasında 8px boşluk" gibi bir geri bildirim işi ilerletir; "boşluklar yanlış duruyor" hiçbir şeyi ilerletmez.
Eleştiri formülü
İşe yarar bir eleştirinin her satırının üç parçası vardır:
- Öğe. "Hero başlığı" — "üstteki kısım" değil.
- Ölçülebilir gözlem. "22px, oysa hemen altındaki bölüm başlığı 34px" — "küçük hissettiriyor" değil.
- Talimat. "İlişkiyi ters çevir: başlık en az 48px, bölüm başlığı 28px."
Öğe, gözlem, talimat. Böyle yazıldığında bir eleştiri aynı zamanda bir prompt'tur — Claude'a geri yapıştır, revizyon tam istediğin şey olur.
Alıştırma: beş kusur
Bu sayfada tam olarak beş yerleştirilmiş sorun var. Hepsi, bu modülden edindiğin sözlükle bulunabilir — hiyerarşi, birbiriyle yarışan vurgular, boşluk, kontrast, tutarlılık. Devam etmeden önce ışık kutusunu aç ve sayfayı incele.
Eleştirini beş satır olarak yaz, her biri formülü kullansın: öğe, ölçülebilir gözlem, talimat. Sayılar izlenimleri yener — "yaklaşık 4px boşluk" gayet iyi bir ölçüdür; tek başına "sıkışık" değildir.
Kontrol et
- Beş ayrı sorun tespit edilmiş, her biri belirli bir öğeyi adlandırıyor
- Her sorun ölçülebilir ya da somut biçimde gözlemlenebilir bir olgu içeriyor (bir boyut, bir boşluk, bir renk sayısı, bir kontrast yargısı) — yalnızca bir sıfat değil
- Her sorun, bir geliştiricinin ya da Claude'un ek soru sormadan uygulayabileceği bir talimatla bitiyor
- En az bir sorun görsel hiyerarşiyle, en az bir sorun renkle ilgili
- Hiçbir sorun saf zevk değil ("turkuazı sevmedim") — her talimat bu modüldeki bir ilkeye kadar izlenebiliyor
Şunu görürsen
Kendi beşini yerleştirilmiş listeyle karşılaştır: (1) Hiyerarşi — sayfa başlığı 22px, oysa altındaki "Neden Ember Roast" 34px; sayfadaki en önemli metin, üzerindeki en küçük başlık. (2) Yarışan vurgular — turkuaz butonlar ve turuncu bağlantılar/rakamlar aynı anda dikkat istiyor; bir vurgu seç, diğerini nötre indir. (3) Boşluk — hero, başlığını, paragrafını ve butonlarını 4–6px aralıklarla üst üste yığarken alttaki bölüm nefes alıyor; boşluk gruplamayı anlatır, burada her şey tek bir yumak. (4) Kontrast — gövde metni krem zemin üzerine açık sıcak gri, rahat okuma kontrastının çok altında; zahmetsiz okunana kadar koyulaştır. (5) Tutarlılık — tek ekranda üç farklı köşe yarıçapı (2px kartlar, 12px küçük butonlar, tamamen yuvarlak ana buton); her yerde tek yarıçap. Beş farklı gerçek sorun bulmak da sayılır — ders formülün kendisi, cevap anahtarı değil.
Bu neden bundan sonrasının tamamı için önemli
- modülden itibaren Claude'u sürekli yönlendireceksin — ve verdiğin her yön, az önce yaptığı şeyin bir eleştirisi. Yalnızca "daha iyi ama hâlâ tuhaf" diyebilenler sonsuza kadar döngüde kalır. "Vurgu on bir kez geçiyor; üçe indir" diyebilenler tek revizyonda sonuca varır.
Bu beceriyle diğer taraftan da karşılaşacaksın: 5. modülde Claude'a, kendi ekran görüntülerini senin kurallarına karşı eleştirmeyi tam olarak bu formülle öğreteceksin.
Az önce ne öğrendin
- Eleştiri formülü: öğe → ölçülebilir gözlem → talimat. Böyle yazılmış bir eleştiri aynı zamanda çalışan bir prompt'tur.
- Sayılar sıfatları yener: boyutlar, boşluklar, adetler, kontrast — ölçülebilir olan "tuhaf duruyor"u yener.
- Beş kusur ailesi üretilmiş sayfaların çoğunu kapsar: hiyerarşi, yarışan vurgular, boşluk, kontrast, tutarlılık.
- Bu kursta yazacağın her prompt, bir önceki çıktının eleştirisidir — ne kadar hızlı yakınsayacağını kesinlik belirler.
pratik
Claude Cowork'ü kendi bilgisayarında aç ve bunu gerçek dosyalarda dene. Her modül, yaptığını gönderdiğin bir checkpoint'le biter.
Claude'da açSonraki
Modül 1 özeti