Yapılandırılmış Grid Nedir?
Yapılandırılmış grid, belirli kurallara göre düzenlenmiş ve genellikle satır-sütun formatında organize edilmiş bir veri veya görsel yerleşim sistemidir. “Grid” kelimesi İngilizce’de “ızgara” anlamına gelir; yapılandırılmış grid ise bu ızgara sisteminin belli bir düzenle kullanılmasıdır.
Tasarımın türü ne olursa olsun (web sitesi, mobil uygulama, dergi sayfası veya sosyal medya postu), grid sistemi sayesinde:
- Görsel tutarlılık sağlanır,
- Okuyucunun gözü yormadan içerikler sunulur,
- Tasarım süreci hızlanır ve netleşir.
Tasarım ve Web Geliştirme
Yapılandırılmış grid, bir web sayfasında ya da tasarımda içeriklerin hizalanması ve düzenlenmesi için kullanılan sistemdir. Amaç, tutarlı ve dengeli bir görünüm sağlamaktır.
Özellikleri:
- Belirli sütun sayısı (örneğin 12 sütunlu grid sistemi)
- Sabit boşluklar (margins, paddings)
- Responsive (ekrana göre uyumlu) yapı
Örnek:
Bootstrap gibi CSS framework’leri yapılandırılmış grid sistemlerini kullanır.
Veritabanı / Veri Görselleştirme
Excel, veri tabloları, raporlama araçları gibi ortamlarda, yapılandırılmış grid; satır ve sütunlardan oluşan, genellikle her hücrenin belli bir türde veriye karşılık geldiği sistemdir.
Özellikleri:
- Her hücrenin veri tipi belirli olabilir (metin, sayı, tarih)
- Satır = birim kayıt
- Sütun = veri alanı
Örnek:
Bir muhasebe tablosunda “Tarih – Açıklama – Tutar” şeklinde yapılandırılmış bir grid olabilir.
Grid Sisteminin Temel Öğeleri
Kolon (Column):
- Dikey alanlardır. Tasarımın kaç sütundan oluşacağı belirlenir.
- Örn: Bootstrap, 12 sütunlu grid sistemini kullanır.
Gutter (Boşluk):
- Sütunlar arasındaki yatay boşluklardır.
- İçeriklerin sıkışmamasını ve nefes almasını sağlar.
Margin ve Padding:
- Grid’in dış ve iç boşluklarıdır. Sayfa sınırlarıyla içerik arasındaki dengeyi sağlar.
Modül (Module):
- Satır ve sütunların kesişimindeki kutular. İçerikler buraya yerleştirilir.
