Izgara sistemi tasarım bir disiplin meselesi. Bir tasarımcının en güçlü araçlarından biri olan ızgara, görsel kaosu düzene dönüştürmenin matematiksel yolu. Izgara sistemi, yatay ve dikey çizgilerin oluşturduğu görünmez bir iskelet yapısıdır. Tasarım öğeleri bu ızgara üzerine hizalanır. Sonuçta hem görsel bir düzen sağlanır hem de izleyicinin gözü sayfada ya da ekranda daha kolay yönlenir. Baseline grid ve column grid: Izgara sistemi tasarım için iki temel tür var: kolon ızgarası (column grid) ve taban çizgisi ızgarası (baseline grid). Kolon ızgarası sayfayı dikey bölümlere ayırır ve metin bloklarını, görselleri hizalamak için kullanılır. Taban çizgisi ızgarası metin satırlarını hizalar ve tipografik tutarlılığı sağlar. 12 kolonlu ızgara neden bu kadar yaygın? Web tasarımında 12 kolonlu ızgara sistemi öne çıktı çünkü 12, 2, 3, 4 ve 6'ya bölünebiliyor. Bu esneklik farklı düzen ihtiyaçlarını aynı ızgara üzerinde karşılamayı kolaylaştırıyor. Izgara sistemi tasarım kısıtlamalarını da azaltır. Ekip içinde çalışırken, farklı sanatçıların oluşturduğu tasarımlar aynı ızgara sistemi kullanıldığında çok daha tutarlı görünür. Bu nedenle kurumsal yayınlar, dergi sayfaları ve büyük web projeleri neredeyse her zaman belgelenmiş bir ızgara sistemi üzerine kuruludur. Izgarayı kırmak: Izgara sistemi kuralı değil, araç. Kasıtlı olarak ızgaradan taşmak, büyük bir görsel ya da vurgu öğesi, beklenti yaratan düzen içinde bir dinamizm yaratır. Ama bu etkili olmak için önce ızgaraya uymak gerekir.