Logo Grid İnşası: 4 Izgara Sistemi ve Her Birini Ne Zaman Kullanmalı

Bir logo ızgarası, bir markanın oranlarını, açılarını ve boşluklarını sınırlayan geometrik kılavuzlar sistemidir. Tek bir şey değildir. Dört farklı logo ızgarası dört farklı işi görür ve bunlar dört farklı anda gerçekleşir: çizmeden önce, çizdikten sonra, markayı yazı tipiyle eşleştirirken ve logo bitip bir marka kılavuzuna girerken.

Neredeyse hiç kimse bunlara isim vermez. Burada kullanılan isimlendirme Akrivi Studio'nun dört logo ızgara sistemi üzerine analizinden geliyor, bunun yazıya dökülmüş en net versiyonu: Temel, İnşa, Lockup, Boşluk. Bu dört ismi öğrendiğinizde, ızgaraların gerçek bir zanaat mı yoksa tiyatro mu olduğu tartışmasının çoğu çözülüyor, çünkü genellikle iki kişi iki farklı ızgaradan bahsediyor olur.

Bir logo ızgarası gerçekte nedir

Bir logo ızgarası, markanın altında açık mavi veya mercan renkli çizgilerle çizilen, markanın içine oturduğu geometriyi tanımlayan bir dizi inşa kılavuzudur. Kareler, daireler, oran dikdörtgenleri, açı çizgileri. Kılavuzlar üç iş yapar:

• Tutarlılığı zorunlu kılar. Tek bir yarıçap üzerine inşa edilmiş dairesel bir rozet tek bir şekil olarak okunur. Serbest elle çizildiğinde, üç farklı eğri elde edilir ve iki piksellik bir farkta bile düzensiz görünür.
• Oranı zorunlu kılar. Bir ızgara, elemanlar arasındaki oranı kodlar: çizgi kalınlığından harf yüksekliğine, iç şekilden dış şekle, dolgudan aktif alana, böylece marka kayma olmadan ölçeklenir.
• Markayı bir sonraki tasarımcı için okunabilir kılar. Yayınlanmış bir ızgarası olan logo yeniden üretilebilir. Olmayan bir logo ise orijinal dosyaya ve orijinal muhakemeye bağımlı kalır ve birisi onu bir teslim tarihinde her açtığında biraz daha bozulur.

Izgaranın yapmadığı şey logoyu sizin yerinize tasarlamaktır. O bir kısıtlamadır, icat değil. Sıkıcı bir şekli ilginç hale getirmez. Yalnızca güçlü bir şekli tutarlı hale getirir.

Dört logo ızgara sistemi ve her biri ne zaman devreye girer

Dördü birbirinin varyantı değildir ve birbirinin yerine geçmezler. Temel ızgara üzerine inşa ettiğiniz bir iskelettir. İnşa ızgarası sonradan yaptığınız bir denetimdir. Lockup ızgarası iki nesne arasındaki ilişkiyle ilgilidir. Boşluk ızgarası, logoyu bir sonraki kullanacak kişiye verdiğiniz bir kuraldır.

Logo ızgaraları hakkındaki gürültünün çoğu bunları birbirine karıştırmaktan kaynaklanır. Biri bitmiş bir markayı dairelerle çevreleyip bunu titizliğin kanıtı olarak sunduğunda, bu sonradan yapılmış bir inşa ızgarasıdır. Biri "ızgaralar karakteri öldürür" dediğinde, genellikle temel ızgaraları kastediyordur. İkisi de aynı anda doğru olabilir, çünkü farklı nesneler hakkında tartışıyorlardır.

1. Temel ızgaralar: üzerine çizdiğiniz iskelet

Tasarımdan önce kullanılır. Amacı: yapı, tutarlılık, oranları tahmin etmek zorunda kalmamak. Temel ızgara, marka var olmadan önce yerleştirilen tekrarlayan bir alandır ve dört yaygın şekilde gelir.

