kapaklar ve grid sistemi

35
Kapaklar ve içerik sayfalarını çizebilmek için Grid sistemi kullanılır • Grid kelime anlamı olarak belli bir hat, izlek, ızgara anlamındadır. • Bir başka deyişle grid, sayfa tasarımında kullanılacak elemanların düzenlenmesinde yardımcı yatay ve dikey çizgilerdir. • Bu çizgiler kendi içinde bir sistem ve oransal ilişki içinde hazırlanırlar. (Tevfik Fikret Uçar, Görsel iletişim ve grafik tasarım, İstanbul, 2004, Inkılap kitabevi, s.147)

Upload: ibrahim-durmaz

Post on 03-Aug-2015

69 views

Category:

Documents


3 download

TRANSCRIPT

Page 1: Kapaklar ve grid sistemi

Kapaklar ve içerik sayfalarını çizebilmek için Grid sistemi kullanılır

• Grid kelime anlamı olarak belli bir hat, izlek, ızgara anlamındadır.

• Bir başka deyişle grid, sayfa tasarımında kullanılacak elemanların düzenlenmesinde yardımcı yatay ve dikey çizgilerdir.

• Bu çizgiler kendi içinde bir sistem ve oransal ilişki içinde hazırlanırlar.

(Tevfik Fikret Uçar, Görsel iletişim ve grafik tasarım, İstanbul, 2004, Inkılap kitabevi, s.147)

Page 2: Kapaklar ve grid sistemi

Sayfa tasarımında da sayfa üzerine yerleştirilecek her elemanın sayfa yüzeyi ile olan ilişkisi dışında diğer elemanlarla olan ilişkisi de düşünülmeli ve ona göre tasarlanmalıdır. “Elemanları sayfa üzerinde konumlandırırken, herhangi bir formül yoktur, fakat mantıklı bir sonuca ulaşmak için grid (ızgara) kullanılabilir”* (Solomon, 1986, s.42).

Çünkü gridler sayfa üzerinde kullanılacak yazı, resim gibi elemanların yerleştirileceği yeri belirlemeye yardımcı olurlar.

Grid sistemi

2

Page 3: Kapaklar ve grid sistemi

Grid kullanımının bazen tasarımcıyı katı formlara uymak zorunda bıraktırıp, kısıtladığı düşünüldüğünden kimi çevrelerce eleştirilse de sayfa düzenine birçok faydası vardır: Grid bir alan üzerinde elemanları düzenlemede en kullanışlı yöntemdir. Grid tasarıma düzen, sadelik ve plan aşamasında çeşitlilik sağlar, elemanlar ve sayfalar arası uyumu destekler. Grid tasarım aşamasında bir ise zaman kazandırır. Özellikle çoklu sayfaların tasarımında tek yada karşılıklı sayfalarda bir grid yapısı oluşturup, diğer sayfalarda bu grid yapısını devam ettirmek tasarımcının işini kolaylastırır.

Grid sisteminin faydaları

2

Page 4: Kapaklar ve grid sistemi

Grid sayesinde temiz ve düzenli oluşan sayfalar, göze estetik açıdan daha hoş görünür. Grid sayesinde bütünlük kazanan tasarımlarda okuyucu neyin nerede olduğunu daha iyi kavrar. Fikret Uçar (2004, s.149)’a göre, okuyucu pek farkında olmasada grid sistemini tanımlar ve takip amaçlı kullanır, grid adeta görsel bir şifre gibi bilginin iletim dilini tanımlayan bir sisteme dönüşür.

Grid özellikler

2

Page 5: Kapaklar ve grid sistemi

Bir gridi oluşturan bölümler: marjlar, sütunlar, sütun arası boşluklar, grid çizgileri, modüller, akış çizgileridirBir grid oluşturmaya genellikle ‘marj’ denilen içerik ve sayfa kenarları arasındaki boşlukları belirlemekle başlanır. Dıs kenarda, üst kenarda, alt kenarda ve iç kenarlarda bırakılan bu boşluğun oranları kompozisyonungenel görünümü açısından büyük önem taşır.

Genellikle üst ve alt kenarlarda daha fazla boşluk bırakılır. Bu sayfaya daha düzenli ve dengeli bir görünüm sağlar. Marjlar, gözün dinlenebilecegi alan olmasının yanında, dikkati çekmek için ikincil bilgilerin yerleştirildiği alan olarak da kullanılabilir.

Grid’in bölümleri

2

Page 6: Kapaklar ve grid sistemi

Örnek grid

2

Page 7: Kapaklar ve grid sistemi

