Her Web Tasarımcısının Bilmesi (Ve Anlaması) Gereken 50 Tipografi Terimi

Tipografi dünyası onlarca teknik terimle dolu . Onları ilk gördüğünüzde biraz kafa karıştırıcı ve göz korkutucu olsalar da, bu teknik kelime dağarcığının arkasında, herhangi bir web sitesinin okunabilirliğini ve görünümünü iyileştirebilecek bilgiler yatmaktadır.

Bu faydalı bilgilerin bir kısmını özümsemenize yardımcı olmak için bu gönderi, her web tasarımcısının bilmesi gereken 50 temel tipografi terimini kapsayacaktır.

1. Karakter aralığı

Karakter aralığı, bir yazı tipindeki tek tek harfler arasındaki boşluğu tanımlar. Her harf arasına eşit miktarda boşluk ekleyen izlemenin aksine, karakter aralığı farklı harf çiftleri arasında değişiklik gösterir.

Karakter aralığı, web tasarımı için önemlidir, çünkü insanların metni nasıl algıladıklarını ince bir şekilde etkileyebilir. Karakter aralığı kapalıysa, bazı harfler birbirine çok yakın veya çok uzak görünebilir.

2. İzleme

İzlemeyi değiştirmek, bir yazı tipindeki harfler arasındaki boşluğu eşit olarak değiştirmek anlamına gelir.

Metninizin belirli bir alanı (bir düğme gibi) daha tamamen doldurmasına ihtiyacınız varsa, izlemede bir artış işe yarayabilir.

3. Lider

Satır aralığı, metin satırları arasındaki dikey boşluk miktarını tanımlar.

Doğru miktarda satır başı, okuyucunun gözünün sayfa boyunca sorunsuz bir şekilde hareket etmesine yardımcı olarak okunabilirliği artırır.

4. Glif

Glif, bir yazı tipindeki herhangi bir anlamı olan en küçük birimdir. Glifler harfleri, rakamları, noktalama işaretlerini ve diğer karakterleri içerir.

İngilizce dışındaki dillerde metin gösterecek bir web sitesi tasarlamayı planlıyorsanız, seçtiğiniz yazı tipinin ihtiyaç duyacağınız tüm gliflere sahip olduğundan emin olmalısınız.

5. Şerif

Serif, bir karakterdeki konturun sonunda görünen küçük bir çizgidir. Tipografide, genellikle bir serif yazı tipini tanımlamak için kullanıldığını duyarsınız.

Geleneksel olarak, serif yazı tipleri, özellikle baskıda, gövde kopyası için kullanılır. Sonuç olarak, sitenizin basılı sayfayı çağrıştırmasını istiyorsanız, web sitenizdeki gövde kopyası için serif yazı tiplerini kullanmak iyi bir karardır.

6. Sans-Serif

Sans-serif, serifleri olmayan bir karakteri tanımlar.

Bu yazı tipleri, basit kaliteleri okuyucunun dikkatini çektiği için başlıklar için iyi çalışır. Sans-serif yazı tipini serif yazı tipiyle karşılaştırmak, yazı tipi eşleştirmenin temel ilkesidir.

7. Yazı Tipi

'Yazı tipi' olarak da bilinen yazı tipi, metnin stilini, boyutunu ve ağırlığını kapsayan geniş bir terimdir. İyi bilinen yazı tiplerinin örnekleri arasında sans-serif yazı tipi Arial ve serif yazı tipi Times New Roman bulunur.

Yazı tipi seçiminiz, okuyucuların web sitenizi algılama şeklini etkiler. Farklı yazı tiplerinin farklı kişilikleri vardır, bu nedenle okuyucuların mesajınızı deneyimleme şekli üzerinde ince (ama anlamlı) bir etkiye sahiptirler.

8. Yazı Tipi Ailesi

Yazı tipi ailesi, benzer özelliklere sahip glifler içeren bir yazı tipi grubudur. Bir yazı tipi ailesi, örneğin, serif ve sans-serif kadar geniş olabilir veya örneğin, Eski Stil ve Modern olarak daha fazla bölünebilir.

Farklı yazı tipi aileleri kullanmak, başlıklarınız ve gövde metniniz arasına kontrast eklemenin kolay bir yoludur.

