Izgara Sistemi

Konu Anlatımı

Izgara Sistemi

Izgara Sistemi, Grafik Tasarım dersi kapsamındaki Sayfa Düzeni ünitesinin temel konularından biridir. Bu konu alanın gerektirdiği bilgi ve becerilerin kazandırılmasına temel oluşturur.

Temel Bilgiler

• Izgara hizalama ve düzen sağlar.
• Bleed taşma payı baskıda gereklidir.
• CMYK baskı, RGB ekran içindir.

Uygulama ve Dikkat Edilmesi Gerekenler

Bu konunun uygulamasında iş güvenliği kurallarına uyulmalı, kullanılan araç ve malzemeler amacına uygun seçilmeli ve yapılan işlemler standartlara göre kontrol edilmelidir. Öğrenilen bilgiler atölye ve iş yeri uygulamalarıyla pekiştirildiğinde kalıcılık artar.

Modüler Izgara Bileşenleri

Izgarayı üç bileşen oluşturur: sayfa kenarındaki boşluk (margin), dikey bölümler hâlindeki kolonlar ve kolonları ayıran oluk (gutter). İçerik genişliği, sayfa genişliğinden iki kenar boşluğunun çıkarılmasıyla bulunur; kalan alan kolon ve oluklara eşit dağıtılır. Tasarımın tamamı bu kolon başlangıçlarına hizalandığında sayfada görsel bir ritim ve tekrar oluşur.

Kolon genişliği = (içerik genişliği − kolon sayısı × oluk) ÷ kolon sayısı

Sayfa Düzeninde Tekrar ve Hizalama

Her öğe; görsel, başlık ve metin bloğu bir kolon başlangıcına oturtulur. Basılı işlerde yatay kolonlara ek olarak yazı satırlarını hizalayan temel çizgi ızgarası (baseline grid) kullanılır; ekran tasarımında ise 8 pikselin katları esas alınır. Hizasız bırakılan tek bir öğe, tüm sayfadaki düzen algısını bozar.

Izgara Türleri

Uygulama ve Kontrol Aşamaları

1. Izgara görünür hâlde kurulur, kolon ve oluk ölçüleri yazılır.
2. İçerik yerleştirilir, her öğe kolon başlangıcına hizalanır.
3. Izgara gizlenir ve hizasız kalan öğeler tek tek kontrol edilir.

Sınavlarda kolon genişliği ve içerik genişliği hesapları sorulur; formülü ezberlemek yerine sayfayı kutulara bölerek düşünmek hatayı azaltır.

Uygulama Senaryosu: Düzen Kurma

Afiş ve web sayfasında öğeler serbest yerleştirilmez; sütun ızgarasına oturtulur. İki sütunlu düzen kısa metinleri, dört sütunlu düzen kart ve listeleri taşır.

Karşılaştırma Tablosu

Izgara yalnızca hizalama için değil, bilinçli boşluk bırakmak için de kullanılır; boşluk da bir tasarım kararıdır.

Sık Durum

Boşluklar rastgele açılır; oysa tutarlı boşluk metnin okunabilirliğini doğrudan artırır.

İçerik Hizalama Stratejileri

İçerik hizalama, grafik tasarımın temel unsurlarından biridir. Her öğe kolon başlangıcına oturtulduğunda, sayfada görsel ritim ve tekrar oluşur. Bu hizalama stratejisi, basılı işlerde yatay kolonlara ek olarak yazı satırlarını hizalayan temel çizgi ızgarası (baseline grid) ile desteklenir. Ekran tasarımında ise 8 pikselin katları esas alınır. Hizasız bırakılan tek bir öğe, tüm sayfadaki düzen algısını bozar ve bu nedenle her öğenin hizalama kurallarına uygun olması kritiktedir.

İçerik hizalama stratejileri, kullanıcı deneyimini ve okunabilirliği artırır. Özellikle mobil ve web arayüzlerinde, 8 pikselin katları kullanılarak hizalama sağlanır. Bu yaklaşım, ekran boyutlarındaki değişikliklere karşı esneklik sağlar. Ayrıca, hizalama stratejileri ile tasarlanan sayfalar, kullanıcıların dikkatini odaklama ve bilgiyi daha iyi anlama konusunda yardımcı olur.

İçerik Genişliği Hesaplaması