8 puanlık ızgara modern arayüz tasarımında varsayılan değerdir. Material, iOS ve Tailwind'in boşluk ölçeği hepsi 8 puanlık veya 4 puanlık bir temel varsayar, dolayısıyla bunun üzerine inşa edilen bir logo, alt piksel uyumsuzluğu olmadan 8 puanlık bir arayüze düşer. IBM'in harf markası, dilim boşluğunu ve sekiz yatay şeridini kontrol eden sıkı modüler bir ızgara üzerinde oturur.

Altın oran ve "dairesel ızgara" neden diye bir şey yoktur

"Dairesel ızgara" isimlendirilmiş bir ızgara sistemi değildir. Biri bunu söylediğinde, iki gerçek şeyden birini kastediyordur: altın oranlı bir temel ızgara ya da genellikle bitmiş bir marka üzerine daireler olarak çizilen bir inşa ızgarası. Bu ikisini birbirine karıştırmak, logo ızgaraları hakkındaki kafa karışıklığının çoğunun başladığı yerdir.

Altın oranlı ızgaralar bir çapa daireyle başlar, sonra yarıçapları ilkiyle sabit bir oranla ilişkili daireler eklenir: 1:1.618 (altın), 1:1.414 (gümüş) veya 1:2. Her yeni daire ilkinin içine yerleşir, onunla bilinen bir açıda kesişir veya bilinen bir ofsetle dışarı uzanır ve marka yaylar ve kesişimler boyunca çizilir.

• Twitter (2012 kuşu): üç yarıçaplı on dört üst üste binen daireden inşa edilmiştir. Her eğri, baş, kanat, göğüs, gaga, bunlardan birinin yayını takip eder.
• Mastercard: bilinen bir mesafeyle ofsetlenmiş, eşit yarıçapa sahip iki daire, örtüşme renk bloğunu tanımlar.
• NBC tavus kuşu: radyal, on bir yaprak, her biri sabit açısal artışlarla düzenlenmiş yaylardan inşa edilmiş bir gözyaşı damlası.

Dürüst bir uyarı: altın oran, bir üretici olmaktan çok bir sağlık kontrolü olarak daha kullanışlıdır. "Logoyu altın oran üzerine tasarladım" diyen tasarımcılar genellikle önce markayı çizmiş, oranı sonradan fark etmişlerdir. Phi'yi doğrulamak için kullanmak makul bir zanaattır. Onu her ölçümün tam sürücüsü olarak kullanmak ise aşırı mühendisliktir ve yerçekimsel çekimi ve dünyanın manyetik alanıyla sızdırılan 2008 Pepsi briefi, bunun neye benzediğinin anıtıdır.

Çoğu gerçek marka, tek bir şekle bağlı kalmak yerine şekilleri karıştırır. Apple, tasarım okullarında dolaşan analizdir: gövde, ısırık ve yaprak üst üste binen daireler üzerine inşa edilmiştir, ancak yaprağın gövdeye hizalanması, genişlik-yükseklik ilişkisi ve ısırığın yerleşimi modüler bir ızgara üzerinde oturur. Daireleri çıkarırsanız, elma şeklini kaybeder. Modüler boşluğu çıkarırsanız, dengesini kaybeder. BMW da dairesel bir rozet ve modüler kenar tipografisiyle aynı hikayedir. Hata, temel ızgarayı estetik tercihe göre değil, markanın geometrisine göre seçmektir.

2. İnşa ızgaraları: herkesin paylaştığı

Tasarımdan sonra kullanılır. Amacı: denetim, müşteriye "bu nasıl bu kadar kesin" dedirten cila. İnşa ızgarası, bitmiş bir markanın içindeki çıpaları, kolları, dış hatları ve ızgara çizgilerini ortaya çıkarır, böylece hataları müşteri fark etmeden önce siz bulabilirsiniz: eğri çizgiler, tutamacı iki derece kaymış bir eğri, yanındaki şekille hizalanmaya bir birim eksik kalan bir şekil. Elle yapıldığında, logo başına otuz ila altmış dakika sürer.

