İnfografik Tipografide Yapılması ve Yapılmaması Gerekenler

Aşağıda, önde gelen grafik tasarım yazılımı şirketi Venngage’deki arkadaşlarımızla oluşturduğumuz ücretsiz bir rehber olan Infographic Design’da Yapılması ve Yapılmaması Gerekenler’den bir alıntı yer almaktadır. Kılavuzun tamamına erişmek istiyorsanız, burayı tıklayın.

Bir infografik tasarlamanın en önemli ama en az dikkate alınan kısımlarından biri tipografidir. Sonuçta, doğru yazı tiplerini seçmek son derece zordur. Binlerce seçenek olduğu gerçeğinin yanı sıra, “doğru” yazı tipini bulmak aslında gerçekten özneldir. Farklı tasarımcıların farklı yazı tipi zevkleri vardır ve herhangi bir tasarımcı, tasarımlarında herhangi bir sayıda yazı tipi kullanabilir.

Tasarımlarınız için yazı tiplerini seçmekte ustalaşmak zordur, ancak işte başlamanız için birkaç yönerge.

İnfografik Tipografide Yapılması ve Yapılmaması Gerekenler
YAPIN: Yazı tipi ailelerinin birincil kategorilerine bağlı kalın.
Tipografi hakkında fazla bir şey bilmiyorsanız, bilmeniz gereken en büyük şey şudur: yazı tipi ailelerinin üç ana kategorisi vardır: serifler, sans serifler ve görünen yazı tipleri. Her birinin tasarımcılar arasında farklı amaçları ve ortak kullanımları vardır.

Serif yazı tipleri, harflere iliştirilmiş küçük çizgiler veya süslemeler içeren yazı tipleridir. Bu süslemelere “serif” denir. Times New Roman ve Merriweather gibi yaygın yazı tipleri serif örnekleridir.

Önerilen makale: sermayesiz işler hakkında bilgi almak ve güncel iş fikirleri haberlerine ulaşmak için ilgili sayfayı ziyaret edebilirsiniz.

Nasıl kullanılırlar? Yaygın bir argüman, serif yazı tiplerinin gövde metni olarak kullanılması gerektiğidir çünkü bunları büyük metin bloklarında okumak daha kolaydır. Bununla birlikte, bu tercih çoğunlukla tarihsel öncelikten kaynaklanmaktadır: Times New Roman’ı kitaplarda ve teknik incelemelerde okumaya alışkınız, bu nedenle yazı tipi türünün büyük metin gövdelerinde genellikle “okunması daha kolay” olması önceliği vardır. İlk başladığınızda, bu kullanımı aklınızda bulundurmanız iyi bir fikirdir.

Sans serifler, harflerin uçlarına iliştirilmiş küçük çizgiler veya süslemeler içermeyen yazı tipleridir. Bu ailedeki en popüler yazı tiplerinden bazıları Roboto, Helvetica ve Arial’dir.

Nasıl kullanılırlar? Serif yazı tiplerinin gövde metni için en iyi olduğu düşünülürken, sans serif yazı tiplerinin infografikinizdeki bölüm başlıkları, başlıklar, listeler ve başlıklar için daha iyi olduğu kabul edilir. Yine de, web’deki birçok tasarımcı bunları gövde metni için de kullanma eğilimindedir, bu nedenle bu çoğunlukla bir tercih ve eğilim meselesidir.

Ekran yazı tipi aileleri, tasarım gereği daha eğlenceli olan yazı tipleridir. El yazısı veya el yazısı yazı tipleri veya yalnızca belirli tasarım türleri için tasarlanmış korkak yazı tipleri olabilir.

Nasıl kullanılırlar? Genel olarak konuşursak, çoğu tasarımcı, tasarımınızın ruh halini ve temasını ayarlamak için gerçekten yalnızca ekran yazı tiplerini başlık olarak kullanmanız gerektiği konusunda hemfikirdir. Tipik olarak, ekran yazı tipleri, okuyucunun gözünü bir noktaya çekmek için bir tasarımda odak noktası olarak kullanılır. Bazı popüler ekran yazı tipleri arasında Lobster, Alfa Slab One ve Unica One bulunur (aşağıya bakın).

