Bir web sitesi için kullanılacak ideal yazı tipi boyutu sayısı nedir?


11

Bir web sitesi için kaç yazı tipi boyutu kullanabileceğinizi bilmek istiyorum.

Birisi bana 3'ten fazla farklı yazı tipi boyutu kullanmamanın daha iyi olduğunu söyledi (örneğin, başlık için 16 piksel, metin için 11 piksel ve daha küçük başlıklar için 13 piksel).

Web sayfası başına 3'ten fazla yazı tipi boyutu kullanmak iyi veya kötü bir fikir mi (örn. 4)? Soruyorum çünkü dördüncüsünü kullanmayı düşünüyorum ama tasarımımı bozup bozmayacağını bilmiyorum.

Yanıtlar:


10

Bu soru ilginç. Dürüst olmak gerekirse, sınırlı sayıda yazı tipi boyutu duymadım. Bununla birlikte, genellikle 2 veya 3'ü geçmeyen yazı tipi yüzlerinin sayısını duydum. Günümüzün duyarlı webinde, görünüm boyutuna bağlı olarak yazı tipi boyutlarının her zaman değiştiğini göreceksiniz.

Bu, bazı kaynaklar olmadan iyi bir cevap olmaz, bu yüzden Smashing Magazine'den okumanız gerektiğini düşündüğüm iki ilginç makale var. Biri Tipografi yönergeleri ve teknikleri üzerinedir (sizi başlık etiketlerini göreceli olarak ölçekleme hakkında konuştukları bölüme bağladım) h1: 1.5ems, h2: 1.375ems vb.

İkinci makale, Smashing Magazine'in her yıl web'in en popüler sitelerinde tipografi üzerine yaptığı büyük bir çalışma . Bu siteler öncelikle içeriğe dayalıdır, bu nedenle tipografi onlar için çok önemlidir.

Ancak bulacağınız şey, yazı tipi boyutları için genel olarak kabul edilmiş en iyi uygulamalar olmadığıdır. İzleyicinin dikkatini dağıtacak şekilde önemli ölçüde değişmedikleri sürece, kendi takdirinize bağlı olarak onlarla oynayabilirsiniz. Yazı tipi boyutlarını ayırt edilebilir bir şekilde kullanabiliyorsanız, kullanıcı yazı tipini belirli bir içerik türüyle ilişkilendirebilmeniz için iyi olmanız gerekir. Sadece denize girme.


1
Vaov! Bu harika cevap için çok teşekkür ederim!: D Günümü kurtardın! :) Sadece bana bir kerede 3'ten fazla farklı yazı tipi boyutunu kullanmaman gerektiğini söyleyen adamın grafik tasarımın eski patronu olduğunu söylemek istedim. Almanya ajansı. Onu çok sevmedim ve orada çalışırken bana çok fazla boğa vurduğunu söyledi, bu yüzden bana sorarsanız 3 farklı boyuttaki kuralının tam bir saçmalık olduğunu düşünüyorum. Sadece hızlı bir not ...
drpelz

4

Bir web sitesi için kaç yazı tipi boyutu kullanabileceğinizi bilmek istiyorum.

Teknik olarak, sonsuz miktarda.

Birisi bana 3'ten fazla farklı yazı tipi boyutu kullanmamanın daha iyi olduğunu söyledi

'İyi' tasarım bir dizi çelişki içinde çalışma eğilimindedir, bu yüzden bu başparmak-kural tipi kuralların çoğu sadece - bazı odak ve yön sağlamak için seçenek yelpazesini dizginlemek için kullanılan kısıtlamalar.

Web sayfası başına 3'ten fazla yazı tipi boyutu kullanmak iyi veya kötü bir fikir mi

Evet. Ve hayır. Ee ... duruma göre değişir.

Her şey tasarımınızın ayrıntılarına dayanıyor. Kendinize sorun: 4. yazı tipi boyutu eklemek işe yarıyor mu? Kullanımını haklı gösterebilir misiniz? Eğer öyleyse, devam et.


2

İstediğiniz kadar. Bir gazete düşünün. Göreceli önemi ifade etmek için başlıklar için birçok farklı boyut kullanabilir. Aynı şeyi web sayfalarında yapamamanızın genel bir nedeni yoktur. Örneğin, etiket bulutları yazı tipi boyutu varyasyonunu yoğun olarak kullanır.


Gazeteler ölçeği değişen önem seviyelerine uyum sağlamak için kullanırken, aynı zamanda geleneksel olarak kopya takma aracı olarak da kullanılırlar.
DA01

Etiket bulutları iyi bir örnektir!
ya da

2

Yukarıda verilen cevapların çoğuna katılıyorum ama buraya bir tane daha eklemek istiyorum.

İlk olarak, en çok ziyaretçilerin ilgisini çekecek bir düzen sağladığınızdan emin olmanız gerekir. Yazı tipi boyutlarını bu kadar karıştırır ve eşleştirirseniz, daha karışık ve okunması zor olabilir.

İkinci olarak, kullanıcı tabanını düşünün. Sitenizi kimler kullanacak? Bazı insanlar farklı platformlar kullanır ve belirli yazı tipi boyutları farklı platformlarda farklı görünür.

Yapılacak en önemli şey, sayfalarınızda tutarlı bir görünüm elde etmektir. İyi şanslar!


1
Temelde haklısın elbette! :) AMA 3 yazı tipi boyutları sadece karmaşık bir oyun sitesi geliştirmeyi benim durumumda zorlaştırabilir.
drpelz
Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.