Bu, neredeyse her rebrand sunumunda görülen ızgaradır: bitmiş bir marka, üzerine yerleştirilmiş bir daire kafesi, bunu titizliğin kanıtı olarak okuyan bir oda dolusu insan. Bu slayt hakkında söylenen iki şey de aynı anda doğrudur. Gerçek bir zanaat aracıdır ve marka bittikten sonra çizilmiştir. O slayt çıktığında sorulması gereken soru "ızgara kullandınız mı" değildir. Sorulması gereken, bunun hangi kısımlarını kasıtlı olarak bozduğunuz ve nedenidir.

3. Lockup ızgaraları: marka ve yazı

Bir logo markasını bir logotype ile eşleştirirken kullanılır. Amacı: uyum ve hiyerarşi. Bir marka ve wordmark'ı göz kararı istifleme, hizalama veya eşleştirme, aksi halde güçlü kimliklerin dağıldığı noktadır, çünkü "biraz merkez dışı" notu üç hafta sonra müşteriden gelir ve bir kez görüldükten sonra bir daha görmezden gelinemez.

Bir lockup ızgarası şekilleri değil ilişkiyi düzeltir. Üçte bir kuralı gibi teknikleri kullanarak marka ile yazı arasında tutarlı boşluk tutar, yatay ve dikey düzenlemeler arasında optik ilişkiyi sabit tutar ve düzenin doğaçlama değil kararlaştırılmış görünmesini sağlar. Neredeyse hiçbir logo tek bir nesne olarak yayınlanmaz. Çoğu, bir marka, bir wordmark, yatay bir lockup ve istiflenmiş bir lockup olarak yayınlanır ve lockup ızgarası bu dördünü birbiriyle tutarlı tutan şeydir.

4. Boşluk ızgaraları: devrettiğiniz kural

Logo tamamlandığında kullanılır. Amacı: logoyu bundan sonra onu kullanacak herkesten korumak. Boşluk ızgarası dışlama bölgesini tanımlar, logonun etrafında başka hiçbir şeye izin verilmeyen tampon alan. Genellikle X ile işaretlenen markanın kendisinden türetilen bir birimle ifade edilir, böylece kural logoyla birlikte ölçeklenir, billboard boyutunda anlamsızlaşan sabit bir piksel sayısı olmak yerine.

Bu, dördü arasında en gösterişsiz olanıdır ve gerçekle en sık temas edip hayatta kalanıdır, çünkü marka kılavuzlarında basılı olarak sonlanan ızgara budur. Bir logo bir posterin köşesinde sıkışmış, bir başlığın yanına sıkıştırılmış olarak ortaya çıktığında, bu ya var olmayan ya da hiç devredilmemiş bir boşluk kuralıdır.

Ünlü logo ızgara incelemeleri

Yedi logo ve her birinde işi gören ızgara.

FedEx üzerinde durulmayı hak ediyor. E ile x arasındaki gizli ok mutlu bir tesadüf değil. İki harf arasındaki negatif alanın kullanılabilir bir şekle dönüşmesini talep eden bir ızgaranın görünür sonucudur. Bu, serbest elle kerning'de olmaz, sadece oran dairelerinde de olmaz. Yedisinde de görülen desen: her ızgara geometriyi ele alır, hiçbiri konsepti üretmez. Konsept konumlandırmadan, isimlendirmeden ve kategori içgörüsünden gelir; ızgara sonradan gelir, onu yeniden üretilebilir kılmak için.

Izgarayı kasıtlı olarak bozan optik düzeltmeler

Her harika ızgaralı logo, en az üç yerde kendi ızgarasını hile ile aşar, çünkü göz ile matematik aynı fikirde değildir ve satın alan gözdür. Optik düzeltme, ızgaranın yarattığı algısal bir sorunu düzeltmek için ızgarayı küçük, kasıtlı bir miktarda bozma pratiğidir.

