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