Yazı tipi seçimi söz konusu olduğunda, milyonlarca seçenek vardır. Bununla birlikte, deneyimli tasarımcılar hangi yazı tiplerini kullanacakları ve hangi yazı tiplerini kullanmayacakları konusunda güçlü tercihlere sahip olma eğilimindedir. Nereden başlayacağınızdan emin değilseniz, tasarımcı tarafından önerilen yazı tipi gruplamalarını almak için Yazı Tipi Çifti gibi bir araç kullanmayı deneyin.

YAPIN: Bilgi grafiğinin temasını eşleştirin.
Yazı tiplerini seçmenin ilk adımı, bilgi grafiğinizin temasını veya konusunu düşünmektir. Şakacı mı yoksa ciddi bir ton mu aktarmaya çalışıyorsunuz? Esprili mi yoksa karanlık mı?

Ardından, bilgi grafiğinizin hedef kitlesini ve amacını düşünün. Bilgi grafiğinizin amacı veri paylaşmaksa, muhtemelen bilgi grafiğini karikatürize etmekten çok profesyonel görünmesini istersiniz. Alternatif olarak, infografikleriniz çocuklara yönelikse, karikatürize ekran yazı tiplerini kullanmak daha uygun olabilir.

Bazen, tematik tasarım hakkında nasıl düşünmeniz gerektiğini anlamak için diğer infografiklere göz atmak yardımcı olabilir.

Aşağıdaki örnekte, yazar baştan sona sans serif yazı tiplerini kullanmaya karar vermiştir. Sonuç, şu konuyla iyi bir şekilde ilişkili olan çok minimalist ve fütüristik bir tasarımdır: çevrimiçi öğrenme.

Buna karşılık, bir sonraki bilgi grafiğinin yaratıcısı, serif yazı tipleri ile sans serif yazı tiplerinin bir karışımını kullanarak yemek pişirme konusuyla iyi eşleşen çok şık, klasik bir görünüm yarattı.

Bir sonraki infografik, farklı bir serif yazı tipini göstermektedir. Parlak renklerin ve okunması kolay yazı tiplerinin kullanılması sayesinde infografik çok tuhaf hissettiriyor. Yazar, içinde farklı bir yazı tipi ailesi kullanmış olabilir mi? Elbette! Önemli olan, tasarımcı tarafından amaçlanan temaya uyacak şekilde öznel olarak seçilen yazı tipidir.

Bilgi grafiğiniz için yazı tipi seçme söz konusu olduğunda doğru bir cevap yoktur. Bunun yerine, tipografiyi tüm temanızın tamamlayıcı bir unsuru olarak düşünmeye çalışın. Bir listede gördüğünüz bir yazı tipini sevdiğiniz için değil, amaca göre seçin.

YAPIN: Bir yazı tipi paleti seçin ve ona bağlı kalın.
Sadece birkaç yazı tipi seçip bunları istediğiniz gibi kullanmak yeterli değildir. İyi tasarlanmış bir infografik oluşturmak için, farklı bölümlerde hangi boyutları, ağırlıkları ve yazı tiplerini kullandığınızı kendiniz belirlemeniz önemlidir. Başka bir deyişle, bir yazı tipi paleti oluşturmak, tasarımınızın tutarlı olmasını sağlar ve bilgi grafiğinizin genel görünümünü iyileştirir. Tıpkı bir renk paleti seçmek gibi, birlikte çalışan yazı tiplerini bulmanız ve ardından bunları bilgi grafiğinizin farklı bölümlerine atamanız gerekir.

Nereden başlayacağınız hakkında bir fikriniz yok mu? İşte yardımcı olacak birkaç araç:

Google Yazı Tipi aracı: Yaklaşık 800 farklı yazı tipi seçeneğinden oluşur ve size hangi yazı tiplerinin birlikte iyi bir şekilde eşleşeceğini gösterir.

Örneğin:
Yazı Tipi Çifti: Bu blog, basit bir tarayıcıda uygulamalı örnekler göstererek (yazı tipi kategorisine göre) uyumlu yazı tiplerini bulmayı kolaylaştırır.

Aklınızda birkaç yazı tipi seçeneği olduğunda, yazı tipi paletinizi oluşturmaya başlayabilirsiniz. Genel olarak, çoğu infografik bir paletin yaklaşık beş parçasına sahip olacaktır.