9. Nokta Boyutu

Nokta boyutu, bir yazı tipinin göreli boyutunu tanımlayan sayısal değerdir. Örneğin, bir yazı tipi Times New Roman 12 ise, '12' punto boyutunu tanımlar.

Doğru nokta boyutunu seçmek, bir web sayfasının okunabilirliğini artırmak için yapabileceğiniz en basit şeylerden biridir.

10. Ağırlık

Yazı tipi ağırlığı, metnin göreli kalınlığını ifade eder. Çok hafif bir yazı tipi ağırlığı 'hafif' veya 'ince' olarak adlandırılırken, nispeten ağır bir yazı tipi ağırlığı 'kalın', 'ağır' veya 'siyah' olarak adlandırılabilir.

Yazı tipleri sundukları ağırlık sayısına göre değişir ve doğru yazı tipi ağırlığını seçmek, sitenizin kopyasının okunmasını kolaylaştırmak için çok önemlidir.

11. Roma

Roman, bir yazı tipini italik veya kalın yerine 'normal' görünümünde tanımlar.

Okunması italik veya kalın yazı tipinden daha rahat olduğundan, web sayfası kopyanızın çoğu için bir Roma yazı tipi kullanmak isteyeceksiniz.

12. İtalik

İtalik, eğimli, el yazısı görünümüne sahip bir yazı tipini tanımlar.

Ekledikleri vurgunun daha güçlü olması için web sitesi metni yazarken italik yazıları dikkatli kullanmalısınız.

13. Kalın

Kalın, Roma versiyonundan daha koyu ve daha ağır bir yazı tipini tanımlar.

İtalikler gibi, web tipografinizde kalın yazı tiplerini dikkatli kullanmalısınız.

14. Temel

Taban çizgisi, tüm karakterlerin oturduğu görünmez bir çizgidir.

Baseline, inişler ve x-yüksekliği gibi tipografinin diğer kısımlarını tartışmak için bize bir referans çerçevesi sağlar.

15. Kapak Hattı

Başlık satırı, bir yazı tipindeki büyük harflerin görünmeyen üst sınırıdır.

Taban çizgisi gibi, başlık çizgisi de tipografinin yükselen çizgileri gibi kısımlarını tartışmak için önemlidir.

16. Orta hat

Orta çizgi, taban çizgisi ile üst çizgi arasındaki orta noktadır.

Orta hat ayrıca yükselenleri tartışmak için önemli bir kavramdır.

17. X-Yüksekliği

X yüksekliği, belirli bir yazı tipindeki x harfinin yüksekliğidir.

X yüksekliği, bir yazı tipinin ne kadar 'uzun' veya 'kısa' olduğunu açıklamak için bir ölçüm sağlar.

18. İnme

Kontur, bir harfi oluşturan satırlardan herhangi biridir.

Bir konturun bitme şekli, bir yazı tipinin serif mi yoksa sans-serif mi olduğunu belirler.

19. Kök

Kök, bir harfin ana vuruşudur ve genellikle dikeydir.

20. Çapraz Vuruş

Çapraz vuruş, küçük harf f veya t gibi bir harfin gövdesini kestiği yerdir. Çapraz vuruş bir kola benzer, ancak bir kol geçmezken vuruşun harfin içinden tamamen geçmesi bakımından farklıdır.

21. Azalan

Bir alçaltıcı, taban çizgisinin altına inen herhangi bir vuruştur. Küçük harf g, j, q, y ve p , inişli harflerdir.

22. Yükselen

Yükseltici, x yüksekliğinin üzerine çıkan herhangi bir vuruştur. Örneğin, küçük b, f, d, k, l ve h harfleri yükselen harflerdir.

23. Yükselen Çizgi

Yükselen çizgi, yazı tipinin x yüksekliğinin üzerine uzanan bir glifin parçasıdır. Örneğin, h harfindeki kök.

24. Ligatür

Bir bitişik harf, bir glif içinde birleştirilen iki veya daha fazla harfi tanımlar. Örneğin, bir.

Siteniz bitişik harfler gerektiren bir metin gösterecekse, bunları destekleyen bir yazı tipi seçtiğinizden emin olmalısınız.

25. Ortak

