Tipografinin Yapılması ve Yapılmaması
Web'deki mevcut içeriklerin çoğu metin olduğundan, web tasarımcıları için iyi tipografinin temel prensiplerini anlamak şarttır. Böyle bir bilgiye sahip olmak, tasarımcıların daha etkili bir şekilde iletişim kurmasını sağlar ve daha iyi tasarımlar ve kullanımı kolay web siteleri yaratmalarını sağlar.
Daha tecrübeli tasarımcılar için metin belirleme doğal olarak gelebilir, ancak yeni başlayanlar için temel işlerin ve yapılmaması gerekenlerin listesini bir araya getirmeye karar verdim. Bu liste sadece size temelleri öğretmekle kalmayacak, aynı zamanda gelecekteki projeler üzerinde çalışmak için bir kontrol listesi olarak da kullanabilirsiniz. İşte gidiyor:
Tipografik bir hiyerarşi kur
Boyut, ağırlık, renk ve kontrast gibi çeşitli yöntemler kullanılarak bir tipografik hiyerarşi kurulabilir. Amacı, sayfa yapısını vermek ve içeriği kullanıcılara yönlendirmektir. Net bir hiyerarşi olmadan, metnin taraması çok daha zorlaşır ve bu yüzden genellikle okunması daha zordur. Aşağıdaki örneklere bir göz atın. Sol tarafta metin bir boyut ve bir ağırlıktır, bu yüzden başlıklar ve gövde metni arasında ayrım yapmak zordur. Bu arada, sağda, aynı içeriğe sahibiz, ancak açık tipografik bir hiyerarşi ile, farklı öğeler arasında ayrım yapmak çok daha kolay.
Burada sadece hiyerarşimi oluşturmak için boyut ve ağırlık kullanıyorum, ancak daha iyi sonuçlar elde etmek için renk ve kontrastla deney yapmayı deneyebilirsiniz.
Metni çok küçük yapmayın
Herkesin 20-20 vizyonu olmadığı için, vücut metninizin insanların rahatça okuyabilmesi için yeterince büyük olduğundan emin olmanız önemlidir. Şahsen ben 14pt büyüklüğünde daha küçük bir tavsiye ederim.
Gövde metni için uygun bir yazı tipi seç
Gövde metninize geldiğinde bir başka önemli faktör de okunabilirliktir. Satisfy gibi bir yazı tipi, el yapımı bir estetikle bir tasarıma uygun olsa da, vücut metniniz için böyle bir yazı karakteri kullanmanız, kullanıcılarınız üzerinde olumsuz bir etki yaratacaktır. Bunun nedeni, ortalama serif veya sans-serif'den okumak daha zor olmasıdır. Aşağıdaki örneklere bakın ve beyninizin sağdakilerle karşılaştırıldığında soldaki kelimeleri ortaya çıkarmak için ne kadar zor olduğunu fark edeceksiniz.
Bir sayfada çok fazla farklı yazı tipi kullanmayın
Typekit ve Google Yazı Tipleri gibi hizmetler binlerce yazı tipine erişmenizi sağlayabilir, ancak bunların tümünü kullanmanız gerektiği anlamına gelmez. Aşağıdaki örnekte gördüğünüz gibi, gerçekten iyi yapılmadıkça, birden çok yazı tipini kullanmak çok rahatsız edici olabilir. Bu yüzden genellikle 2 veya 3'ten fazla kullanmamanızı tavsiye ederim.
Metin odanıza nefes al
Her bir çizgi arasında beyaz boşluk olmaması okunabilirliği etkileyebilir çünkü gözün bir satırdan diğerine doğru izlenmesini zorlaştırır. Bununla birlikte, bu sorun çizgi yüksekliğinizi artırarak kolayca çözülebilir, ancak aşırıya kaçmamaya dikkat edin, çok fazla alan okunabilirliği de olumsuz yönde etkileyebilir.
Tüm kapakların sürekli kullanımını YOKTUR
İnsanlar, büyük harf kümelerini tüm büyük harflerde okumak için kullanılmazlar ve bundan dolayı, insanların okuması aslında daha zordur. Sadece bu değil, insanlar çoğu zaman bağırsak ya da saldırganlık ile tüm büyük harfleri birleştiriyorlar ve pazarlama kopyası söz konusu olduğunda oldukça spam içerikli olabilirler. Bu nedenle, tüm büyük harfleri nasıl ve ne zaman kullanacağınızı düşünmek ve bunu ılımlı olarak kullandığınızdan emin olmak önemlidir.
Paragrafları satır başına 40-60 karakterle sınırlamaya çalışın ve sınırlayın
Bir çizgi çok uzunsa, okuyucu yavaş yavaş odağı kaybetmeye başlar ve genellikle bir satırdan diğerine okumada zorluk çekebilir. Bir çizgi çok kısasa, okuyucunun gözünün sık sık geri dönmesine neden olur ve bu da ritmlerini bozar. Bu, bir sonraki satırın çok yakında okunmasına da yol açarak, önceki satırdaki kelimeleri kaçırmalarına neden olabilir. Bu nedenle, gövde metni için en uygun çizgi uzunluğunun, satır başına yaklaşık 40-60 karakter olduğu söylenir.
Büyük miktarda ortalanmış metin kullanmayın
Ortalanmış metnin okunması zordur çünkü metin bloğunun kenarları eşit değildir, bu da taranmayı zorlaştırır çünkü her bir hat farklı bir başlangıç noktasına sahiptir. Ortalanmış metin bloklarının sayfadaki diğer nesnelere hizalanması da zordur ve çoğu zaman oldukça amatör görünmek için düşünülür. Bu yüzden, tüm kapaklar gibi, ortalanmış metni orta düzeyde kullanmak, standart olarak sol hizalanmış metni seçmek en iyisidir.
Metninizle arka plan arasında yeterli kontrast olduğundan emin olun.
Kontrast okunabilirliği etkileyebilecek tipografinin başka bir yönüdür. Metin ile arka plan arasında yeterli kontrast yoksa, içerik okunamaz hale gelebilir.
Ekleyecek bir şeyin var mı? Yeni tasarımcılara yeni başlayanlara hangi ipuçlarını verirsiniz? Yorumlarda bize bildirin.