Bu düzeltmelere izin vermeyen bir logo ızgarası yayınlanmak için çok katıdır. Izgara bir başlangıç noktasıdır, bir sözleşme değil. Disiplin, her düzeltmeyi takip etmek, inşa ızgarasında işaretlemek ve nedenini belgelemektir, çünkü dosyayı açacak bir sonraki tasarımcı, ofseti geri "düzeltip" optik dengeyi bozmaya meyilli olacaktır.

Optik düzeltmeler, modüler sistem ve her yüzeyde ayakta kalan kurallarla gerçek bir inşa ızgarası üzerine inşa edilmiş bir logoya mı ihtiyacınız var? Brainy'yi işe alın. LogoBrainy aracılığıyla logo sistemleri ve stratejiyi, inşayı ve tipografiyi tek bir teslimde isteyen ekipler için eksiksiz marka kimlikleri sunuyoruz.

Bir ızgara ne zaman yardımcı olur, ne zaman logoyu aşırı mühendisleştirir

Temel ızgaralar, marka geometrik ve modüler olduğunda yardımcı olur. Hiçbir ızgaranın sağlayamayacağı bir karakter, jest veya sıcaklığa ihtiyaç duyduğunda zarar verir. Diğer üçü daha az tartışmalıdır: inşa, lockup ve boşluk ızgaraları neredeyse her logoda kullanışlıdır, jest içerenler dahil, çünkü bunlar markayı üretmek yerine denetler ve korurlar.

• Temel ızgaraların değerini kanıtladığı yerler: geometrik monogramlar ve harf markaları (IBM, NASA, HBO, GE), inşa edilmiş resimsel markalar (Apple, Twitter, Mastercard, BMW, Toyota), daireler, altıgenler veya kareler üzerine iç geometriyle inşa edilmiş modüler rozetler ve geometrik sans wordmark'lar (FedEx, Visa, 2015 sonrası Google).
• Temel ızgaraların aşırı mühendisleştirdiği yerler: jestin varlık olduğu özel yazı wordmark'lar (Coca-Cola, Disney, Tiffany), elle çizilmiş veya illüstratif markalar, karakterin kusursuzlukta değil kusurda yaşadığı kaligrafik ve tarihi tarz markalar ve stratejisi sıcaklık veya yaklaşılabilirlik olan herhangi bir marka, çünkü katı bir inşa ızgarası hassasiyet ve mühendislik sinyali verir, bu da stratejiyle çelişir.

Karar kuralı: marka geometrik, modüler veya yeniden üretilebilir şekillerden inşa edilmişse, temel ızgara kurun. Jestsel, illüstratif veya karakter odaklıysa, önce eskiz yapın ve yalnızca oransal tutarlılık için hafif bir temel ızgara kullanın. Her iki durumda da, sunmadan önce mutlaka bir inşa ızgarası çalıştırın, mutlaka bir lockup ızgarası kurun ve mutlaka bir boşluk kuralı yayınlayın.

Sıfırdan bir logo ızgarası nasıl kurulur

Boş bir Figma dosyasını çalışan bir temel ızgaraya dönüştüren beş adım, sonra işi bitiren üç adım daha.

