HesapHanem

Modüler Tipografi Ölçeği Hesaplama

Bir taban boyut ve seçtiğiniz orandan uyumlu, beş yazı boyutlu bir tipografi ölçeği oluşturun.

Sonuç

16,00 px
20,00 px
25,00 px
31,25 px
39,06 px

Nasıl hesaplanır?

Araç tekrarlı çarpmayla beş yazı boyutu üretir: i = 1'den 5'e boyut(i) = taban × oran^(i − 1); yani ilk boyut tabana eşittir ve sonraki her boyut öncekinin oranla çarpımıdır. Taban piksel cinsinden bir boyuttur, oran ise büyük üçlü için 1,25 gibi düz bir sayıdır. İkisi de sıfırdan büyük olmalıdır. Her boyut iki ondalık ve px birimiyle gösterilir, yuvarlanmamış değerden hesaplanır ve böylece yuvarlama hataları birikmez. Araç tabandan yalnızca yukarı doğru adım atar. 0,8 gibi 1'in altındaki bir oran ise küçülen beş boyut verir.

Örnek hesaplama

Gövde metni için taban 16 px, oran 1,25 olsun. 1. adım 16,00 px'tir. 2. adım 16 × 1,25 = 20,00 px. 3. adım 16 × 1,25² = 25,00 px. 4. adım 16 × 1,25³ = 31,25 px. 5. adım 16 × 1,25⁴ = 39,0625 olup 39,06 px görünür. Bir tasarımcı 16 px'i gövde metni, 20 px'i giriş metni, 25 px'i alt başlık, 31,25 px'i bölüm başlığı ve 39,06 px'i sayfa başlığı için kullanabilir.

Bu örneği dene →

Sık yapılan hatalar

  • Oranı yüzde gibi, örneğin 125 diye girmek: oran düz bir çarpandır; 125 girerseniz ikinci boyut 20 px yerine 2.000 px olur.
  • Tabanı rem ya da pt cinsinden girmek: taban pikseldir ve sonuçlar px verilir, kullanmadan önce çevirin. Tarayıcı varsayılanı 16 px ise 1 rem 16 px'tir.
  • Altyazı ya da dipnot için tabandan küçük boyut beklemek: ölçek tabandan yalnızca yukarı çıkar. 1'in altında oranla ikinci bir ölçek çıkarın ya da en küçük metin için tabanı kullanın.
  • Ham ondalıkları doğrudan kullanmak: 39,0625 px tarayıcılar arasında farklı çizilebilir, tam piksele yuvarlayıp yuvarlamayacağınıza karar verin.

Bu hesaplama hakkında

Bir modüler tipografi ölçeği, bir taban boyutu sabit bir oranla tekrar tekrar çarparak bir dizi yazı boyutu üretir: boyut(n) = taban × oran^n; böylece ölçekte yukarı doğru her adım rastgele seçilmek yerine komşularıyla orantılı bir ilişki taşır. Bu hesaplayıcı piksel cinsinden taban boyutunu ve oranı alır, tabanın kendisinden (n = 0) taban × oran^4 değerine kadar beş artan boyut listeler; tabandan küçük boyutlar için tabanı oranla bölmeniz yeterlidir. Müzikten ve klasik orantılardan ödünç alınan yaygın oranlar arasında küçük üçlü (1,2), büyük üçlü (1,25), tam dörtlü (1,333) ve altın oran (1,618) bulunur -küçük oranlar yoğun arayüz metinleri için uygun, ince ve birbirine yakın boyutlar verirken büyük oranlar editoryal veya pazarlama başlıkları için çarpıcı bir kontrast oluşturur.

Tipografi tasarımcıları, UI/UX tasarımcıları ve ön yüz geliştiricileri, bir tasarım sisteminin tipografisini iç tutarlı tutmak için modüler ölçek kullanır -başlıklar, alt başlıklar ve gövde metni tek tek göz kararı boyutlandırılmak yerine aynı matematiksel oranla birbirine bağlanır; birçok tasarım sisteminin yazı ölçeklerinde uyguladığı ilke de aynıdır.

Bu faydalı oldu mu?

En fazla 3 tepki seçebilirsiniz.

Yorumlar (1)

  • Editör ekibi

    Beş adım boyunca oran seçimi göründüğünden daha önemlidir. 16 px tabanla 1,25'lik büyük üçlü oran yaklaşık 39 px'te biter; bu rahat bir sayfa başlığıdır. 1,618'lik altın oran ise beşinci adımda yaklaşık 109,7 px'e ulaşır ve bu, çoğu başlık için telefon ekranında fazla büyüktür. Oranı, gerçekten ihtiyaç duyduğunuz en büyük boyuta göre seçin. Gövde metni için hangi oranı ve taban boyutunu kullanıyorsunuz?

Popüler hesaplayıcılar

Kredi Hesaplama

Aylık taksit, toplam faiz ve ödeme planını hesaplayın.

Yüzde Hesaplama

Yüzde değişim, indirim ve oran hesaplamaları.

İndirim Hesaplama

İndirimli fiyatı, kazancı ve indirim tutarını hesaplayın.

Vücut Kitle Endeksi (VKİ)

Boy ve kiloya göre vücut kitle endeksini hesaplayın.

Yaş Hesaplama

Doğum tarihinden bugüne tam yıl, ay ve gün cinsinden yaşınızı hesaplayın.

Bileşik Faiz Hesaplama

Ana para, faiz oranı ve süreye göre bileşik faizle nihai tutarı hesaplayın.

Tüm Hesaplayıcılar