Her web tasarımcısının (ve anladığı) 50 tipografik terim bilinmesi gereken
Tipografi dünyası düzinelerce teknik terimlerle doludur. Her ne kadar ilk gördüğünüzde biraz kafa karıştırıcı ve korkutucu olsa da, bu teknik kelime dağarcığının arkasında herhangi bir web sitesinin okunabilirliğini ve görünümünü artırabilecek bilgiler vardır. Bu yararlı bilgilerin bazılarını emmenize yardımcı olmak için, bu yazı her web tasarımcının bilmesi gereken 50 önemli tipografik terim içerecektir. 1. Kenning
Kerning, yazı tiplerindeki ayrı harfler arasındaki mesafeyi açıklar. Her harf arasında aynı miktarda boşluk ekleyen izlemenin aksine, Kenning farklı harf çiftleri arasında değişir.Kenning, web tasarımı için önemlidir, çünkü insanların metne bakışlarını ustaca etkileyebilir. Kenning aktif değilse, belirli harfler çok yakın veya çok uzak görünebilir. 2. İzleme İzleme değiştirmek, yazı tiplerindeki harfler arasındaki mesafeyi eşit olarak değiştirmek anlamına gelir. Belirli bir alanı doldurmak için bir metne ihtiyacınız varsa (düğme gibi), izlemedeki bir artış yardımcı olabilir. 3. Lider Lider, metin çizgisi arasındaki dikey boşluk miktarını açıklar. Doğru başlangıç numarası, okuyucunun gözlerinin sayfa boyunca sorunsuz bir şekilde hareket ederek okunabilirliği artırmasına yardımcı olur.
4. Uçan Makine Artoptimum / Shutterstock.com
Uçan bir makine, bir yazı tipindeki herhangi bir anlamı olan en küçük birimdir. Glifler harfleri, sayıları, noktalama işaretlerini ve diğer karakterleri içerir. İngilizce dışında dilde metin görüntüleyecek bir web sitesi tasarlamayı planlıyorsanız, seçtiğiniz seçim türünün ihtiyacınız olan tüm glife sahip olduğundan emin olmalısınız. 5. Serif IRMY / Shutterstock.com
Serif, vuruşun sonunda karakter olarak görünen küçük bir çizgidir. Tipografide, genellikle Serif yazı tipini tanımlamak için kullanıldığını duyacaksınız. Geleneksel olarak, serif yazı tipi, özellikle yazılı medyada vücut kopyası için kullanılır. Sonuç olarak, sitenizin basılı sayfalar oluşturmasını istiyorsanız, web sitenizde vücut kopyası için Serif yazı tipi kullanmak iyi bir karardır. 6. sans-serif
AIMY Design / Shutterstock.com tarafından görüntü Sans-Serif karakteri Serif olmadan tanımlar. Bu yazı tipi başlık için iyi çalışır, çünkü açık kalitesi okuyucunun dikkatini çeker. Sans-serif yazı tiplerini serif yazı tipleriyle karşılaştırmak, yazı tipi çiftlerinin ana prensibidir. 7. Mektuplar
Resim Syahputra / Shutterstock.com Günü ‘Harfler’ olarak da bilinen yazı tipi, kuvvet, boyut ve metin ağırlığını içeren geniş bir terimdir. Sans-serial arial yazı tipleri ve Serif Times New Roman Font gibi ünlü yazı tiplerine örnekler.
Yazı tipi seçenekleriniz okuyucunun web sitenize bakışını etkiler. Farklı yazı tiplerinin farklı kişilikleri vardır, bu nedenle okuyucunun mesajınızı hissetme şekli üzerinde ince (ama anlamlı) bir etkiye sahiptirler. 8. Bulunan yazı tipi
Resim tarafından Sashatigar / Shutterstock.com Font ailesi, benzer özelliklere sahip uçuş makineleri içeren bir grup yazı tipidir. Yazı tipi ailesi Serif Vs. kadar büyük olabilir. Sans-serif veya eski stil Vs. Modern, örneğin. Farklı bir yazı tipi grubu kullanmak, başlığınız ve vücut kopyanız arasında kontrast eklemenin kolay bir yoludur. 9. Nokta Boyutu
Resim Malustudio / Shutterstock.com Nokta boyutu, yazı tipinin göreceli boyutunu açıklayan sayısal bir değerdir. Örneğin, yazı tipi Times New Roman 12 ise, ’12’ noktanın boyutunu açıklar. Doğru nokta boyutunu seçmek, web sayfalarının okunabilirliğini artırmak için yapabileceğiniz en basit şeylerden biridir. 10. Yazı tipi yazı tipinin ağırlığı, metnin göreceli kalınlığını ifade eder. Çok hafif bir yazı tipi ‘ışık’ veya ‘ince’ olarak adlandırılabilirken, yazı tiplerinin nispeten ağır ağırlığına ‘kalın’, ‘ağır’ veya ‘siyah’ olarak adlandırılabilir. Yazı tipi, sundukları ağırlık miktarına göre değişir ve sitenizin bir kopyasını okumayı kolaylaştırmak için yazı tiplerinin doğru ağırlığını seçmek çok önemlidir.
11. Roman Roman, ‘normal’ ekrandaki yazı tiplerini, eğik veya kalınlığın aksine tanımlar. Web sayfalarınızın çoğu kopyası için Roman yazı tipini kullanmak isteyeceksiniz, çünkü okumak eğimli veya kalın olmaktan daha rahattır. 12. YANLIŞ
Italic, eğimli bir görünüme ve sandalyeye sahip yazı tiplerini tanımlar. Daha güçlü eklemeleri için web sitesinin bir kopyasını yazarken italikleri tasarrufla kullanmalısınız. 13. kalın Bold daha koyu bir yazı tipini tanımlar ve Romawn versiyonundan daha ağırdır. İtalik gibi, web tipografinizde kalın kalın yazı tipleri kullanmalısınız. 14. Temel Zemin hattı, tüm karakterlerin oturduğu görünmez bir çizgidir. Baseline bize Descender ve X-yükseklik gibi diğer tipografik parçaları tartışmak için bir referans çerçeve verir. 15. Kapak Çizgisi
Kapak çizgisi, yazı tipindeki büyük harf için görünmeyen üst sınırdır. Tıpkı taban çizgisi gibi, sınır çizgisi Ascender gibi tipografiyi tartışmak için önemlidir. 16. Orta çizginin orta çizgisi, zemin hattı ile sınır çizgisi arasındaki ortada noktadır. Merkez çizgisi aynı zamanda yükselişleri tartışmak için önemli bir kavramdır. 17. Yükseklik x X-Hight, belirli bir yazı tipindeki X harfinin yüksekliğidir. X-Hight, ne kadar yüksek ‘yazı tipini tanımlamak için bir metrik sağlar. 18. Yumruk İnme, harf oluşturan çizgilerden biridir. İnme yolu bitişikler Serif veya Sans-Serif yazı tipi olup olmadığını belirler. 19. Batang Kök, bir mektubun ana çiziktir ve genellikle dikeydir. 20. İnme Yolu
Çapraz inme, felçin küçük f veya t’de olduğu gibi harfleri geçtiği bir yerdir. Çapraz darbeler kollara benzer, ancak farklıdır, çünkü darbeler kollar olmadığı sırada harflerden tamamen geçmiştir. 21. torunlar Descender, taban çizgisinin altındaki her darbedir. Aşağı G, J, Q, Y ve P, türevli harflerdir. 22. dağcılar Ascender, X’in yüksekliğini geçen her darbedir. Örneğin, küçük harf B, F, D, K, L ve H, Ascender ile harflerdir. 23. Dağcılar Ascender hattı, X yazı tiplerinin yüksekliğinin üzerine uzanan bir uçan makinenin parçasıdır. Örneğin, h harfindeki gövde. 24. Ligatür
Vaniatka / Shutterstock.com Ligatörler, bir uçan makinede birleştirilmiş iki veya daha fazla harf tanımlar. Örneğin, a. Siteniz ligatür gerektiren metinleri görüntülerse, onu destekleyen mektup türünü seçtiğinizden emin olmanız gerekir. 25. Birlikte Strokun gövdeye bağlandığı noktaya eklem denir. 26. tepe noktası
Bir tepe noktası, V ve W harflerinde olduğu gibi uçan makinenin dibinde iki vuruşun buluştuğu yerdir. 27. Zirve Tepe, a harfinde olduğu gibi uçan makinenin tepesinde iki çizik buluştuğunda gerçekleşir. 28. Kasık
Kasık, y harfindeki bir açı gibi uçan makinede iki darbenin buluştuğu açıdır. 29. Omuz
Omuz, uçan makinede ‘kemerlerin’ şeklini yapan bir çiziktir. Örneğin n, m ve h harflerinde. 30. Kol
Kol, E, F ve T harflerinin üstü ve L alt l gibi uçan bir makinede uzun bir yatay darbedir. 31. Bar Bir çubuk, uçan bir makinede F, A ve T harfi gibi kısa bir yatay stroktur. ,,,, ve t. 32. Kase Kase kavisli bir çiziktir ve uçan bir makinede kaplıdır. Örneğin B, D ve O harflerinde. 33. Terminal Terminal, serif olmadan her darbenin sonudur ve genellikle top veya koniktir. Sanatsal terminal, sans-serif yazı tipine ilgi katmanın bir yoludur. 34. Sayım Sayım, örneğin o harfinin merkezi gibi uçan makinedeki negatif alanı ifade eder. Farkındalık doğru hesaplama, Kartning’i, liderlik etmenizi ve daha iyi izlemenize yardımcı olur. 35. Açılış Açıklıklar, C harfindeki iki terminal arasında olduğu gibi, karakter açısından açık sayılarla yapılan boşluklardır. 36. Yıkama Swash, dekorasyon ve dekorasyon için bir uçan makineye eklenen bir çiziktir. Lüks ve süslü bir ekran metni vermek istiyorsanız, iyi yerleştirilmiş bazı taramalar genellikle başarılı olacaktır. 37. Kök ark Kök ark, düz bir gövde ile sürekli olarak kavisli bir strok anlamına gelir. Örneğin, t, f, a, u ve j harflerinin tabanı. 38. Diyakritik eleştiri, belirli aksanları veya telaffuzu belirlemek için bir mektuba eklenen bir işarettir. Örneğin, Bronte’deki son mektup veya Cesped’deki ikinci mektup (İspanya “çim”). En yaygın yazı tipleri diskritik uçan makineyi içerir, ancak bu karakterin web sitenizde doğru görüntüleneceğinden emin olabilmeniz için kontrol edilmesi gerekir. 39. Metin yazı tipi Resim d1sk / shutterstock.com Metin yazı tipi, daha küçük bir boyutta en iyi şekilde çalışacak şekilde tasarlanmış yazı tipi kategorisini ifade eder. Bu kategorideki yazı tipi, vücut kopyası için ideal bir seçimdir. 40. Yazı tipi ekranı Yazı tipi ekranı, büyük boyutlarda okunacak olan yazı tipi türünü ifade eder. Başlıklar ve alt pansalar için çok uygundurlar. 41. Tipografi rengi Tipografik renk terimi, gözleri daralttığınızda sayfadaki göreceli blok metninin ışığını ve karanlığını ifade eder. Web siteleri tasarlarken, tipografik başlığın rengi ile içeriğinizin metni arasında yeterli bir fark olduğundan emin olun. 42. Kontrast Kontrast, yazı tipleri arasındaki görünümde hissedilen farktır. Bağlam için özel kontrast, ancak boyut, ağırlık, aile ve ruh hali dahil olmak üzere yazı tipi kontrastının ortak yolu. Bir web tasarımı içerdiğinden, sayfanızın kopyasındaki yazı tipi arasındaki doğru kontrast metnin okunmasını kolaylaştırır. 43. Vücudun kopyasıVücut kopyası, başlık veya alt başlığın aksine bir metnin ana parçasıdır. Okunması çok kolay ve vücut kopyanız için ilginç yazı tiplerini seçmeye çok dikkat etmelisiniz, çünkü bu web sitesi okuyucularınız tarafından en yaygın olarak görülür. 44. Başlık Başlık, web sayfasının farklı bölümlerini tanımlayan metni ifade eder. Başlık, farklılıkları netleştirmek için genellikle vücut kopyasından farklı yazı tipleri ve boyutlarına sahiptir. Doğru başlık, birkaç paragraftan daha uzun olan metni parçalamak veya makalenin bölümleri arasında net bir fark yaratmak istediğinizde çok önemlidir. 45. Başlık gibi altyazılar, altyazı da sayfayı veya makale bölümünü bozar. Adının “alt” bölümü ile ima edildiği gibi, başlıktan daha küçüktür ve altında görünürler. Çok uzun olan makaleler veya sayfalar için, alt poslar, başlık ile ayrılan kısımda daha fazla bölünme yapmak için yararlıdır. 46. Cemaat Aşağıdakileri yapan küçük ve dar yatay çizgiler: Bileşik kelimeler yapın (örneğin, “en-dash”). Grup numaraları (telefon numaralarında olduğu gibi). Hattı geçen kelimenin iki bölümünü bağlayın (daha yaygın olarak basılmıştır). Klavyeniz bu karakter için bir anahtar içerir. 47. THE-DASH EN-Dash, genişliği yazı tipindeki en büyük N ile yaklaşık olarak aynı olan yatay bir çizgidir. En-Dash aşağıdakileri yaptı:
Zaman aralığına atıfta bulunan sayılar (1994-2016).
Zaman aralığına atıfta bulunan kelimelerin bağlanması (Şubat-Haziran 2016).
WordPress, iki kelime veya sayı arasında iki bağlantı işareti yazdığınızda otomatik olarak bu karakteri oluşturur. 48. Em-Dash
Em-Dash, genişliği büyük harf m ile aynı olan yatay bir çizgidir. Em-Dash aşağıdakileri yaptı: Benzersiz fikirleri ayırmak, ancak kalan cümlelerle ilgili (virgüllere benzer).
Kalan cümlelerden (paranteze benzer) yerleştirilen düşüncelerin ayrılması.
Kelimeler arasında üç bağlantı işareti yazdığınızda, WordPress otomatik olarak bir bağlantı işaretine dönüştürdü. Örneğin, “Tipografi kafa karıştırıcı olabilir – bazı insanların tasarımdan uzak durmasını sağlayacak kadar – ancak bunu anlamak çok önemlidir.” 49. Sonuçların bildirimi, metnin marja göre konumunu açıklar (sayfa, ekran veya başka bir metin bölümü olsun). WordPress’te üç olası tesviye vardır: sol, hizalayın, hizalayın ve sağa hizalayın. Sol seviyeler varsayılandır ve soldan sağa okunan herhangi bir dilde metin için uygundur. 50. haklı
Resim illüstrasyon / shutterstock.com proje Justified, hizalanmış metni, sol ve sağ kenarların sol ve sağ kenar boşluklarıyla düz olacak şekilde açıklar. Bu, çoğu basılı kitap için bir standart olduğundan, benzer bir estetiğe sahip bir site oluşturursanız, haklı metin kullanım için iyi bir biçimlendirme seçimidir. Sonuç Tipografiyi tanımlamak için kullanılan teknik kelime bilgisi, iyi web tasarımı için temel kavramları içerir. Bu ana tipografik terimleri güçlü bir şekilde anlamak:
Okuması daha kolay web siteleri tasarlayın.
Okuyucunun ruh halini etkiler.
En önemli içeriğinizi vurgulayın. Web tasarımınızı geliştirmek için tipografi hakkındaki bilgilerinizi nasıl kullanıyorsunuz? Bize aşağıdaki yorumlar bölümünde anlatmanızı istiyoruz! Ve tartışmayı kaçırmamak için yorumlara abone olmayı unutmayın. Alhovik / Shutterstock.com tarafından Makale Küçük Resim
