Tipografi ile ilgili eski bir yazı düzeltildi, görmeyenler için inceleme için faydalı olacaktır.
tipografi- Web tasarımının en önemli yönlerinden biri, çünkü temel bilgileri aktarıyor. Ne yazık ki, birçok tasarımcı ve müşteri, projeleri için bir veya iki "test edilmiş" yazı tipi seçerek cesur deneylerden korkuyor.
Bu nedenle, bu makale tipografi okyanusunda kaybolanlara adanmıştır. Tipografinin temelleri, yazı tiplerinin ne olduğu ve yazı tiplerinin yapısı hakkında konuşacağız.
Yazı Tipleri vs Yazı Tipleri - fark nedir?
Birçok kişi yazı tipi ve yazı tipi kelimelerini birbirinin yerine kullanır. Aslında bunlar aynı şey değil, şimdi nedenini açıklayacağım.
kulaklık yazılabilen/yazdırılabilen, biçimsel olarak benzer karakterler kümesidir. Bunlar sayılar, harfler, sembollerdir. Yazı tipi- Bu, boyut ve stil gibi çeşitli faktörler tarafından belirlenen daha dar bir kavramdır. Temel olarak, Arial bir yazı tipidir ve Arial Bold bir yazı tipidir.
sınıflandırma
Yazı tipleri birkaç gruba ayrılabilir - serif (serif), sans-serif (sans-serif), el yazısı (komut dosyası), ekran (ekran). Ancak, başka sınıflandırma türleri de vardır.
Serif yazı tipleri, Antiqua (Serif)
Her harfin küçük serifleri olduğu için böyle adlandırılırlar. Web tasarımında büyük metin bloklarını yazdırırken, okunması zor olduğu için önerilmez. Bu yazı tipleri genellikle başlıklar için kullanılır.
Serif yazı tiplerinin birkaç alt türü vardır - örneğin, eski tarz("Eski tarz" - hümanist olarak da adlandırılırlar, hümanist antika) - bu sınıflandırmanın ilk yazı tipleri, 1400'lerde zaten kullanılıyorlardı. Ayırt edici özelliği, sembolün açılı olarak yerleştirilmiş kısmının ince olmasıdır. Yazı tipi örnekleri Adobe Jenson, Centaur ve Goudy Old Style'dır.
Geçiş serifleri (Geçiş serifleri)- 1700'lerde kullanıldı. Buna Times New Roman ve Baskerville gibi yazı tiplerinin yanı sıra Caslon, Georgia ve Bookman dahildir. Onlarla, harflerin kalın ve ince kısımları arasındaki fark, Eski Stilden daha belirgindir, ancak Modern'den daha az fark edilir.
Modern serifler (New Style Antiqua)- 1700'lerden sonra kullanılmış ve karakterlerin kalın ve ince kısımları arasında güçlü bir kontrast var. Bu, Didot ve Bodoni gibi yazı tiplerini içerir
Ve sonunda , Döşeme serifleri (Döşe yazı tipleri)- genellikle tüm çizgiler aynı kalınlığa ve uçlarda büyük seriflere sahiptir
Tırtıklı yazı tipleri, Groteskler (Sans Serif)
Serif yazı tipleri, serifleri olmadığı için bu şekilde adlandırılmıştır.) Daha modern görünüyorlar, ayrıca 18. yüzyılda kullanılmaya başlandılar.
İşte 4 ana sans-serif yazı tipi türü: Grotesk (Eski Grotesk), Neo-grotesk (Yeni Grotesk), Hümanist (Hümanist) ve Geometrik (Geometrik).
eski groteskler- ilk olanlar, serif yazı tiplerine benzerler, ancak serifleri yoktur.
Örneğin, Franklin Gothic ve Akzidenze
Yeni groteskler eski grotesklere kıyasla basitleştirilmiş bir görünüme sahip. Günümüzde en popüler yazı karakterlerinin çoğu, MS Sans Serif, Arial, Helvetica ve Univers gibi yeni sans seriflerdir.
hümanistler- diğer tüm sans serif yazı tiplerinden daha kaligrafiktir (yani, çizgilerin kalınlığını değiştirirler). Bunlar, örneğin Gill Sans, Frutiger, Tahoma, Verdana, Optima ve Lucide Grande'yi içerir - genellikle sitenin gövdesini doldurmak için kullanılırlar.
Geometrik normal rakamlara dayalı olarak, örneğin "O" bir dairedir, vb.; en modern sans-serif yazı tipleri olarak kabul edilir. Örnekler ITC Avant Garde Gothic, Erbar Grotesk, Eurostile, Futura, Kabel, Metro, Neuzeit Grotesk, Rodchenko, Spartan.
El Yazısı (Senaryo)
El yazısı yazı tipleri el yazısına dayalıdır. Bu tür yazı tiplerinin iki türü vardır - resmi (resmi) ve Kezhl (gündelik). Resmi, elle yazılmış gibi, 17.-18. yüzyıllardan geliyorlar. Bazı yazı tipleri George Snell ve George Bickham gibi ünlü ustalara dayanmaktadır. Modern yazı tiplerine örnek olarak Kuenstler Komut Dosyasını alın. Güzel ve zarif, sayfanın gövde metnine uymuyor.
Kezhl yazı tipleri daha modern bir versiyondur, 20. yüzyılda ortaya çıkmıştır. Daha az resmi, genellikle kalın vuruşlar ve fırça darbesi efekti ile. Bu yazı tipleri Mistral ve Brush Script'i içerir.
Yazı tiplerini görüntüle (Ekran)
Görüntüleme kategorisi, genellikle metin yazmak için uygun olmayan yazı tiplerini içerir. Çoğu zaman bir aksan görevi görürler. İnternet sayfalarında da görünmeye başlasalar da genellikle matbaacılık sektöründe kullanılıyorlar. Ekranlar arasında örneğin blackletter - ilk matbaaların orijinal yazı tiplerini bulabilirsiniz.
Alfabetik olmayan yazı tipleri (Dingbats)
Alfabetik olmayan yazı tipleri- bunlar hiç harf içermeyen, ancak semboller ve süslemeler içeren yazı tipleridir.
Orantılı vs Monospace
Orantılı yazı tiplerinde bir karakter, doğal yazımının gerektirdiği kadar yer kaplar. Örneğin, Times New Roman orantılı bir yazı tipidir. Ancak tek aralıklı yazı tiplerinde tüm karakterler aynı genişliktedir. Bu yazı tipleri, örneğin Courier New'i içerir.
Mod
Bir yazı tipinin havası, onu belirli bir durumda kullanmanın uygun olup olmadığını büyük ölçüde etkiler. Oldukça sık, kontrastlar da kullanılır - iş tarzı gayri resmi, hafif ve dramatik ile birleştirilir. Örneğin Times New Roman katı bir yazı tipidir ve iş yazışmaları için en sık kullanılan yazı tipidir. Ancak, örneğin, Helvetica genellikle çevredeki yazı tiplerine bağlı olarak ruh halini değiştirir.
Kalınlık ve stil
Yazı tiplerinin kalınlıkları: hafif, ince, normal, orta, kalın, ağır veya siyah.
Üç yazı tipi stili vardır - italik, eğik ve küçük büyük harf. Küçük büyük harfler genellikle başlıklar için kullanılır.
İtalik ve eğik, farklı stiller olmasına rağmen birbirinin yerine kullanılabilir. Eğik, normal yazı tiplerinin eğimli bir çeşididir. Bunu elde etmek için Photoshop'taki Serbest Dönüştürme-bozulma özelliğini kullanmanız yeterlidir. Ancak İtalik, yazı tipinin eğik versiyonundan sorumlu olan ayrı bir karakter kümesidir.
yazı tipi yapısı
Her karakterin, diğer yazı tipleriyle nasıl birleştiğini belirlemek için kullanılabilecek belirli bir dizi özelliği vardır. İşte ana olanlar:
Yazı tipi satırı (temel)- metnin bulunduğu hayali bir çizgi. Bazen yuvarlatılmış yazı tipleri, yazım satırından biraz uzaklaşır.
Küçük harf satırı (ortalama çizgisi) genellikle "x"in yüksekliği ile belirlenen çoğu küçük harfin yüksekliğini belirtir. X yüksekliği kavramı buradan gelir.
Baş harflerin üst satırı (Cap)- yükseklik büyük harf"A".
Yukarıdaki şekil, tüm harflerin ortak üç bölümünü göstermektedir.
Temel vuruş, Shtamb (Stem)- eğik olan da dahil olmak üzere her karakterin ana dikey.
Çapraz çubuk (Çubuk)- yazı tipinin yatay kısmı
Oval (Kase)- yazı tipinin yuvarlak kısmı.
Üst uzaktan kumanda (Yükselen)- "d", "h" ve "b" gibi harflerin bir kısmını yapıştırmak.
alçalan- "p", "q" ve "f" gibi harflerin bir kısmını yapıştırmak
serifler- serif yazı tiplerinin ayırt edici bir özelliği). Bazı yazı tiplerinde daha belirgin iken bazılarında daha az belirgindirler.
diyafram- "A", "c" veya "m" gibi açık karakterlerde bir boşluğu belirtir
Kulak yukarıdaki örnekteki "g" gibi bir karaktere dekoratif bir eklemedir.
Bağlantı stroku (Saç çizgisi) serif yazı tipinin en ince kısmıdır.
enine çubuk - yatay çizgi, örneğin “A” ve “H” karakterlerinde olduğu gibi.
Bırak (Terminal)- yazı tipinin bazı karakterlerinin çiziminde biten yuvarlak veya oval (damla şeklinde) vuruş.
Döngü yalnızca bazı küçük "g" harflerinde oluşur ve tamamen kapalı veya kısmen kapalı olabilir.
Başak (Spur)- bazı harflerde küçük bir çentik, örneğin “G” üzerinde.
Ek (Bağlantı)"g" harfinin üstünü ve altını birleştirir.
Geri- “s” harfinin sahip olduğu merkezi eğri.
Mektubun kuyruğu (Kuyruk)- örneğin “R” veya “Q” harfinde dekoratif bir çizgi.
Uç eleman (Terminal, Finial)- sans-serif vuruş sonu
Omuz- ana vuruştan ayrılan yuvarlak bir çizgi. (dürüst olmak gerekirse, birçok Rus sitesinde bu kavramın tamamen farklı bir tanımını veriyorlar)
Gelmesiyle birlikte kişisel bilgisayarlar ve erken masaüstü yayıncılığı, tipografide sonuçları ancak şimdi görünür hale gelen tektonik bir değişim oldu. Bu tipografideki ilk küresel değişiklik değil, başkaları da oldu. Sanayi dünyasının makinelerinin zanaatkarlara karşı zafer kazandığı zamanı hatırlamak yeterli. Seri üretim ve kâr, yazı tiplerinin güzelliğinden daha önemli hale geldi. Nitelikten çok nicelik önemliydi.
Büyük ustalar yeni yazı tipleri yaratmayı bıraktılar - zaten var olanlar kitap basmak için uygundu. Esnaf ne kadar profesyonel olursa olsun işsiz kaldı ve teknolojik sürecin bir parçası oldu.
Bununla birlikte, sanayiciliğin zaferi, büyük ustaların matbaaların ortaya çıkmasıyla ortadan kaybolduğu anlamına gelmiyordu. Bu iki dünya birbirinden bağımsız olarak var olmaya devam etti - matbaacılar zanaatkarların yeteneklerini fark ettiler ve sırayla ilerlemenin durdurulamayacağını anladılar. Bu, tipografideki ikinci değişiklikti, bunun sonucunda “ruhunun” bir kısmını veya tabiri caizse insanlığını kaybetti. Ancak yakın zamanda ne olduğunu anlamak için 500 yıl geriye gitmeniz ve her şeyin nasıl başladığını bulmanız gerekiyor.
İLK GEÇİŞ
Yeni ve eski arasındaki ilk çatışma, ilk matbaanın icadından sonra ortaya çıktı. Yaratıcısı Johannes Guttenberg, makineyi, saatte 240 sayfaya varan baskı hızlarıyla çok çeşitli kompozisyonlar üretmek için kullanabilirdi. Bu bir devrimdi.
Bundan önce, tüm kitaplar yalnızca elle yaratıldı. Geçmişin folyoları elle yazılmış ve karmaşık çizimler ve süslemelerle süslenmiştir. Kopyalama süreci çok uzundu, ancak sonuç olarak herhangi bir kitap, hatta bir kopya bile bir sanat eseriydi.
Tabii ki, ilk basılan kitaplar elle yazılmış kitaplarla karşılaştırılamazdı. Çok güzel değillerdi, ama daha küçük ve daha ucuzlardı. Ve en önemlisi: tek tek harflerin ve tüm yazı tipi ailelerinin değiştirilebilmesi, kitapların yalnızca Latince değil, diğer Avrupa dillerinde de basılmasını mümkün kıldı.
İnsanlar sadece bu değişiklikleri memnuniyetle karşıladı. Anlayabilecekleri bir dilde kitaplara ve yanlarında alabilecekleri kitaplara ihtiyaçları vardı. Bilgi için bir susuzlukları vardı ve basılı kitaplar bunu giderdi.
Ancak, ilk geçişin bir sonucu olarak, kitap insanlığının çoğunu kaybetti. Ana süreci makineler devraldı, ancak zanaatkarlar hala talep görüyordu. Her harf elle kesildi ve tasarım ve illüstrasyonlar da insanlar tarafından oluşturuldu. Ancak, kitap üretim sürecinde zanaatkarlığın kaybolmaya başlaması uzun sürmeyecektir.
DİJİTAL ÇAĞ
İlk geçiş, el yazısı kitapları yok etti. Sanayileşme sonunda insanlığın mühründen mahrum kaldı, her şey makineleşti ve zanaatkarlar işsiz kaldı. Ancak üçüncü geçiş sonunda tipografiyi bir sanat olarak bitirdi. Çoğu kulaklık bugünlerde şaşırtıcı bir şekilde meçhul. Bu sadece bilgisayardaki bir dizi yazı tipidir. Şu ya da bu yazı tipinin tarihini pek kimse bilmiyor. Ondan öncesi kimsenin umurunda değil. Doğru ağırlığı bulmak için dakikada yüzlerce yazı tipi arasında geziniyoruz ve diğer her şey o kadar önemli değil.
_______________________
Tasarımcı Massimo Vignelli, "Tamamen bilgisayarlaştırılmış dünyamızda, yazı tiplerinin çoğalması ve çeşitli varyasyonları, kültürümüzü doğrudan tehdit eden yeni bir görsel kirlilik düzeyini temsil ediyor" diyor. "Binlerce yazı tipinden yalnızca birkaç temel yazı tipine ihtiyacımız var, çünkü geri kalan her şey sadece çöp."
_______________________
Bir bakıma haklı. Tipografi sadece yazı tiplerinden ibaret değildir. sadece değil güzel harfler, bu farklı bir şey, bize hissettiren bir şey. Temel olarak, tipografi bir mesajdır. Ünlü Rus tipograf Lazar Lissitzky'ye göre tipografi, okuyucuya konuşmacının seslendirdiği fikri optik olarak iletmelidir.
Uzun zaman önce kimse kalemle parşömen üzerine yazmıyordu. Matbaa mürekkebi kokan kaba kağıtlar gitti. Parlak baskı pazarı mikroskobik bir düzeye geriledi. Bugün basılmamış, daktilo edilmiş metinleri okuyoruz ve onları hiç kağıt üzerinde okumuyoruz. Ve görünüşe göre, tipografiyi başka bir geçiş bekliyor. Ne olacağını kimse bilmiyor ama görünüşe göre gazeteden sonra alıştığımız görüntüler de eskiyecek. Yeni bir devrimin ne zaman gerçekleşeceğini söylemek zor, ancak yeni bir geçiş kesinlikle gerçekleşecek.
Bütün bunlarla ilgili en üzücü şey, insanların mükemmellik arayışında kendilerinden bir parçayı kaybetmeleridir. Bugün neredeyse hiç kimsenin hat becerisine ihtiyacı yok. Bu uzun bir zaman, özen ve azim gerektirir. Bugün bu bir anlam ifade etmiyor - sonuçta her zevke uygun kulaklıklar var. Zombiler gibi yazı tiplerini seçiyoruz: isim, boyut, stil… Mesaj? İleti? Bilgisayar yazı tiplerinin arkasında mesaj yok, hikaye yok, hiçbir şey yok.
GEÇMİŞ İÇİN NOSTALJİ
Bugün birçok tasarımcı, metne çok ihtiyaç duyulan kişiliği vermelerini sağlayacak yeni yazı tiplerine ihtiyaç duyuyor. Tipografi ile çalışmanın birçok yolu vardır ve her birinin amacı aynı: dijital yazı karakterlerinin meçhullüğünden uzaklaşmak. Her şey kullanılır - renk kontrastı, hacim yanılsaması, negatif boşluk, tek kelimeyle, standart bir yazı tipini biraz daha az standart haline getirebilecek her şey.
Ve bu bağlamda, tasarımcıların kayıp özgünlüğü yazı tiplerine geri getirme arzusunu gösteren, ivme kazanan üç trendi not edebiliriz. Tipografide yalnızca üç ana eğilim vardır, ancak kelimenin tam anlamıyla her yerde göründükleri için gözden kaçırmak zordur. Retro, suluboya ve kapaklar gibi stillerden bahsediyoruz.
VINTAGE GRUNGE TİPOGRAFİ
En yaygın tasarım sorunlarından biri, .
Bu makalede, iyi tipografinin birkaç ilkesini ele alacağız ve birçok yaygın hatadan nasıl kaçınabileceğiniz konusunda size ipuçları vereceğiz.
Makale tipografi veya tipografi sanatı üzerine bir kitap değil, daha çok " hızlı ipuçları tasarımın yazı tipi tabanını geliştirmek.
Kural 1: Daha Az Yazı Tipi, Daha İyi
Tasarımcıların yaptığı en büyük hatalardan biri çok fazla kullanmaktır. Büyük bir sayı yazı tipleri ve/veya stilleri. Onları iki veya üçe indirmeye çalışın. Yani, gövde metni aynı yazı tipi ve boyutta olmalıdır.
Başlıklar için bir tane seçin ve buna bağlı kalın, belki son çare olarak alt başlıklar için bir tane daha. Yazı tipleri birbirinden çok farklıysa korkmayın. Bir tasarımda birbirine çok benzeyen iki yazı tipi kullanırken, okuyucu bir hata yaptığınızı ve yazarken yanlışlıkla yanlış yazı tipini seçtiğinizi düşünebilir.
Renk, yoğunluk vb. birliğine dikkat edin. yoksa metniniz sayfanın her tarafına dağılmış sarhoş sinekler gibi görünecektir.
Kural 2
Harfleri çok fazla doldurmamaya dikkat edin. Metin için yeterli alan olmamasıyla ilgili sorunlarınız varsa, yazı tipini azaltmak daha iyidir. Evet, bu muhtemelen paragraflar arasında boşluk bırakacaktır, ancak sorun değil, okurken size biraz nefes alma alanı sağlayacaktır.
Kural 3. Doğru hizalama
Lütfen her şeyi ortalamayın (özel bir tasarım hareketi değilse). Bir ızgara kullanmayı düşünün. Sonuçta, sayfadaki her şey birbirine bağlıdır. Kılavuzları kullanın ve nesneleri bunlara göre yerleştirin. Nesneleri, nereye yerleştireceğinize karar veremiyorsunuz gibi sayfanın köşelerine saçmayın.
Kural 4. Daha az dekoratif yazı tipi
Güzel dekoratif yazı tipleriniz var mı? Müthiş! Ancak bu, onları paragraf metni için kullanmanın gerekli olduğu anlamına gelmez. Dekoratif yazı tiplerinin arkasında, çoğu zaman bir hikaye vardır veya belirli bir durumda, örneğin bir başlık veya başlık için kullanılırlar. Çoğu zaman, ne kadar basitse o kadar iyidir, bu yüzden Helvetica gibi yazı tipleri bu kadar popülerdir.
Kural 5. Boyut önemlidir
Metnin harflerinin boyutuyla ilgili;). Başlıklar kalın ve büyük yazı tipinde olduğunda iyidir, ancak gövde metninde çok büyük harfler kullanırsanız, daha ucuza mal olur. Bunu düşün. İyi bir restorana gidiyorsunuz ve genellikle menü yazılıyor. küçük baskı, harika görünüyor. (Yazı tipinin okunması zor olacak kadar küçük olmadığından emin olun.) Başlıkları gövde kopyasından çok daha büyük yapmaktan korkmayın.
Kural 6
Yaptığınız her şey okunabilmesi için yapılır. Koyu metin açık koyu arka plan- çok değil İyi bir fikir. Daha da kötüsü, yüksek kontrastlı bir fotoğrafın üzerine küçük metinler koymak. Herhangi bir şeyin üzerine metin yerleştirmekten kaçınmayı unutmayın.
Kural 7. Doğru renkleri seçin
Bir yazı tipi için en iyi renk nedir? Genel olarak, ister inanın ister inanmayın, siyah veya beyaz çoğu zaman en iyisidir. Farklı gri tonları dışında bir renk kullanıyorsanız doygunluğu azaltın. Parlak renkli yazı tipini okumak zor olabilir. Yeşil üzerine kırmızı gibi karmaşık titreşimli kombinasyonlara dikkat edin.
Kural 8. Uygun gruplama
İlgili bilgi parçaları en iyi şekilde birleştirilir. Bu, tasarımı daha net hale getirecektir. Örneğin: bir film afişine bakın, tüm veriler çekici bloklar halinde gruplandırılmıştır. Artık olarak kabul edilebilirler ayrı eleman tasarım. Kötü gruplandırma örnekleri - sarı sayfaları açın.
Kural 9. Yeterli yönlendirme
Bu, metin satırları arasındaki mesafedir. Doğru aralığı seçmek çok önemlidir. Satır aralarında gözlerin dinlenebileceği bir yer olduğunda okumak çok daha keyifli. Genel bir kural olarak, yazı tipi boyutundan en az 2 punto daha önde kullanmaya çalışın. Örneğin: 10pt'de maksimum okunabilirlik için yazı tipi en az 12pt olarak ayarlanmalıdır.
Kural 10. Karakter aralığına dikkat edin
Karakter aralığı, bir sözcükteki tek tek karakterler arasındaki boşluktur. Kötü karakter aralığını belirleme konusunda deneyime sahip olmak önemlidir, çünkü örneğin Photoshop gibi programlar sıklıkla bunu düzenlerken hata yapar. Bunun manuel olarak ayarlanması gerekecek, ancak asıl şey aşırıya kaçmamak. Karakter aralığını sevmiyorsanız ancak nasıl iyileştireceğinizi bilmiyorsanız, farklı bir yazı tipi seçin.
Bir yazı tipiyle çalışırken bu kuralları uygulamaya çalışın. İyi tasarlanmış tip bloklar, herhangi bir görüntü olmadan iyi görünmelidir. En iyi ihtimalle, tipografiniz tasarımın olumlu izlenimini güçlendirir. Çekici ve okunması kolay olmalıdır.
