Mükemmel Tip Tasarım için Her Zaman 10 Kural
Bazı projelerin harika tiplerle parıldığını hiç fark ettiniz mi? Bazı tasarımcılar, her proje için mükemmel tipografi tasarlamak için belirli bir ustalığa sahiptir.
Sende yapabilirsin. Bir avuç basit kuralla, dijital ve basılı olarak tüm projelerinizde tipografinin görünümünü ve tasarımını geliştirebilirsiniz. Yazı tiplerini seçmek ve yazı tiplerini eşleştirmekle uğraşıyorsanız, bu kurallar her seferinde mükemmel tip tasarlamanıza yardımcı olacaktır. (Sadece onları takip ettiğinizden emin olun.)
Envato Elements'i keşfedin
1. Proje için Hedef Belirleyin
İyi tipografi, projenizin ne yapması gerektiği konusunda sağlam bir anlayışla başlar. Google Fonts veya Typekit'e göz atmaya başlamadan önce, birkaç sorunun yanıtlarını not alın.
- Bu projeyle kime ulaşmaya çalışıyorsunuz?
- Kullanıcıların tasarımla ne yapması gerekiyor?
- Dönüşüm noktaları nelerdir?
- Projenin havası nedir?
- Diğer tasarımlarla veya markalarla eşleşmeniz veya koordinasyon yapmanız mı gerekiyor?
Yanıtlar, ne tür bir tipografi aradığınız hakkında bir fikir oluşturmaya başlamanıza yardımcı olacaktır. (İşte tasarım projelerinde yazı tiplerinin anlamı ve ruh hali için bir rehber.)
2. Benzer Şekillere Bakın
Bir tasarımdaki birden çok yazı tipinin eşleştirilmesi söz konusu olduğunda, yazı şekli kadar basit bir şey yazı tipi kombinasyonunu oluşturabilir veya kırabilir.
Peki bunu nasıl sağlıyorsunuz?
Benzer şekillere sahip yazı karakterleri olup olmadığına bakın. Her yazı tipinin daha yuvarlak mı oval mi, kalın mı yoksa ince mi, kısa boylu mu yoksa yüksek x yüksekliğine mi yoksa eğik mi yoksa eğimli mi olduğunu düşünün.
Beğendiğiniz bir birincil veya gövde yazı tipi seçin ve tamamlayıcı yazı tiplerini benzer şekillerle eşleştirin.
- Her tip ailenin küçük harfine "o" bakın. İç kısım “kase” yuvarlak mı oval mi? “O” nun içinin aynı olduğu yazı tiplerini eşleştirin.
- Kalın ve ince yazı tiplerini eşleştirmek sorun değil. Kalın veya ince ve normal bir yazı tipini eşleştirmek daha iyidir.
- Benzer x yüksekliklerine ("x" dikey boyutu) sahip yazı tipleri arayın.
- Farklı tür stillerini karıştırıp eşleştirmekten korkmayın. Bir serif ve sans serif kombinasyonunu deneyin. Sadece bir yazı tipi karmaşıksa, diğerinin basit olduğundan emin olun. Ve gövde metni gibi en geniş uygulama için basit yazı tipini kullanın.
- Eğik ve italik yazılara dikkat edin. (“O” nun merkezine tekrar kılavuz olarak bakabilirsiniz.) Birden fazla eğik yazı tipi kullanmayın ve aksi yönde eğik yazı tipi çiftlerinden kaçının. Kullanıcılar için sarsıcı olabilirler.
Hala emin değil misiniz? İşte yazı tiplerini karıştırma kılavuzu.
3. Boyutlandırma için bir Tip Ölçeği Ayarlayın
Yazı boyutu bir projeyi yapabilir veya bozabilir. Metin çok büyükse, çok fazla duraklama ve durağa sahip doğal olmayan bir okuma deseniyle sonuçlanır. Metin çok küçükse, gözleri zorlayabilir ve kullanıcıların tasarımı bırakmasına neden olabilir.
Metin doğru olduğunda, kullanıcılar kelimeler arasında özgürce hareket eder.
Doğru boyutlandırılmış metinler, projedeki farklı boyutlar için bir ölçekle birlikte gelir. Gövde metni bir boyutta, başlıklar başka bir boyutta ve alt başlıklar da başka bir boyutta. Ve tüm boyutlar ve kullanım tasarım boyunca tutarlı olmalıdır.
Bunun kullanıcılar için yaptığı her şeyi daha kolay okunur hale getirmektir.
- Metin boyutu bilgiye önem verir. Daha büyük tip daha önemlidir ve çoğu kullanıcı tarafından yağma olasılığı daha yüksektir.
- Ölçek, kullanıcıların hızlı bir şekilde bakabilmesi için metnin taranabilirliğini artırır.
- İlgili öğeler aynı görünüme sahiptir.
- Alt başlıklar gibi daha büyük metin öğeleri, uzun metin bloklarının ayrılmasına yardımcı olarak okumayı kolaylaştırır.
4. Boşluğa Dikkat Edin
Bu, kendi başına tür değildir, ancak tür aralığı önemlidir.
Karakter aralığı, yönlendirme, izleme ve dolgu, türünüzü güzelleştirebilir veya sıcak bir karmaşaya dönüştürebilir.
Boşluğu düzeltmek için güzel bir sanat var. Ve bunların çoğu kullanılan gerçek harf kombinasyonlarına, boyuta ve yazı tipine bağlıdır. Karakter aralığı kuralı yoktur - gerektiğinde yapmak dışında - ve metin ve diğer öğeler için mükemmel bir dolgu yoktur.
Göz küresi yapmak zorunda kalacaksın.
Test duygu. Tasarım, tam olarak saptayamayacağınız bir şekilde “kapalı” hissediyorsa, sorunlu boşluklar suçlanabilir. Doğru yapmak için pratik yapmak ve iyi bir göz almak yeterlidir.
5. Okumak için Sola Hizala
İngilizce ve diğer dillerde kullanıcılar soldan sağa okur. Bu aynı zamanda kopya blokları içinde okunabilirliği optimize etmek için ideal hizalamadır.
Küçük metin parçaları - menü öğeleri veya kahraman başlıkları - okunması hızlı olduğundan sola hizalanmak zorunda değildir. Büyük miktarda kopya - bir cümle dışında herhangi bir şey - büyük olasılıkla hizalı bırakılmalıdır. (Çok dikkatli değilseniz, aralık dışı endişelere neden olsa da, gerekçelendirme tartışmalıdır.)
6. İki Tip Aile Seçiniz
Bu kural muhtemelen zaten kafanıza konulmuştur: Bir proje için yalnızca iki yazı tipi kullanın.
Burada tekrar söyleniyor çünkü çok az tasarımcı aslında bu kurala dikkat ediyor. Web'i veya bir portföy web sitesini tarayın; “fontlar çıldırdı!” İle birçok proje göreceksiniz.
Bu kuralı ihlal etmeyi planlıyorsanız tekrar düşünün. Karışıma başka bir yazı tipi ekleyerek ne kazanıyorsunuz? Bunun yerine, seçtiğiniz yazı tipine bakın ve başka bir stilin (kalın veya ince veya italik) daha iyi bir çözüm olup olmadığını görün.
7. Yazı Tiplerini Değiştirmeyin
Asla bir yazı tipini germeyin, bükmeyin veya eğmeyin. Sahip olduğunuzdan farklı bir şeye ihtiyacınız varsa, farklı bir seçenek seçin.
Tip tasarımcıları, sunulduğu gibi çalışan yazı oluşturmak için çok zaman harcarlar. Harflerin biçimini değiştirmek okunabilirliği incitir ve orijinal boyuttan daha büyük kullandığınızda yazı tiplerinin fotoğrafın pikselleştirilme biçiminde "parçalanmasına" neden olabilir.
8. Bol Kontrast Kullanın
Tasarımcıların başını belaya sokan şeylerden biri, bir resim veya arka plan elemanına yazı koymaktır. Yalnızca ayırma oluşturmak ve okunabilirliği sağlamak için öğeler arasında çok fazla kontrast olduğunda çalışır.
Yazıya alt gölge eklemeniz gerekiyorsa, yeterli kontrast yoktur.
Karanlıkta ışık veya karanlıkta ışık, okunabilirliği sağlayabilir. Ayrıca, normal veya daha geniş konturlu bir yazı tipi kullanılmasına yardımcı olur.
Ancak durum her zaman böyle değildir. Bir fotoğraf açık ve koyu boşluklar içerebilir veya kalın ve ince konturlar içerebilir.
Seçenekler arasında boks metni, daha ağır bir yazı tipi seçmek veya görüntüye bir renk katmanı eklemek yer alır. Tüm bu teknikler daha fazla kontrast oluşturmaya ve metni daha okunabilir hale getirmeye yardımcı olabilir. (Ayrıca, metin ve görüntülerin hareket ettiği birden fazla duyarlı kesme noktasında kullanıldıklarında beklemeye eğilimlidirler.)
9. Mobil Tipografiyi Hatırla
Web için tipografi söz konusu olduğunda, mobil okunabilirlik en önemli konudur. Harflere desen veya doku eklemek gibi eğlenceli teknikler baskıda ve bazı masaüstü ekranlarında çalışabilir, ancak daha küçük cihazlarda yetersiz kalır.
Yazı tiplerinin tüm kullanımlarda nasıl oluşturulacağını düşünmeniz gerekir. (Tipografi ölçeğinize geri dönün ve büyük ve küçük ekranlarda yazı tipine özellikler eklemeyi unutmayın.)
Mobil tipografi genellikle biraz büyüktür ve masaüstlerindeki tipografiden biraz daha fazla boşluk içerir. Ayrıca, paragrafların daha kısa olması da yardımcı olur, böylece okumak için birden fazla kaydırma yapan ve kullanıcıları korkutabilecek metin bloklarıyla karşılaşmazsınız.
10. Stil Kılavuzuna sadık kalın
Bir projede türün nasıl görünmesi gerektiği konusunda sağlam bir fikriniz olduğunda, kullanım için tüm kurallarınızı içeren bir stil kılavuzu oluşturun.
Kopyalar oluşturun. Çevrimiçi olarak erişilebilir bir yere koyun. Ve tasarımda her değişiklik yaptığınızda kullanın.
Tutarlılık, mükemmel tipografi tasarımının önemli bir bileşenidir.
Sonuç
İyi ve kötü tipografiyle ilgili şey, çoğu kullanıcının birini veya diğerini tanımlayabilmesidir. Sadece tasarımın ne zaman doğru olmadığını biliyorlar.
Mükemmel tipografi yaratma konusundaki temel endişe okunabilirliktir. Türün okunması ve anlaşılması kolay olmalıdır. Kopyanın ruh hali ile eşleşmelidir. Ve kullanıcılar için neredeyse görünmez olmalı; düşünmek zorunda olmadıklarında işe yarar ve kolaylıkla okuyabilirler.