1. Ana tuval boyutunu seçin. Dijital öncelikli markalar için 1024x1024 piksel, editoryal veya baskı ağırlıklı olanlar için 1200x1200. Sayı, temel biriminizle temiz bölünmelidir.
2. Temel birimi seçin. Çoğu durum için 8 piksel, ince tipografik iş için 4, büyük ölçekli veya basit markalar için 16. Bu birimde bir Figma Layout Grid kurun.
3. Aktif alanı tanımlayın. Markanın oturduğu iç bölge. Makul bir varsayılan, her kenarda yüzde 12.5 dolgu bırakan tuvalin merkezi yüzde 75'idir ve dolgu, temel biriminizin temiz bir katı olmalıdır.
4. Temel ızgara şeklini seçin. Modüler ve tipografik markalar için kare, örtük derinlik için izometrik, radyal ve hücresel geometri için altıgen, eğri baskın markalar için altın oranlı daireler. Çoğu marka, üzerine oran daireleri eklenmiş bir kare alan karışımıyla sonuçlanır.
5. Markayı kılavuzlar üzerine inşa edin. Ölçülebilir her boyut ızgaraya oturur. Optik düzeltme gerektiğinde, ızgarayı kasıtlı olarak bozun ve bozulmayı not edin.
6. Bitmiş marka üzerinde bir inşa ızgarası çalıştırın ve ortaya çıkardığı şeyleri düzeltin.
7. Yayınladığınız her düzenleme için lockup ızgarasını kurun: yatay, istiflenmiş, sadece marka.
8. Markanın kendisinden türetilen bir birimde boşluğu tanımlayın ve kılavuzlara koyun.

1'den 5'e kadar olan adımlar ilk seferinde otuz dakika, sonrasında on dakika sürer. Çıktı, başka bir tasarımcının oranları tahmin etmeden açıp devam edebileceği bir Figma dosyasıdır. Figma, modern logo işlerinin çoğunda varsayılandır; Illustrator, son vektör temizliği için hâlâ daha keskin bezier kontrolüne sahiptir. Logoyu bir arada tutan aynı modüler temel birim, ikon sistemi tasarımını ve daha geniş marka kimliği tasarımı fiyatlandırmasının tipografik ritmini de bir arada tutar.

Sık Sorulan Sorular

Logo ızgarasının dört türü nedir?

Temel, İnşa, Lockup ve Boşluk, dört farklı anda gerçekleşir. Temel ızgara, çizmeden önce yerleştirilen iskelettir ve kare, izometrik, altıgen veya altın oran olabilir. İnşa ızgarası, çıpaları, kolları ve hizalama hatalarını ortaya çıkarmak için bitmiş marka üzerinde çalıştırılan denetim geçişidir. Lockup ızgarası bir logo markası ile logotype'ı arasındaki boşluğu yönetir ve boşluk ızgarası marka kılavuzlarında sonlanan dışlama bölgesini tanımlar.

Dairesel bir logo ızgarası diye bir şey var mı?

İsimlendirilmiş bir ızgara sistemi olarak yok. İnsanların genellikle kastettiği şey, yarıçapları 1.618 oranıyla ilişkili dairelerden inşa edilmiş, Twitter kuşu ve Mastercard tarzı bir altın oranlı temel ızgaradır. Bitmiş bir marka üzerine genellikle daireler olarak çizildiği için bir inşa ızgarasını da kastediyor olabilirler. Buna "dairesel ızgara" demek, bir temel ızgaranın şeklini ızgara türüyle birbirine karıştırır, ki kafa karışıklığının çoğu buradan başlar.

Logo tasarımında 8 puanlık ızgara nedir?

Logodaki her ölçülebilir boyutun, çizgi genişliği, köşe yarıçapı, dolgu, büyük harf yüksekliği, boşluk, 8 pikselin katı olduğu bir kare temel ızgaradır. iOS, Android ve çoğu web tasarım sistemiyle düzgün hizalandığı için modern arayüz ve logo tasarımında baskın temel ızgaradır. 4 puanlık ızgara aynı fikrin daha yüksek çözünürlükteki halidir. Geometrik monogramlar, harf markaları ve modüler rozetlere uygundur.

Logo tasarımında altın oran nasıl kullanılır?