Bir vuruşun bir gövdeye bağlandığı noktaya eklem denir.

26. Tepe noktası

Bir köşe, v ve w harfleri gibi bir glifin alt kısmında iki vuruşun birleştiği yerdir.

27. Tepe

A harfinde olduğu gibi, bir glifin tepesinde iki vuruş birleştiğinde bir apeks oluşur.

28. kasık

Kasık, y harfinin iç açısı gibi bir glif içinde iki vuruşun birleştiği yerde oluşan açıdır.

29. Omuz

Omuz, bir glif içinde 'kemer' şekli oluşturan bir vuruştur. Örneğin, n, m ve h harfleriyle .

30. Kol

Kol, bir glifteki E, F ve T harflerinin üstü ve L harfinin altı gibi uzun yatay bir vuruştur.

31. Bar

Çubuk, glifteki f, A , ve t harflerinin merkezi gibi kısa bir yatay çizgidir .

32. Kase

Bir kase, bir glifteki kavisli, kapalı bir vuruştur. Örneğin, b, d ve o harfleriyle .

33. Terminal

Terminal, serif içermeyen herhangi bir vuruşun sonudur ve genellikle bir top veya konik şekildedir.

Sanatsal terminaller, sans-serif yazı tipine ilgi katmanın bir yoludur.

34. Sayaç

Sayaç, örneğin O harfinin ortası gibi gliflerdeki negatif boşluğu ifade eder.

Sayaçların doğru bir şekilde bilinmesi, karakter aralığı, yönlendirme ve izlemeyi daha iyi ayarlamanıza yardımcı olur.

35. Diyafram

Açıklık, açık bir sayacın bir karakter içinde oluşturduğu boşluktur, örneğin C harfindeki iki terminal arasında.

36. Eğme

Eğim, dekorasyon ve süsleme için bir glife eklenen bir vuruştur.

Metne süslü, süslü bir görünüm vermek istiyorsanız, o zaman iyi yerleştirilmiş bir çift eğik çizgi genellikle hile yapar.

37. Kök Yayı

Gövde yayı, düz gövdeli sürekli kavisli bir vuruş anlamına gelir. Örneğin, t, f, a, u ve j harflerinin alt kısmı.

38. Aksan

Aksan, belirli bir aksan veya telaffuz belirtmek için bir harfe eklenen bir işarettir. Örneğin, Bronte'deki son harf veya cesped'deki ikinci harf ("çim" için İspanyolca).

En yaygın yazı tipleri, aksanlı glifler içerir, ancak bu karakterlerin web sitenizde doğru şekilde görüntülendiğinden emin olabilmeniz için kontrol etmeye değer.

39. Metin Yazı Tipi

Metin yazı tipi, daha küçük boyutlarda en iyi şekilde çalışacak şekilde tasarlanmış bir yazı tipi kategorisini ifade eder. Bu kategorideki yazı tipleri, gövde kopyası için ideal bir seçimdir.

40. Yazı Tipi Görüntüle

Ekran yazı tipi, büyük boyutlarda okunmak için yapılmış bir yazı tipini ifade eder. Başlıklar ve alt başlıklar için çok uygundurlar.

41. Tipografik Renk

Tipografik renk terimi, bir sayfadaki metin bloklarının gözlerinizi kıstığınızda göreli açıklığını ve koyuluğunu ifade eder.

Bir web sitesi tasarlarken, başlıklarınızın tipografik renkleri ile gövde metni arasında yeterli fark olduğundan emin olun.

42. Kontrast

Kontrast, yazı tipleri arasında algılanan görünüm farkıdır. Kontrast bağlama özeldir, ancak yazı tiplerini zıtlaştırmanın yaygın yolları arasında boyut, ağırlık, aile ve ruh hali bulunur.

Web tasarımıyla ilgili olduğu için, sayfa kopyanızdaki yazı tipleri arasındaki uygun kontrast, metnin okunmasını kolaylaştırır.

43. Gövde Kopyası

Gövde kopyası, başlıklar veya alt başlıklardan farklı olarak metnin ana kısmıdır.

Web sitenizin bir okuyucusunun bakmak için en çok zaman harcayacağı şey olduğundan, gövde kopyanız için yüksek oranda okunabilir ve çekici bir yazı tipi seçmeye özellikle dikkat etmelisiniz.

