Bir tasarımın dört kaldıracı

Anthropic'in Claude'dan daha iyi görünen çıktı almak için yazdığı rehberler — dokümanlar, cookbook, frontend-design skill'i — hep aynı dört boyuta dönüyor. Bunları ayrı ayrı görmeyi öğren, herhangi bir sayfayı bir dakikanın altında teşhis edebilirsin.

Aşağıda aynı düz, yeterli, yönsüz sayfa var; her seferinde tek bir kol çekilmiş hâliyle. Her sürgünün iki tarafı arasında başka hiçbir şey değişmiyor.

1. kol · Tipografi

ÖnceSonra

↔

Aynı sayfa, yalnızca tipografisi değiştirilmiş: sistem fontunun yerini, italik bir vurgu kelimesiyle birlikte abartılı büyüklükte editoryal bir serif almış — Önce / Sonra

Tipografi en güçlü koldur, çünkü okurun ilk hissettiği şeydir. Temel sayfa tek bir yazı tipini tek bir kibar ölçekte kullanıyor — sesi yok. Sağ taraf ise karar veriyor: karakteri olan bir display yazı tipi, başlıkta uç bir boyut sıçraması, küçük etiketler için ikinci bir yazı tipi (mono). İşi net iki yazı tipi, her işi yapan tek yazı tipini yener.

2. kol · Renk

ÖnceSonra

↔

Aynı sayfa, yalnızca rengi değiştirilmiş: beyaz ve grinin yerini tek bir kor turuncusu vurgusuyla koyu espresso bir zemin almış — Önce / Sonra

Sağ tarafın ne olmadığına dikkat et: eşit oranlarda beş renk değil. Sayfanın sahibi olan tek bir hâkim renk ve tam da az bulunduğu için dikkati hak eden tek bir vurgu. Ürkek, her rengi eşit dağıtan paletler bir işarettir; karar vermekse bir tercihtir.

3. kol · Zemin ve derinlik

ÖnceSonra

↔

Aynı sayfa, yalnızca zemini değiştirilmiş: düz beyazın yerini katmanlı geçişler, çizilmiş bir halka motifi ve gerçek bir gölge almış — Önce / Sonra

Her şeyin arkasındaki düz beyaz, ortalama sayfanın içinde yüzdüğü boşluktur. Derinlik ucuzdur: katmanlı bir geçiş, tek bir geometrik motif, niyeti olan bir gölge. Sağ tarafta hâlâ ne renk var ne de gösterişli bir yazı tipi — ve şimdiden birinin sayfası gibi duruyor.

4. kol · Hareket

Ekran görüntüsünün sana gösteremeyeceği kol. Hareket gerçek bir koldur — ama yönlendirilmemiş yapay zekânın onu kullanma biçimi (her şeyde ufak bir solma, her yerde hover kıpırtısı) başlı başına bir işarettir. Sayfaların tarayıcıda canlıyken 5. modülde uygulayacağın kural: düzenlenmiş tek bir an, dağınık on efekti yener. Kasıtlı bir sırayla yüklenen bir sayfa — önce başlık, sonra destek, sonra eylemler — yönetiliyormuş gibi hissettirir. Her şeyin hafifçe belirdiği bir sayfa üretilmiş gibi hissettirir.

Teknik: her seferinde tek bir kol

Bu aynı zamanda prompt yazma biçimin. Claude'dan "daha tasarımlı yap" istemek dört kolu birden, hem de kötü şekilde oynatır. Tekini oynatmasını istemek nettir ve gözden geçirilebilir. Geçen dersteki artifact'ını aç ve tam olarak şunu çalıştır:

Yerleşimi, renkleri ve içeriği olduğu gibi koru.
YALNIZCA tipografiyi değiştir: başlık için gerçekten karakteri olan,
ayırt edici bir display yazı tipi seç, gövdeye göre çarpıcı biçimde
büyük kur ve küçük etiketler için monospace bir yazı tipi kullan.
Başka hiçbir şeye dokunma.