Not: Bu, beş farklı yazı tipine ihtiyacınız olduğu anlamına gelmez. Bir yazı tipi paletinin, bilgi grafiğinizin organizasyonuna göre nasıl bölünebileceğine dair bir örneği burada bulabilirsiniz:

Ana başlık
Bölüm başlığı
Başlıklar
Tanımlayıcılar
Gövde metni
Genel olarak, 2-3’ten fazla farklı yazı tipi ailesi kullanmamalısınız. Bunun yerine, farklı bölümler için farklı ağırlıklar ve renkler kullanın, ancak yazı tiplerini tutarlı tutun.

Bir sonraki örnekte, yazı tipi paleti, paletin beş benzersiz parçasını oluşturmak için farklı ağırlıklara ve durumlara sahip iki farklı yazı tipi kullanır:

YAPIN: Yazı tiplerini simgelerle eşleştirin.
Başlıklarınız ve yazı tiplerinizle birlikte kullanılacak simgeleri seçmek, ilk kez tasarımcılar için başka bir zorluk alanı olabilir.

Simgeler ve yazı tipleri söz konusu olduğunda, yalnızca stili baştan sona tutarlı tutarak harika eşleştirmeler elde edilebilir.

Örneğin, aşağıdaki infografiklere bir göz atın:
Soldaki infografik, belirli bir profesyonellik hissi veriyor çünkü güçlü başlık yazı tipi, simgelerin minimalizmiyle tezat oluşturuyor. Ek olarak, tüm yazı tiplerinin birbiriyle eşleşmesi, düzenli bir yapı oluşturmaya yardımcı olur. Sağdaki örnekte ise simgelerle aynı kontrast düzeyine sahip olmayan dört farklı yazı tipi kullanılmıştır.

İşte iyi bir kural: simgeleriniz minimalist, hafif ve inceyse, aksine güçlü yazı tipleri kullanmayı deneyin.

Alternatif olarak, daha kalın, daha dolgun simgeler kullanıyorsanız, aksine minimal bir yazı tipi kullanın. İşte bu etkiyi gösteren bir örnek:
Bir sonraki örnekte, soldaki yazı tipi simgesi iyi bir kontrasta sahip çünkü simgenin öne çıkması amaçlanıyor. Bununla birlikte, sağdaki sürüm aynı düzeyde kontrasta sahip değildir ve bu da odak noktasının gezinmesini zorlaştırır.

YAPIN: Her şeyi hizalayın.
Tasarım hizalaması, benzer öğeleri birbirine nasıl yakınlaştırdığınızı ifade eder. Kötü öğe hizalaması, kötü tasarlanmış bir infografik oluşturur ve izleyicinin dikkatini dağıtabilir.

Hizalama, her bir grafiği, metni, başlığı ve öğeyi bilgi grafiğinize yerleştirmenin bir parçasıdır. Tasarım sürecindeyken, zihinsel bir kontrol listeniz olsun:

Tüm başlıklarım aynı dikey eksende mi (sol, sağ, orta) hizalanmış?
Başlıklarım ve gövde metni öğelerim arasında aynı miktarda boşluk var mı?
Bölümlerim arasında aynı miktarda boşluk var mı?
Çizgilerim, yanlarına yerleştirildikleri öğelerin yakınında mı bitiyor ve başlıyor?
Tutarlılık ve zarafet için öğelerin nasıl sıralanması gerektiğine dair bir örnek:

Gövde metni, başlıklar, grafikler vb. gibi aynı türdeki öğeleri, bölümünün içindeki ve dışındaki diğer nesneye göre aynı konuma hizaladığınızdan emin olun. Başlık ve gövde metni içeren üç bölümünüz varsa, her başlık diğer başlıklarla hizalanmalıdır ve aynısı gövde metni için de geçerlidir. Ayrıca üç farklı bölüm arasında eşit miktarda boşluk olmalıdır.

İşte mükemmel hizalanmış bir infografik örneği:

Okuyucu, dikkati dağılmadan bir bilgi parçasından diğerine hızla akabilir.

WordPress.com ile böyle bir site tasarlayın
Başlayın