44. Başlık

Başlık, bir web sayfasının farklı bölümlerini tanımlayan metni ifade eder. Başlık, ayrımı netleştirmek için genellikle gövde kopyasından farklı bir yazı tipi ve boyutudur.

Birkaç paragraftan uzun metinleri bölmek için veya bir makalenin bölümleri arasında net bir ayrım yapmak istediğinizde uygun başlıklar önemlidir.

45. Alt başlık

Başlıklar gibi, alt başlıklar da bir sayfanın veya makalenin bölümlerini ayırır. Adlarının "alt" kısmından da anlaşılacağı gibi, başlıklardan daha küçüktürler ve altlarında görünürler.

Çok uzun makaleler veya sayfalar için alt başlıklar, zaten başlıklarla ayrılmış bölümlerde daha fazla bölüm oluşturmak için kullanışlıdır.

46. ​​Tire

Aşağıdakileri yapan küçük, dar bir yatay çizgi:

• Bileşik sözcükler oluşturur (örneğin, "en-tire").
• Numaraları gruplandırır (telefon numarasında olduğu gibi).
• Bir satırı kesen bir sözcüğün iki parçasını birbirine bağlar (baskıda daha yaygındır).

Klavyenizde bu karakter için bir tuş bulunmaktadır.

47. Kısa Çizgi

Kısa çizgi, bir yazı tipindeki büyük N harfiyle yaklaşık olarak aynı genişlikte olan yatay bir çizgidir. Bir kısa çizgi şunları yapar:

• Bir zaman aralığına atıfta bulunan sayıları birleştirir (1994–2016).
• Bir zaman aralığına atıfta bulunan sözcükleri birbirine bağlar (Şubat–Haziran 2016).

WordPress, iki kelime veya sayı arasında iki tire yazdığınızda bu karakteri otomatik olarak oluşturur.

48. Kısa Çizgi

Uzun çizgi, büyük M harfiyle yaklaşık aynı genişlikte olan yatay bir çizgidir. Bir uzun tire aşağıdakileri yapar:

• Benzersiz ancak ilişkili bir fikri cümlenin geri kalanından ayırır (virgüllere benzer).
• Eklenen düşünceyi cümlenin geri kalanından ayırır (parantezlere benzer şekilde).

Sözcükler arasına üç tire yazdığınızda, WordPress bunları otomatik olarak uzun tireye dönüştürür. Örneğin, "Tipografi kafa karıştırıcı olabilir – bazı insanları tasarımdan uzaklaştırmak için yeterlidir – ancak onu anlamak çok önemlidir."

49. Hizalama

Hizalama, metnin kenar boşluğuna göre konumunu tanımlar (bir sayfa, ekran veya metnin başka bir bölümü).

WordPress'te üç olası hizalama vardır: Sola hizala, Ortaya hizala ve Sağa hizala. Sola hizalama varsayılandır ve soldan sağa okunan herhangi bir dilde metne uygundur.

50. Gerekçeli

Yaslanmış, sol ve sağ kenarları hem sol hem de sağ kenar boşluklarıyla aynı hizada olacak şekilde hizalanmış metni tanımlar.

Çoğu basılı kitap için standart olduğu için, benzer bir estetiğe sahip bir site oluşturuyorsanız, iki yana yaslanmış metin kullanmak için iyi bir biçimlendirme seçeneğidir.

Çözüm

Tipografiyi tanımlamak için kullanılan teknik kelime dağarcığı, iyi web tasarımı için temel olan kavramları içerir.

Bu temel tipografi terimlerini sağlam bir şekilde anlamak, şunları yapmanızı sağlar:

1. Daha okunabilir web siteleri tasarlayın.
2. Okuyucuların ruh hallerini etkileyin.
3. En önemli içeriğinizi vurgulayın.

Web tasarımlarınızı geliştirmek için tipografi bilginizi nasıl kullanırsınız? Aşağıdaki yorumlar bölümünde bize bildirmenizi çok isteriz! Ve tartışmayı kaçırmamak için yorumlara abone olmayı unutmayın.

Alhovik / Shutterstock.com tarafından hazırlanan makale küçük resmi