İçerik genişliği, sayfa genişliğinden iki kenar boşluğunun çıkarılmasıyla bulunur. Bu değer, kolon ve oluklara eşit dağıtılır. Kolon genişliği hesaplaması için formül: kolon genişliği = (içerik genişliği − kolon sayısı × oluk) ÷ kolon sayısı kullanılır. Bu formül, sayfayı kolonlara böldükten sonra içeriği doğru bir şekilde yerleştirir.

İçerik genişliği hesaplaması, grafik tasarımın temel adımlarından biridir. Sayfa genişliği ve kenar boşlukları bilinirken, içeriğin kolonlara uygun olarak dağıtılması kolon genişliği hesaplaması ile sağlanır. Bu hesaplama, tasarımın kalıcılığını ve okunabilirliğini artırır. Ayrıca, içeriğin doğru bir şekilde hizalanması, kullanıcı deneyimini iyileştirir.

Ne Öğreneceğiz

Grafik Tasarım dersi kapsamında Izgara Sistemi konusu. Bu konuda ögrenme çıktıları:

• Izgara Sistemi ile ilgili temel kavramları açıklar.
• Izgara Sistemi konusunun Grafik Tasarım dersi içindeki yerini ve önemini belirtir.
• Konuyla ilgili araç, gereç ve malzemeleri amacına uygun seçer.
• İş sağlığı ve güvenliği kurallarına uygun çalışır.
• Öğrendiği bilgi ve becerileri atölye/iş yeri uygulamalarında kullanır.

Ön Bilgi

Bu konuya başlamadan önce temel kavram ve ön koşulları kavramanız yardımcı olacaktır. Konunun çerçevesinde şu kavramlar dikkat ister:

• Izgara hizalama ve düzen sağlar.
• Bleed taşma payı baskıda gereklidir.
• CMYK baskı, RGB ekran içindir.
• Oluk (gutter), kolonlar arasında içeriğin girmemesi gereken boşluktur; metin bu alana taşırılmaz.
• Temel çizgi ızgarası yazı satırlarının üst üste binmesini sağlar, iki sayfayı aynı ritimde tutar.

Basit Örnek ve Günlük Yaşam

Günlük yaşamda ve mesleki bağlamda bir uygulama:

Soru: Izgara hizalama ve düzen sağlar.

1. Konuyu tanımla ve ilgili kavramları belirle.
2. Doğru yöntem veya hesaplamayı uygula.
3. Sonucu standartlara göre kontrol et.

Sonuç/cevap: Doğru uygulama sonucunda konuyla ilgili kazanım elde edilir.

İleri Örnek

Daha ileri bir uygulama:

Soru: 10 punto yazı, 14 punto satır aralığıyla dizilecektir. 7 satırlık bir bloğun dikey yüksekliği kaç mm olur? (1 punto = 0,3528 mm)

1. Adım 1: Satır aralığı temel çizgi değeri kabul edilir: 14 punto.
2. Adım 2: Yedi satırın toplamı bulunur: 7 × 14 = 98 punto.
3. Adım 3: Milimetreye çevrilir: 98 × 0,3528 ≈ 34,6 mm.

Sonuç/cevap: Yaklaşık 34,6 mm.

Adım Adım Çözülmüş Örnek

Izgara Sistemi - Örnek 1 konusunun adımları:

1. Konuyu tanımla ve ilgili kavramları belirle.
2. Doğru yöntem veya hesaplamayı uygula.
3. Sonucu standartlara göre kontrol et.

Özet

Izgara Sistemi, Grafik Tasarım dersi kapsamında ele alınan temel konulardan biridir. Izgara hizalama ve düzen sağlar. Bleed taşma payı baskıda gereklidir. CMYK baskı, RGB ekran içindir. Bu bilgiler uygulama ve iş güvenliği kurallarıyla birlikte pekiştirilmelidir.

Kendini Dene

Soru: 960 piksel genişliğinde, kenar boşlukları 40 piksel, 12 kolonlu ve oluk aralığı 20 piksel olan bir ızgarada kolon genişliğini hesapla; içerik genişliği formülünü de yaz.

Örnek cevap: Puanlama anahtarı: İçerik genişliği = sayfa − 2 × kenar boşluğu formülü yazılır (4 puan); 960 − 80 = 880 piksel bulunur (3 puan); Oluk toplamı 11 × 20 = 220 piksel hesaplanır (4 puan); (880 − 220) ÷ 12 = 55 piksel sonucu çıkarılır ve birim belirtilir (4 puan).