Izgaranın tarihi: tipografiden modern web tasarımına
Şebekenin tarihi hakkında ne kadar bilgin var?
Bu makale kamu hesabından aktarılmıştır: terechen
WeChat Kimliği: dribbledesign
Düzenle:
Izgara, tasarımcılara sezgisel bir organizasyon yöntemi sağlar. Fotoğrafta kompozisyona rehberlik eden "üçlüler kuralı" ndan, Amazon gibi e-ticaret sitelerindeki ürünlerin düzenine kadar, ızgaralar gördüklerimizi hızlı ve kolay bir şekilde anlamamıza yardımcı olabilecek görsel bir mantık sağlar. Izgaranın en eski enkarnasyonundan modern ağdaki uygulamaya kadar, ızgaranın tarihine bir göz atalım.
Bazı fotoğraflar ayrıca ızgaralar içerir
01 Izgara, düzenin temel taşıdır
Izgaranın getirdiği güzelliği ve dengeyi görmek için günlük çevremize bakmamıza gerek yok. Ofisteki dosya dolaplarından marketin koridorlarına kadar ızgaralar dünyamızı kolaylaştırıyor.
Izgara, görsel öğelerin dikey ve yatay çizgilere eklenmesine rehberlik edebilecek geometrik bir sihire sahiptir. Tasarımcı, onları sallayan, kaotik dünyaya düzen ve organizasyon getiren sihirbazdır. Uyum, boşluk ve orantı, uyumlu bir görsel duyu yaratmada önemli faktörlerdir.
Izgara, antik tarihteki mürekkep ve papirüs parşömenlerinden günümüzün giderek artan dijital piksel dünyasına kadar tasarıma rehberlik eden gizli bir çerçeve görevi görüyor.
İlk grafik tasarımcıların elleri ilahi kavramlar tarafından yönlendiriliyordu.
Birçok erken kültürel eser gibi, en eski (korunmuş) yayınlanan eserler genellikle dini eserlerdir. Bu kitapları çizmek, yazmak ve ciltlemek çok zaman alıyor, öyleyse neden bu çabaları yukarıdaki şeyler için boşa harcayasınız? Tarihte romantik kitaplar ve kendi kendine yardım kitapları, yayın eşiğinin çok daha düşük olacağı yüzlerce yıl beklemek zorunda kalacak.
Bu metinleri üreten orijinal grafik tasarımcılarının resmi bir eğitimi yoktu, ancak çalışmaları, okuma yazma bilmeyen izleyicilere görsel uyum ve görsel iletişimin gücünün derin bir anlayışına olan ilgilerini gösterdi.
Book of Kells'den aşağıdaki örnekte simetri ve denge görüyoruz. Izgara kitabı sezgisel bir bilgi düzenidir.Bu ilk din bilginleri, bu kutsal yazıları (kitapları) bu görünmez kılavuzların lütfuna göre düzenlediklerine dair doğuştan gelen bir hisse sahipti.
Biraz daha geriye gidebiliriz. Eski Mısırlılar, orantılılık yasası dediğimiz şeyi izlediler. Heykellerinde ve resimlerinde tasvir edilen figürler bu ızgara kuralını izler. Eski Mısırlılar, orantı yasalarını bir kişinin yumruğu olarak kullandılar, yerden ayakta duran figürün alnına kadar, 18 yumruk büyüklüğündeydi. Hiyeroglifleri de net bir ızgara düzeni gösterir. Bu ilk yaratıcıların taş aletler üzerinde çalışırken CSS ızgaraları ve esnek kutu ile neler yapabileceklerini bir düşünün.
02 Kılavuzdan mekanizasyona
1568'de Gutenberg basını
Hareketli yazı tipi baskı, Çin'de yazı tiplerini yapmak için porselen kullanarak MÖ 1040 civarında gelişmeye başladı. Batıda, hareketli metal türü 1450 civarında ortaya çıktı ve Gutenberg İncilinin 1455 civarında ortaya çıkışı, yayıncılık endüstrisindeki ilk önemli dönüm noktasıydı.
Metal tipi işin doğası, ızgara çalışmasını bir zorunluluk haline getirir.
Kuzey Kore mobil matbaasının bir kopyası 1447'de başladı. Güney Kore, Seul'deki Incheon Uluslararası Havalimanı'nda yer almaktadır.
Matbaanın gelişi, kitapların seri üretimini mümkün kıldı ve daha önce el yapımı dini klasiklerden farklı olarak, kullandıkları metal plakalar onu tek tip hale getirdi. Gutenberg İncil'i metnini basit iki sütunlu bir formatta sunar.
Gutenberg İncil'i, metal hareketli tip makineler kullanılarak piyasaya sürülen ve basılan ilk büyük ölçekli kitaplardan biridir.
El yapımı ile karşılaştırıldığında, matbaalar rafine ve (nispeten) ucuzdur, bu da dini olmayan kitap ve gazetelerin basılmasına yol açar. Baskı teknolojisinin gelişmesiyle birlikte, ızgara da değişmiş, karmaşık dizgi, sütun, satır, metin ve farklı boyutlardaki fotoğrafları mümkün kılmıştır.
03
Izgara sanatı: Piet Mondrian ve De Stijil'in etkisi
De Stijil, 1917'de Hollanda'da ortaya çıktı ve 1931'e kadar sürdü. Kökleri minimalizm ve soyutlamaya dayanan modern bir sanat hareketidir. Minimalizm, gerçekçiliğin karmaşıklıklarının yerini alıyor, sanata ve mimariye doğrusal bir şekilde dokunuyor. Dekoratif sanatların fazlalıkla işaretlendiği yerlerde, De Stijil pratikliği ortadan kaldırır.
Niagara Mohawk binasının dekoratif sütunları, Art Deco'nun dizginsiz dekorasyonunun bir örneği olan gökyüzüne dokunuyor.
Birinci dünya savaşı istikrar yanılsamasını kırdı ve Destigier düzeni yeniden sağlama umuduyla yeni umutlar yarattı.
Jozef Israëlsplein tarafından tasarlanan bu daireler, De Stijil Hareketi'nin faydacı ruhunu temsil ediyor.
Piet Mondrian ve Theo van Didburg bu hareketi kurdu. Mondrian'ın resimleri, basit ve gizemli bir şekilde çekici olan doğrusal ve kare renkli ızgaralarıyla bilinir.
Sadelik konusundaki bu ısrarı takiben resimlerinde sarı, mavi, kırmızı, gri, siyah ve beyaz olmak üzere üç renk kullanılarak temel renkler kullanılmıştır. Üç ana renk artı üç ana rengin bu denklemi, çalışmalarını deneysel karmaşıklığı kaybetmeden sınırlandırır.
Mondrianın yığılmış renk blokları uzaktan kolayca tanınabilir ve etkisi modern web tasarımında eşit derecede açıktır. CSS ızgaraları gibi araçlarla kendi web sitesi düzeninizi oluşturmak basit bir işlemdir.
Webflow'daki "Piet Mongrid", ızgarayı yeni bir yaratım düzeyine taşıyan sanatçıya saygı duruşunda bulunuyor.
04 İş ve Şebeke: 1940'larda Pazarlama
II.Dünya Savaşı'nın sona ermesiyle korkunç bir iblis yenildi, iyimserlik korkunun yerini aldı ve yeni bir tüketimcilik ortaya çıktı. Ekonominin hızla büyümesi ile reklam şirketleri bu fanatik duyguyu yakaladılar ve yıldırım hızıyla hızla gelişti.
Paul Rand, birçokları tarafından modern pazarlamanın yaratıcılarından biri olarak görülüyor ve uyguladığı pazarlama stratejisi ve marka bilinci daha önce kullanılmamıştı. Ve ızgara, bu yeni reklamcılık yönteminde yeri doldurulamaz önemli bir rol oynadı.
Izgara, sabun kutularının, dergi reklamlarının ve TV reklamlarının yüzlerini şekillendiriyor. Hatta ortaya çıkan banliyölerde düzgün evler oluşturmak için bile kullanılıyorlar. Grid her yerde, bu yeni tüketiciliğe düzen ve verimlilik getiriyor.
05 Izgara ve Modernizm
1940'larda ve 1950'lerde birçok grafik ve web tasarımını şekillendiren "İsviçre Hareketi" (İsviçre Hareketi) doğdu. İsviçre hareketi, katı kılavuz ideolojisinden kurtuldu, ancak asimetrik düzeninin altında süzülen şey ızgara.
Tasarımda daha duygusal unsurları vurgular. Yazı tipi tasarımının anlamı nasıl şekillendirdiğine özellikle dikkat eder ve yazı tipinin stilden etkilenmemesi için serif yazı tiplerinin yazı tipi dekorasyonunu atar. Bu faydacı felsefeden, yaygın olarak kullanılan ve bazen hor görülen Helvetica yazı tipi ailesi ortaya çıktı.
En güçlü savunuculardan biri İsviçre tasarım hareketinden çıktı. "Typographie: A Manual of Design" (Typographie: A Manual of Design) adlı kitabı Emil Ruder'ın üç sütunlu bir düzeni vardır, her sütunda farklı bir metin çevirisi vardır, destek Izgaranın faydaları.
Jan Tschichold'un bu posterindeki ofset baskı düzeni, İsviçre hareketinin bir sembolüdür.
Joseph Müller-Brockmann (Joseph Müller-Brockmann) İsviçre hareketinin bir diğer önemli üyesi ve ızgara resmini İsviçre hareketinin ön saflarına taşıdı. Afiş çalışması ve kitap tasarımı ızgaralara odaklanmıştır ve görsel estetiği Bauhaus sanat hareketinden ilham almıştır ve aynı zamanda De Stijil'in doğrudan soyundan gelmektedir.
06 Şebekenin zincirlerinden kurtulmak için bilgisayarın gücünü kullanın
Muriel Cooper (Muriel Cooper), MIT Yayınlarında geleneksel grafik tasarım ve bilgisayar işlerinde çalışıyor.
Yaz atölyesi için 1983'te başlayan tanıtım videosu bu yeni teknolojinin gücünden tam anlamıyla yararlandı. Kaynak: Alliance Graphique International.
Bilgisayarlardan önce, grafik tasarımcıların çizim masalarında X-acto bıçakları, hamuru ve cımbızları vardı. Yazı tiplerini ve görsel efektleri yerleştirme süreci fiziksel bir deneyimdir. Hatalar bilgisayar klavyesindeki komutlarla değiştirilemez.
Deborah Sussman tarafından 1984 Olimpiyatları için tasarlanan poster görsel olarak karmaşıktır ve bilgisayar destekli tasarım, yürütmeyi kolaylaştırır. Kaynak: AIGA Design Observation.
Bilgisayarların ortaya çıkışı, tasarıma yeni tasarım yöntemleri getirdi. Yazı tipleri değiştirilebilir, kenarlıklar küçültülebilir veya büyütülebilir, pafta elemanları farklı alanlara sürüklenebilir - tüm bunlar anında yapılır. Bu kolaylık ile insanların deney yapma talebi de takip ediyor. Fiziksel medyanın zincirlerinden kurtulmak, yeni şeylerin ortaya çıkması bize daha fazla fırsat veriyor.
1975'te California grafik tasarım hareketinin yükselişi ve bilgisayarların tanıtımı, California grafik tasarım hareketinin yükselişine yol açtı. Bu hareket, ancak bilgisayarların yardımıyla mümkün olan olağanüstü bir sanat duygusu getiriyor. Bilgisayarlar, tasarımcıların yaratıcı vizyonlarını şekillendirmek için daha az zaman harcamalarına yardımcı olur. Bugün, onların dijital yardımlarının olmadığı bir dünyayı hayal bile edemezsiniz.
07 Modern web tasarımında ızgara
Izgara neredeyse her şeye rehberlik eder. Dikey ve yatay çizgilerden oluşan bir çerçeve olarak özleri değişmemiş olsa da pek çok şekilde kullanılabilirler.
Taban çizgisi ızgarası: Izgara tutarlılık sağlamakla ilgilidir ve taban çizgisi ızgarası, metnin ve diğer öğelerin dikey hizalamasına tekdüzelik getirir. Bir düşünün, bir dizgi günü planlayıcısının sayfaları gibi. Her satır, dağınık, düzensiz bir şekilde yazmak yerine işleri düzenli bir şekilde not almanıza olanak tanıyan daha büyük bir temel ızgaranın parçasıdır.
Web tasarımında, bu taban çizgilerinin düz çizgiler olması gerekmez, ancak genellikle öğeleri hizalamak için şeffaf yönergelerdir.
El yazması ızgarası: Bu, tüm metin ve resimleri içeren tek bir büyük sütundur. Şu anda okumakta olduğunuz makale, kullanılan el yazması kılavuzudur.
Çok sütunlu ızgara: Bu ızgara türü web tasarımında çok yaygındır. Bu, web tasarımında çok yaygındır. Çok sütunlu ızgara, içeriği dikey bloklar halinde düzenler. Standart iki sütunlu başlık düzenlerinden tasarım portföylerindeki öne çıkan öğelere kadar bu ızgaralar her yerdedir.
Çek şirketi You Shine'ın ana sayfası, bu önemli içerik için üç sütunlu bir tablo kullanıyor.
Modüler ızgara: Modüler ızgaranın özelliği, yatay blokları düzenli bir şekilde bölmek ve kılavuz ilkelere göre dikey olarak bölmektir. İsviçre okulundan daha önce bahsetmiştik, posterlerdeki görsel efektleri hizalamak için modüler ızgaralar kullanmak onların ortak uygulamasıdır.
CSS ızgaraları, web tasarımcılarına öğeleri düşey ve yatay eksenler üzerinde neredeyse hayal edilebilecek her şekilde sabitleme yeteneği verir.
Webflow'da yerleşik olarak bulunan Japon tarzı ızgara, bu görsel efektleri yatay ve dikey yönlerde düzenlemek için CSS ızgaralarını kullanır.
Düzensiz ızgara: Bu stil, normal ızgaranın kesin çizgilerini altüst eder. Üst üste binen öğeler, projeyi düzensiz konumlara ve benzersiz şekillere çarptırarak, bir düzeni serbest biçimli bir felakete dönüştürmeden bu ızgaraların monotonluğunu kırabilir.
CSS ızgarası aynı zamanda düzende bazı değişiklikler yapabilen ve düzensiz ızgaraları kolaylaştıran harika bir araçtır.
Webflow'da yapılan Momentum Konferansı'nın aşağıdaki örneğinde, örtüşen görsel öğeler ve metinler var.Hala makul bir organizasyonu takip ediyorlar, ancak geleneksel ızgaraya bağlı değiller.
08 Şebeke asla güncelliğini yitirmez
Tarih öncesi çağlardan 21. yüzyıla kadar ızgara, tasarımda büyük bir yol gösterici rol oynadı. Öğeleri görsel olarak hoş bir organizasyona kolayca yerleştirebilen doğrusal bir yöntemdir. İster geleneksel düzeni takip edin ister kendi sanatsal duygularınıza uyum sağlamak için geleneksel düzeni alt üst edin, bunlar tasarımı basit ve anlaşılması ve uygulanması kolay hale getirebilir.
Sonunda bu videoyu itin (Jen Simmons):
https://www.youtube.com/watch?v=t0b3uBoDkBs
