Tipografi ile Yapmak İçin 8 Şey (Şu Anda!)

İyi tipografi, çok fazla karıştırılmaması gereken bir sanattır. Harf formları, okunabilir ve görsel olarak anlamlı anlamı olan sözcükler ve ifadeler oluşturmak için birlikte akar.

Ancak dikkatli değilseniz, tipografik güzelliği bir anda mahvetmek kolaydır.

Bu tasarım tuzaklarından herhangi birine girdiyseniz, tasarım parçalarınızı yazmak ve temizlemek için bu listede herhangi bir şey yapmayı bırakmanın zamanı gelmiştir. (Portföyünüz size teşekkür edecektir.)

Tasarım Kaynaklarını Keşfedin

Alt Gölgeler Ekleme

Çoğu yazı tipi oldukları gibi mükemmeldir. (Ben ölüyüm ciddi.)

Harfler tasarımınız için işe yaramazsa, belki başka bir tür seçimini düşünmelisiniz. Tembel seçeneği almayın ve metne çok belirgin bir alt gölge veya anahat eklemeyin.

… En iyi gölgeler tamamen fark edilmez

Alt gölgeler hakkında daha fazla insanın izlemesi gereken bu genel kural vardır - en iyi gölgeler tamamen fark edilmez. Bir metin öğesinde gölgeyi görebiliyorsanız, muhtemelen çok büyük, çok karanlıktır ve okunabilirlik yoluna girer.

Dürüst olmak gerekirse, bu efektleri kullanmak, metnin çalışmasını sağlamanın oldukça tembel bir yoludur. (Metinde arka planla daha fazla kontrast olması gereken gölgeler ve anahatlar görürsünüz.)

Öte yandan, gölgeler ve anahatlarla harika sanat türü metin öğeleri oluşturabilirsiniz. Ancak, tasarım kariyerinizde muhtemelen sadece birkaç kez kullanacağınız bir tekniktir.

Çok Fazla Yazı Tipi Kullanma

Söylemeden gitmeli. Ancak tekrarlanması gerekir.

Çok fazla yazı tipi kullanmak, bir tasarımdaki tüm tipografiyi mahveder. Birbiriyle (veya bu konuyla ilgili içerikle) iyi eşleşmeyen yazı tiplerini kullanmak tasarımı bozabilir.

Projeler için bir tipografi paleti seçin. Bir tür hiyerarşisi ayarlayın ve oradan çalışın. Proje için ayarladığınız yazım stili kurallarına uyun ve bunun tamamlanma olasılığı vardır.

Yazı tiplerini nasıl eşleştireceğinizden emin değil misiniz? Daha fazla bilgi edin.

Kontrastı Yoksaymak

Kontrast, tasarımınızdaki her tür biti okunabilir yapan şeydir. Bu, baskı materyalleri, web siteleri ve hatta gömlek veya reklam panoları gibi dokunsal öğeler için geçerlidir.

Arka plan ve tipografi arasında yeterli kontrastın olmaması - veya arka plan aydınlatması veya çevresel unsurlardan kaynaklanan kontrast değişikliklerini hesaba katmamak - yaygın bir hatadır. Ve tasarımdaki her kelimenin etkinliğini öldürebilir.

… Güçlü kontrastlı yüksek oranda okunabilir tipografi, web sitesi erişilebilirliği açısından da olumludur.

Bir tasarımla birisinin dikkatini çekmek için sadece birkaç saniyeniz var. Kullanıcılar okumasını istediğiniz kelimeleri anlamaya çalışırken bu değerli zamanı boşa harcamayın.

Okunabilirliği sağlamak için, koyu renkli bir arka plan üzerine açık renkli metin koymak (veya tam tersi) yapmak ve birbirlerine karşı benzer doygun renkler kullanmak istemezsiniz. Genel bir kural olarak, renk kombinasyonları hakkında şüpheleriniz olduğunda siyah (veya koyu gri) ve beyaz metin kullanmak en iyi seçenektir.

WebAIM Renk Kontrast Denetleyicisi gibi bir araç, metin öğeleri için kontrastı belirlemenize yardımcı olabilir. Bir bonus olarak, güçlü kontrastlı yüksek oranda okunabilir tipografi, web sitesine erişilebilirlik açısından da olumludur.

Caps, Kalın ve İtalik Kullanmak Çok Fazla

Erişilebilirlik söz konusu olduğunda birçok yazı stilinin endişeye neden olabileceğini biliyor muydunuz?

Çok fazla tür varyasyonu kullanmak - tüm harfler, kalın, italik ve alt çizgi - metnin gerçekte olduğundan çok daha sıkıştırılmış ve sıkışmış görünmesine neden olabilir. Okunabilirlik söz konusu olduğunda bu bir sorundur.

