Sakin yerleşimler neden hâlâ gerilime ihtiyaç duyar

Bir yerleşim, hiçbir öğe dikkat için yarışmadığında sakin görünür. Bu netlik kontrastı kaldırmaktan değil, bilinçli kullanmaktan gelir: büyükle küçüğün, yoğun alanla boşluğun, tek vurgu rengiyle sessiz yüzeyin karşılaşmasından. Bu gerilim olmadığında minimal yerleşim derli toplu görünmekten çıkar ve yarım kalmış hissi verir. Bu notlar, dengeyi koruyan kararları bir araya getiriyor.

Önce hiyerarşi, sonra süsleme

İşe yarayan bir sayfanın taslağı önce düz metinle kurulabilir. Başlık vaadi ortaya koyar, ilk paragraf tempoyu belirler ve sonraki her bölüm, bir sonraki kararı kolaylaştırarak yerini hak eder.

Bu bir mecaz değil, pratik bir testtir. Taslak Markdown hâlinde işliyorsa — başlık, giriş ve mantıklı birkaç bölümle — görsel katmanın onu kurtarmasına gerek kalmaz. Sessiz, hassas ve kendinden emin kalabilir. Taslak, eşit ağırlıkta satırlardan oluşan bir duvar gibi görünüyorsa hiçbir stil bunu gizleyemez; tekdüzelik dizgiye de taşınır.

İyi kullanılan boşluk, boş değildir. Okuyucuya nerede duracağını söyler.

Gerilim bir araçtır, ruh hâli değil

Bu sitede ve çoğu editoryal yerleşimde işin büyük kısmını üç kontrast türü üstlenir:

• Ölçek. Ana sayfa başlığı, çevresindeki bölüm etiketlerinin kabaca beş katı büyüklüğünde. Bu fark hiyerarşinin ta kendisi — farkı azaltırsan her şey eşit derecede önemsiz görünür.
• Ağırlık. Başlıklar kalın, gövde metni orta ağırlıktadır. Tek adımlık fark niyet gösterir; aynı ekrandaki üç farklı ağırlık ise gürültü yaratır.
• Tek bir vurgu. Bağlantıları, meta verileri ve başlıkların önündeki # işaretlerini tek bir renk taşır. Başka hiçbir yerde görünmediği için her kullanımı bir anlam taşır.

Bunların her biri bir kez verilip her yerde tekrar edilen bir karardır. Sakinlik tekrardan gelir; gerilim ise aradaki farkın büyüklüğünden.

Arayüze yeni öğeler eklemeden önce boşluğun konuşmasına izin ver

Bir sayfayı tasarlanmış hissettirmenin en hızlı yolu, ilişkili öğeleri birbirine yaklaştırıp ilişkisiz olanlara nefes alacak alan bırakmaktır. Bu sayfa, portföyle aynı kenarlıkları ve cömert ritmi korur; tek ek doku olarak yalnızca Markdown işaretlerini kullanır.

• Tekil bileşenleri cilalamadan önce ilişkili fikirleri grupla.
• Ayırıcıları ritmi netleştirdiklerinde kullan, süs olarak değil.
• Bağlantıları, meta verileri ve Markdown işaretlerini tek bir vurgu rengiyle belirt.

yerleşim:
  başlık: tek ve net bir vaat
  giriş: okumaya davet edecek kadar kısa
  bölümler: anlama göre boşluk bırak
  detaylar: yalnızca ritim oturunca eklenir

Bir bölüm zayıf hissettiğinde ilk içgüdü eklemektir — bir ikon, bir kart, ikinci bir renk. Önce tersini dene: üstündeki boşluğu artır, iç boşlukları daralt ve grubun kendi başına okunup okunmadığına bak. Çoğu zaman eksik olan yeni bir öğe değil, ritimdir.

Notları yeniden kullanılabilecek kadar sade tut

Bir portföyün blog sayfası, kopuk bir yayın şablonu gibi hissettirmemeli. Aynı tasarımcının düşünce sürecini; aynı öz disiplin, kenarlıklar ve tonla açıkça paylaştığı bir alan olmalı. Yazıları ekrana dönüşmeden önce cümlelerle kurmamın nedeni de bu. Dağınık bir fikri temiz bir ilk ekrana dönüştürürken kullandığım süreç burada da geçerli.

Sayfayı yayınla

Sayfa, okuyucu yapıyı saniyeler içinde tarayabildiğinde ve yine de detaylar için yavaşlamak istediğinde bitmiştir.

Bu notlardan yeniden kullanılacaklar:

• Sayfanın taslağını düz metinle kur; hiyerarşi orada çalışmıyorsa yine orada düzelt.
• Bir ölçek sıçraması, bir ağırlık sıçraması ve tek bir vurgu seç — sonra istisnasız tekrarla.
• Bir şey düz hissettiğinde arayüz eklemeden önce boşluğu ayarla.
• Yayınlamadan önce ritmi her genişlikte kontrol et — sakin yerleşimlerin nerede sessizce dağıldığı responsive kontrolde ortaya çıkar.