Manuskript grid adından da anlaşılacağı üzere, el yazması kitapların grid anlayışıdır. Sayfanın genis bir alanını kapsayan tek bir sütun ile en basit grid yapısıdır. Tek bir metin bloğu ve marjları ile ilkel bir yapısı olsa da, sayfa numaraları, bölüm baslığı, alt yazı, üst yazı, dipnotlar gibi diğer önemli detaylar için daha fazla alan kullanımına olanak sağlar

Manuskript Grid

2

Page 8: Kapaklar ve grid sistemi

Alex W. White (2002, s.29)’a göre, sayfa tasarımında bosluk kullanımının en eski örneklerinden biri olan bu grid yapısında, sayfa dıs kenarlarındaki genis alanlar “bilgin marjı (scholar’s margin)” olarak adlandırılmıstır.

Genis kenar boslukları sayesinde sayfada dingin bir görünüm saglanırken, kitap sayfaları yıpransa dahi, yazılar zarar görmeden korunabilmektedir. Bu tasarımlarda karsılıklı sayfalardaki metin blokları daha fazla birbiriyle baglantılıdır, çünkü iç kenarlardaki bosluklar dıs kenarlara göre daha azdır.

Gotik Grid

2

Page 9: Kapaklar ve grid sistemi

2

Daha çok kitap gridi olarak düşünülen gotik gridde sayfa kenar boşlukları 2, 3, 4 ve 6 sayılarıyla doğru orantılı olacak şekilde bırakılır.

Page 10: Kapaklar ve grid sistemi

Sütun grid, farklı bilgi gruplarını aktarmada sütunların birbirinden bağımsız olmalarından dolayı daha elverişlidir. Dergi ve broşür gridlerinde çoğunlukla 3 sütunlu grid yapısı hakimdir.

Sütun Grid

2

Page 11: Kapaklar ve grid sistemi

Modüllerden oluşan grid yapısıdır. Bazı tasarımcılar alanı çoklu parçalara bölen bu karmaşık grid yapısını, elemanları hizalayabilecekleri daha fazla alan kullanımına olanak sağladığından daha kullanışlıbulurlar. Modüler gridde yanıltıcı bir unsur her bir alanı doldurma gereksinimidir. Oysa profesyonel tasarımcılar bilirler ki, tasarımda dolu alanlar kadar bos alanlara da ihtiyaç vardır.

Modüler grid

2

Page 12: Kapaklar ve grid sistemi

Bazen görsel elemanlar ve içerik hiçbir kategoriye uymayan bir grid yapısını gerektirirler. Bu tarz grid yapısında sütun genişlikleri ve aralarındaki boşluklardeğişmeye eğilimlidirler ve sabit bir orandan söz edilemez

Hiyerarşik Grid

2

Page 13: Kapaklar ve grid sistemi

Diyagonal Grid, bundan önceki grid yapılarından farklı olarak elemanları düzenlemede eğimlerden yararlanır. Bu eğim, tasarıma normal yatay ve dikey düzenlemelere göre görsel bir farklılık katar. Görsel bir vurgu yaratmada etkili olan diyagonal grid yapısı genel kural olarak pek tercih edilmez. Bunda insan gözünün yatayda daha rahat bir algılama sağlaması en önemli etkendir.

Diyagonal Grid

2

Page 14: Kapaklar ve grid sistemi

Gridi bozmanın amacı, grid sayesinde akıllıca oluşturulmuş boşluğu yeniden şekillendirerek, boşluk ve elemanlar arasında yeni bir ilişki kurmaktır

Anti Grid

2

Page 15: Kapaklar ve grid sistemi
Page 16: Kapaklar ve grid sistemi
Page 17: Kapaklar ve grid sistemi
Page 18: Kapaklar ve grid sistemi
Page 19: Kapaklar ve grid sistemi
Page 20: Kapaklar ve grid sistemi
Page 21: Kapaklar ve grid sistemi
Page 22: Kapaklar ve grid sistemi
Page 23: Kapaklar ve grid sistemi
Page 24: Kapaklar ve grid sistemi
Page 25: Kapaklar ve grid sistemi
Page 26: Kapaklar ve grid sistemi
Page 27: Kapaklar ve grid sistemi
Page 28: Kapaklar ve grid sistemi
Page 29: Kapaklar ve grid sistemi
Page 30: Kapaklar ve grid sistemi
Page 31: Kapaklar ve grid sistemi
Page 32: Kapaklar ve grid sistemi
Page 33: Kapaklar ve grid sistemi
Page 34: Kapaklar ve grid sistemi
Page 35: Kapaklar ve grid sistemi