Bu metin efektlerini aksan veya nokta yapmak için kullanıyorsanız, durun ve daha iyi bir yol olup olmadığını kendinize sorun. Bütün bunlar idareli olarak kullanıldığında tamamdır, ancak genel tasarım boyunca olmamalıdır.

Çift Aralık

Cümlelerin sonuna ve bir sonraki cümlenin başlangıcına nokta (ve diğer noktalama işaretleri) arasına iki boşluk bırakmayı bırakın. Sadece garip bir boşluk bırakıyor. Bu boşluk satırların sonunda daha da garipleşebilir ve yeni bir satırda cümlenin başında boşluklara neden olabilir.

Modern dijital dizgi, cümleler arasında sizin için boşluk bırakmak için tasarlanmıştır. Bazen manuel olarak ayarlamanız gerekebilir, ancak nadiren iki boşluk gerekir (daktiloda tasarım öğeleri oluşturmuyorsanız).

Unutma Cihazı / Ekran Boyutu

Web sitesi tasarımı, e-postalar ve hatta küçük ekranlarda görüntülenecek (ve metin içeren) sosyal medya görüntüleri için yazı tipi boyutlarını ayarlarken mobil kullanıcıları unutmayın.

Çizgiler arasındaki boşluk, metnin kendisi kadar önemlidir.

Bu tipografiye yaptığınız bir şey olmasa da, boyutun insanların mesajı anlayıp anlayamayacağı üzerinde büyük bir etkisi vardır. Bazı yazı tipleri daha küçük boyutlar için yapılmış ve iyi işlenmişken, diğer tip aileler geniş ekran için çok daha uygundur.

Yazı tipi ayarlamaları hakkında düşünmeye gelince boyutu ve öncülüğü düşünün. Çizgiler arasındaki boşluk, metnin kendisi kadar önemlidir.

Kullanımı düşünün ve yazı tiplerini buna göre seçin. (Farklı ekran boyutlarına ayarlamanız gerekse ve muhtemelen ayarlayacak olsanız bile.)

Ekranda Kısa Çizgi Kullanma

Bu genellikle web tasarımcıları için büyük bir endişe kaynağı değildir, ancak herkes için büyük bir sorun: Görüntülü reklam türünde kelimeleri tireleme.

Sadece çirkin. Ve okuması zor.

Yapma.

Devam Ediyor Devam Ediyor…

Web'de olduğu için yazarak devam edebileceğinizi düşünmeyi bırakmanın zamanı geldi. Yazı ne kadar güzel olursa olsun hiç kimse bunları okumuyor.

Önemli kelimelere sadık kalın. Yazım seçiminizi daha iyi kullanacak, böylece insanlar gerçekten okuyacak.

Tasarımda ne kadar çok metin varsa, tipografi o kadar önemli hale gelir.

Devam eden metin söz konusu olduğunda, metin bloklarının uzunluğunu düşünün. Paragraflar kısa ve sindirilebilir mi? Taramayı kolaylaştıran listeler ve biçimlendirme kullanıyor musunuz?

Satır başına karakter sayısını düşünün - bu yazı tipi boyutunu dikte etmeye yardımcı olur - ve satır başına 40 ila 60 karakter hedefleyin (en küçük ekranlar için biraz daha az). Bu, metin bloklarının okunamayacak kadar tıknaz veya garip olup olmadığını anlamanıza yardımcı olabilir.

Başlıklar hariç her şey için standart hizalamaya sadık kalın. Ortalanmış metinlerin uzun bloklarını okumak inanılmaz derecede zordur. İnsanlar şiirin dışında onu sevmiyor ya da beklemiyor ve çok fazla göz yorgunluğuna neden oluyor. Yaslanmış metin bloklarının uzun olması durumunda okunması da aynı derecede zordur ve duyarlı çerçevelerde çözülmesi zor olan garip boşluk sorunlarına neden olabilir.

Tasarımda ne kadar çok metin varsa, tipografi o kadar önemli hale gelir. Okunabilirliği kolaylaştırmak için uzun bloklarda zor biçimlendirme olmadan net ve okunması kolay bir yazı tipi kullanın.

Sonuç

Kötü tipografi, bir projeyi neredeyse diğer tüm tasarım sorunlarından daha hızlı mahvedebilir. Bir tasarımın etkili olabilmesi için insanlar onu okuyabilmeli ve anlayabilmelidir. En yaygın olarak, tipografi biçimindedir.

Çok fazla dekorasyon, uygun olmayan kontrast veya ölçek ve aşırı iş metin öğeleri tipografi söz konusu olduğunda bulacağınız en yaygın sorunlardır. Harflerin kendi başlarına durmasına izin vermeyi, optimum okunabilirlik için bol miktarda kontrast sağlamayı ve paylaşılan anlamı ve bağlamı olan sözcüklerle yazı tiplerini kullanmayı unutmayın.