Bir üretici değil, oranlar üzerinde bir sağlık kontrolü olarak. Tasarımcılar genellikle önce markayı çizer, sonra marka genişliği-yükseklik, iç şekil-dış şekil, Apple gibi bir markada yaprak-gövde gibi anahtar ilişkilerin phi'ye yakın düştüğünü doğrular. Oranlar doğal olarak 1.618'e yakın düştüğünde, marka dengeli hissettirme eğilimindedir. Her ölçümü buna uymaya zorlamak aşırı mühendisliktir ve genellikle sert sonuçlar üretir.

Tüm logoların bir ızgaraya ihtiyacı var mı?

Her logonun bir boşluk kuralına ve hem markası hem wordmark'ı varsa bir lockup ızgarasına ihtiyacı vardır. Her logonun katı bir temel ızgaraya ihtiyacı yoktur. İnşa edilmiş markalar, geometrik monogramlar, rozetler, Apple, Twitter, Mastercard gibi modüler resimsel markalar buna ihtiyaç duyar çünkü geometrinin tutarlı olması gerekir. Jestsel markalar, Coca-Cola veya Disney gibi özel yazılar, elle çizilmiş illüstrasyon, karakter maskotları, genellikle bir tanesi zorla dayatıldığında zarar görür.

Izgara bir araçtır, bir erdem değil

Izgara, bir logodaki geometrik sorunları çözmek için bir araçtır. Çözmeye değer bir logoya sahip olmanın yerine geçmez. Apple, Twitter kuşu, Mastercard diskleri, NBC tavus kuşu, FedEx oku, bu markaların hepsi yayınlandıklarında bir ızgara içinde yaşıyordu, ama hiçbiri öyle başlamadı. Bir konsept, bir konumlandırma içgörüsü, markanın ne olmaya çalıştığına dair kategori kırıcı bir karar olarak başladılar. Izgara sonradan geldi, konsepti yeniden üretilebilir kılmak için.

İnşa edilmiş bir markanın erken aşamasındaki tasarımcılar bazen sırayı ters çevirir: Figma'yı açarlar, ayrıntılı bir temel ızgara kurarlar, üzerine bir logo inşa ederler ve altı saat sonra sonucun neden sıradan olduğunu merak ederek yukarı bakarlar. Izgara tutarlılık üretti, konsept değil. Konsept başka bir yerden gelmelidir, wordmark mi lettermark mi kararından, marka stratejisinden, kategori konumlandırmasından.

Ters hata da aynı derecede pahalıya patlar: ızgarayı tamamen atlamak, serbest elle eskiz yapmak, gerçek bir sistem hiç kurmamak, ve sonuç her yeniden inşa edildiğinde oranlarda kayar, küçük boyutlarda dağılır. Çözüm her karalamayı bir temel ızgaraya zorlamak değildir. Belirli bir markanın dört ızgaradan hangisine gerçekten ihtiyaç duyduğunu ve ne zaman ihtiyaç duyduğunu bilmektir. Marka inşa edilmiş geometrik bir marka gerektiriyorsa, temel ızgarayı kurun, optik düzeltmeleri çalıştırın, bozulmaları belgeleyin. Jestsel bir marka gerektiriyorsa, önce eskiz yapın ve hafifçe ızgaralayın. Her iki durumda da, bir inşa ızgarasıyla denetleyin, düzenlemeleri kilitleyin ve bir boşluk kuralı yayınlayın.

Markanın hangisine ihtiyaç duyduğundan emin değilseniz, bu bir strateji sorunudur, logo sorunu değil, ve hiçbir miktarda inşa ızgarası çalışması bunu düzeltmez. Markayı bir sonraki on yıl boyunca bir arada tutan temel ızgara, optik düzeltmeler, oransal oranlar, lockup'lar ve belgelendirmeyle gerçek inşa zanaati üzerine kurulu bir logo sistemi istiyorsanız, Brainy'yi işe alın. LogoBrainy aracılığıyla logo sistemleri ve stratejiyi, inşayı ve kuralları tek bir teslimde isteyen ekipler için eksiksiz marka kimlikleri sunuyoruz.