Grid nedir?

Bir stüdyo sitesinde üst menü belirli bir içerik genişliğine otururken hizmet sayfası daha içerden, footer başka bir kenardan başlıyor olsun. Her bölüm kendi içinde düzenli görünse bile sayfa bütününde ilişki zayıflar. Grid bu ortak hizaları görünür bir sisteme bağlar. Kenar boşluğu, içerik rayı, sütun aralığı ve okuma ölçüsü aynı şey değildir; her birinin görevi ayrılır. Böylece yeni bir sayfa mevcut sitenin içine yerleşir, ayrı bir belge gibi başlamaz.

Örnekte genel içerik rayı görseller ve geniş kompozisyonlar için alan sağlar. Uzun yazı ise bu rayın içinde daha dar bir okuma ölçüsü kullanabilir. Bu iki genişliğin farklı olması hata değildir; amaçları farklıdır. Sorun dar okuma alanının sebepsizce her bölümde başka bir noktaya kaymasıdır. Tanım, örnek, görsel ve kaynaklar arasında bilinçli ilişkiler kurulduğunda sayfa hem çeşitlenebilir hem aynı sistemin parçası olarak kalabilir.

Mobilde sütun sayısını azaltmak başlangıçtır, fakat bütün uyarlama bu değildir. Kartların iç boşluğu, başlığın satır kırılımı ve görselin oranı yeniden düşünülür. Geniş ekrandaki iki sütunu sadece alt alta koymak, bir bölümün destekleyici parçasını ana içerikten çok uzağa taşıyabilir. İçerik sırası ve gruplama da grid kararının parçasıdır. Aynı dış kenarları korumak, her öğeye aynı iç boşluğu vermeyi gerektirmez; hiyerarşi ve kullanım dikkate alınır.

Grid'i tasarımın görünür süsü haline getirmek de zorunlu değildir. Kullanıcı sütun çizgilerini görmeden düzenin tutarlılığını hissedebilir. Sistem, üretim ekibinin yeni bir içeriği nereye yerleştireceğini bilmesine yardım eder. Bazen bir görsel rayın dışına bilinçli olarak taşabilir; bu istisna ortak kurala göre anlam kazanır. Her bölüm rastgele taştığında ise artık istisna değil, dağınık bir yerleşim oluşur. Esnek bir düzen, hangi hizanın neden korunduğunu açıklayabilir.