Javítottuk a tipográfiáról szóló régi cikket, aki még nem látta, annak hasznos lesz az ismerkedés

Tipográfia a webdesign egyik legfontosabb szempontja, mert alapvető információkat közvetít. Sajnos sok tervező és megrendelő tart a merész kísérletektől, egy-két „bevált” betűtípust választva projektjéhez.

Tehát ez a cikk azokról szól, akik elvesztek a tipográfia óceánjában. Beszélni fogunk a tipográfia alapjairól, a betűtípusokról és a betűtípusok szerkezetéről.

Betűtípusok és betűtípusok – mi a különbség?

Sokan felváltva használják a betűtípus és a font szavakat. Valójában nem ugyanazok, most elmagyarázom, miért.

Fejhallgató stilisztikailag hasonló karakterek halmaza, amelyek írhatók/nyomtathatók. Ezek számok, betűk, szimbólumok. Betűtípus egy szűkebb fogalom, amelyet több tényező határoz meg, például a méret és a stílus. Alapvetően az Arial betűtípus, az Arial Bold pedig egy betűtípus.

Osztályozás

A betűtípusok több csoportra oszthatók - serif, sans-serif, script, display. Vannak azonban más típusú besorolások is.

Serif betűtípusok, antik (Serif)

Azért nevezték őket így, mert minden betűnek kis serifjei vannak. Ha nagy szövegtömböket nyomtat webdizájnban, ezek használata nem ajánlott, mivel nehezen olvashatók. Ezeket a betűtípusokat általában címsorokhoz használják.

A Serif betűtípusoknak jó néhány altípusa van – pl. Régi stílus("Régi stílus" - humanistának is nevezik, humanista serif) ennek az osztályozásnak a legelső betűtípusai, már az 1400-as években használták őket. Megkülönböztető jellemzőjük, hogy a szimbólum ferdén elhelyezkedő részét vékonyra készítik. A betűtípusokra példa az Adobe Jenson, a Centaur és a Goudy Old Style.

Átmeneti serifek- az 1700-as években használták. Ide tartoznak az olyan betűtípusok, mint a Times New Roman és a Baskerville, valamint a Caslon, a Georgia és a Bookman. Feltűnőbb különbség van a betűk vastag és vékony része között, mint az Old Style, de kevésbé észrevehető, mint a Modern.

Modern serifek (antik új stílus)- az 1700-as évek óta használják, és erős kontrasztot mutatnak a karakterek vastag és vékony részei között. Ide tartoznak az olyan betűtípusok, mint a Didot és a Bodoni

És végül , Slab serifs- általában azonos vastagságú minden vonal, és nagy serifek a végén

Serif betűtípusok, Sans Serif

A serif betűtípusokat azért nevezték így el, mert nem rendelkeznek serifekkel.) Modernebbnek tűnnek, és először a 18. században használták őket.

Íme a serif betűtípusok 4 fő típusa: Groteszk, neogroteszk, humanista és geometrikus.
Régi groteszkek- a legelső, hasonlóak a serif betűtípusokhoz, de sans serif.
Például a Franklin Gothic és az Akzidenze

Új groteszkek leegyszerűsített megjelenésűek a régi groteszkekhez képest. Napjainkban a legnépszerűbb betűtípusok többsége új sans serif, mint például az MS Sans Serif, Arial, Helvetica és Univers.

Humanisták- kalligrafikusabbak, mint az összes többi serif betűtípus (vagyis változik a vonalvastagságuk). Ide tartozik például a Gill Sans, a Frutiger, a Tahoma, a Verdana, az Optima és a Lucide Grande – ezeket gyakran használják a webhely törzsének kitöltésére.

Geometriai helyes ábrákon alapulnak, például az "O" egy kör stb .; a legmodernebb serif betűtípusnak számítanak. Ilyen például az ITC Avant Garde Gothic, Erbar Grotesk, Eurostile, Futura, Kabel, Metro, Neuzeit Grotesk, Rodchenko, Spartan.

Kézzel írt (forgatókönyv)

A kézzel írt betűtípusok a kézíráson alapulnak. Kétféle ilyen betűtípus létezik - formális és alkalmi. Formálisan, mintha kézzel írták volna, a 17. és 18. századból származnak. Egyes betűtípusok olyan híres mesterek kézírásán alapulnak, mint George Snell és George Bickham. A Kuenstler Script egy példa a modern betűtípusokra. Szép és elegáns, nem passzol a lap törzséhez.

A Kezhl betűtípusok modernebb változata, a XX. századból származik. Kevésbé formális, gyakran merész vonásokkal és ecsetvonásos hatásokkal. Ezek a betűtípusok közé tartozik a Mistral és a Brush Script.

Betűtípusok megjelenítése

A megjelenítési betűtípusok kategóriájába azok a betűtípusok tartoznak, amelyek általában nem alkalmasak szövegírásra. Leggyakrabban akcentusként szolgálnak. Általában a nyomdaiparban használják, bár kezdenek megtalálni az utat az internetes oldalakra. A kijelzők között megtalálható például a blackletter – az első nyomdák eredeti betűtípusai.

Nem alfabetikus betűtípusok (Dingbats)

Nem alfabetikus betűtípusok azok a betűtípusok, amelyek egyáltalán nem tartalmaznak betűket, de szimbólumokat és díszeket tartalmaznak.

Arányos versus monospaced

Az arányos betűtípusokban egy szimbólum annyi helyet foglal el, amennyit a természetes helyesírása igényel. Például a Times New Roman egy arányos betűtípus. Egyszóközű betűtípusok esetén azonban minden karakter azonos szélességű. Ilyen betűtípusok például a Courier New

Hangulat

A betűtípus hangulata nagymértékben befolyásolja, hogy az adott helyzetben megfelelő-e használni. Gyakran használják a kontrasztokat - az üzleti stílust kötetlen, a könnyed és a drámai stílust kombinálják. Például a Times New Roman szigorú betűtípus, és ez az, amit oly gyakran használnak az üzleti levelezéshez. De például a Helvetica általában a környező betűtípusoktól függően változtatja a hangulatát.

Vastagság és stílus

Vannak betűtípusok vastagság szerint: könnyű, vékony, normál, közepes, merész, nehéz vagy fekete.

Három betűstílus létezik – dőlt, ferde és kisbetűs. A címsoroknál általában kisbetűket használnak.

A dőlt és a ferde betűk felcserélhetők, bár különböző stílusok. Az Oblique a normál betűtípusok ferde változata. Ennek eléréséhez csak a Photoshop Free Transform-torzítás funkcióját kell használnia. De a dőlt már egy különálló karakterkészlet, amely a betűtípus ferde változatáért felelős.

Betűtípus szerkezete

Minden karakter rendelkezik egy sor jellemzővel, amelyek segítségével meghatározható, hogyan működik más betűtípusokkal. Íme a főbbek:

Alapvonal- egy képzeletbeli vonal, amelyen a szöveg található. Néha a lekerekített betűtípusok kissé el vannak tolva a betűsortól.

Kisbetűs sor (középvonal) a legtöbb kisbetű magasságát jelöli, amelyet általában az "x" betű magassága határoz meg. Innen származik az x-magasság fogalma.

Sapka- magasság nagybetű"A".

A fenti képen az összes betű három közös része látható.

Főlöket, Stem- az egyes szimbólumok fő függőleges oldala, beleértve a ferde szimbólumot is.

Keresztrúd (rúd)- a betűtípus vízszintes része

ovális (tál)- a betűtípus lekerekített része.

Felső távirányító (Ascender)- a „d”, „h” és „b” betűkből kilógó rész.

Leszálló- a "p", "q" és "f" betűkből kilógó rész

Serifek- a serif betűtípusok ismertetőjele). Egyes betűtípusoknál kifejezettebbek, míg másokban kevésbé hangsúlyosak.

Nyílás- jelzi a hézagot a nyitott karaktereknél, például „A”, „c” vagy „m”

Fül ez egy szimbólum díszítő kiegészítése, mint a fenti példában a „g” esetében.

Összekötő vonás (hajvonal) ez a serif betűtípus legvékonyabb része.

Keresztrúd - vízszintes vonal mint az „A” és „H” betűkben.

Drop (Terminál)- a körvonal kerek vagy ovális (csepp alakú) vége a betűtípus egyes karaktereinek rajzán.

Hurok csak néhány kis „g” betűnél fordul elő, és lehet teljesen vagy részben letakarva.

Sarkantyú- egy apró bevágás egyes betűkön, mint például a „G”.

Linkösszeköti a „g” betű felső és alsó részét.

Gerinc- az "s" betű középső görbéje.

A levél farka (Tail)- dekoratív vonal, például az „R” vagy „Q” betűn.

Végelem (Terminal, Finial)- nem serif löketvég

Váll- egy lekerekített vonal, amely eltér a fővonástól. (hogy őszinte legyek, sok orosz webhely teljesen más definíciót ad ennek a fogalomnak,)

A megjelenésével személyi számítógépekés az első asztali kiadói rendszerek tektonikus eltolódást tapasztaltak a tipográfiában, ami csak most válik láthatóvá. Ez messze nem az első jelentős változás a tipográfiában, és más is történt. Elég csak felidézni azt az időt, amikor az ipari világ gépei diadalmaskodtak a kézművesek felett. A tömegtermelés és a profit fontosabb, mint a típus szépsége. A mennyiség többet számított, mint a minőség.

A nagy mesterek abbahagyták az új betűtípusok létrehozását - a már meglévők alkalmasak voltak könyvnyomtatásra. A kézművesek, bármennyire is professzionálisak, tétlenül maradtak, és a technológiai folyamat részévé váltak.

Az iparosodás győzelme azonban nem jelentette azt, hogy a nagy mesterek eltűntek a nyomdák megjelenésével. Ez a két világ egymástól függetlenül továbbra is létezett - a nyomdászok felismerték a kézművesek tehetségét, és ők viszont megértették, hogy a fejlődést nem lehet megállítani. Ez volt a második tipográfiai változás, aminek következtében elveszítette "lelkének" egy részét, vagy ha mondhatom, emberségét. De ahhoz, hogy megértsük, mi történt a közelmúltban, vissza kell utaznia az időben 500 évvel ezelőtt, és meg kell találnia, hogyan kezdődött az egész.

ELSŐ LÉPTETÉS

Az első konfliktus az új és a régi között az első nyomdagép feltalálása után alakult ki. Alkotója, Johannes Gutenberg a gép segítségével sokféle kompozíciót készíthetett, akár 240 oldal/óra nyomtatási sebességgel. Forradalom volt.

Azelőtt minden könyvet teljesen kézzel készítettek. A múlt témáit kézzel írták, és bonyolult mintákkal és díszekkel díszítették. A másolási folyamat nagyon hosszú volt, de ennek eredményeként minden könyv, még a másolat is, műalkotás volt.

Természetesen az első nyomtatott könyvek nem voltak összehasonlíthatók a kézzel írottakkal. Nem voltak szépek, de kisebbek és olcsóbbak. És ami a legfontosabb: az egyes karakterek és teljes betűcsaládok helyettesítésének lehetősége lehetővé tette a könyvek nemcsak latin nyelvű, hanem más európai nyelveken történő nyomtatását is.

Az emberek örömmel fogadták ezeket a változásokat. Olyan nyelvű könyvekre volt szükségük, amelyeket magukkal tudtak vinni. Tudásszomjuk volt, és a nyomtatott könyvek csillapították.

Az első átmenet eredményeként azonban a könyv sokat veszített emberségéből. A gépek vették át a fő folyamatot, de a kézművesek továbbra is keresettek. Minden betűt kézzel faragtak, az alkotásokat és az illusztrációkat is ember készítette. Azonban nem kell sokáig várni, és a készség elkezdi elhagyni a könyvkészítési folyamatot.

DIGITÁLIS KOR

Az első átkelő megsemmisítette a kézzel írott könyveket. Az iparosodás végül megfosztotta az emberiség pecsétjét, minden gépesült, a kézművesek kimaradtak a munkából. De a harmadik átmenet végül befejezte a tipográfiát mint művészetet. A legtöbb betűtípus manapság meglepően jellegtelen. Ez csak egy csomó betűtípus a számítógépén. Aligha ismeri valaki ennek vagy annak a betűtípusnak a történetét. Senkit nem érdekel korábban. Egy perc alatt több száz betűtípust görgetünk át, keresve a megfelelő betűtípust, és minden más nem olyan fontos.

_______________________

„Erősen számítógépesített világunkban a típusok és változatok sokfélesége a vizuális szennyezés új szintjét jelenti, amely közvetlenül fenyegeti kultúránkat” – mondja Massimo Vigneli tervező. "A több ezer betűtípusból csak néhány alapvetőre van szükségünk, mert a többi csak szemét."
_______________________

Bizonyos szempontból igaza van. A tipográfia nem csak betűtípusok. Nem csak gyönyörű levelek, ez valami más, valami, ami érzést kelt bennünk. Alapvetően a tipográfia egy üzenet. A híres orosz tipográfus, Lazar Lissitzky szerint a tipográfiának optikailag ugyanazt a gondolatot kell közvetítenie az olvasó számára, amelyet a beszélő a hangjával hangoztat."

Régen senki sem ír tollal pergamenre. Eltűntek a tinta szagú durva papírok. A fényes nyomatok piaca mikroszkopikus méretekre zsugorodott. Ma nem nyomtatott, hanem gépelt szövegeket olvasunk, és egyáltalán nem papíron. És úgy tűnik, egy újabb átmenet vár a tipográfiára. Hogy mi lesz, azt senki nem tudja, de nagy valószínűséggel a papír nyomán a már megszokott kijelzők elavulnak. Nehéz megmondani, mikor lesz új forradalom, de minden bizonnyal lesz új átmenet.

A legszomorúbb ebben az egészben, hogy az emberek elvesztették önmaguk egy részét a tökéletességre való törekvésben. A kalligráfia készségére ma gyakorlatilag senkinek sincs szüksége. Sokáig tart, odafigyelést és kitartást igényel. Ennek ma semmi értelme – minden ízléshez van fejhallgató. Olyan betűtípusokat választunk, mint a zombik: név, méret, stílus ... Üzenet? Üzenet? A számítógépes betűtípusok mögött nincs üzenet, nincs előzmény, semmi.

A MÚLT NOSTALGIÁJA

Manapság sok tervező úgy érzi, hogy új betűtípusokra van szükség, amelyek megadják a szövegnek azt a személyességet, amelyre annyira szükség van. A tipográfiával sokféleképpen dolgozhatunk, és mindegyiknek ugyanaz a célja, hogy eltávolodjunk a digitális betűtípusok arctalanságától. Mindent felhasználnak - színkontraszt, hangerő illúziója, negatív tér, egyszóval mindent, ami egy szabványos betűtípust valamivel kevésbé szabványossá alakíthat.

És ezzel kapcsolatban három erősödő trendet figyelhetünk meg, amelyek a tervezők azon vágyát mutatják, hogy visszaállítsák a betűtípusok elveszett hitelességét. A tipográfiában csak három fő irányvonal van, de ezeket nehéz kihagyni, hiszen szó szerint mindenhol megjelennek. Olyan stílusokról beszélünk, mint a retro, az akvarell és a sapkák.

VINTAGE GRANGE NYOMTATÁS

Az egyik leggyakoribb tervezési probléma a probléma.

Ebben a cikkben megosztjuk a jó tipográfia néhány alapelvét, és tippeket adunk a sok gyakori hiba elkerülésére.

Ez a cikk nem a tipográfiáról vagy a tipográfia művészetéről szóló könyv, inkább a „ gyors tippek a tervezés betűkészletének javítása”.

1. szabály: Minél kisebb a betűtípus, annál jobb

Az egyik legnagyobb hiba, amit a tervezők elkövetnek, hogy ezt is használják egy nagy szám betűtípusok és/vagy stílusaik. Próbáld meg kettőre vagy háromra csökkenteni őket. Vagyis a fő szövegnek azonos betűtípusú és méretűnek kell lennie.

Válasszon egyet a címsorokhoz, és tartsa be, esetleg végső megoldásként, egy másikat az alcímekhez. Ne féljen, ha a betűtípusok nagyon különböznek egymástól. Ha két nagyon hasonló betűtípust használ a tervezésben, az olvasó azt gondolhatja, hogy egyszerűen hibázott, és véletlenül rossz betűtípust választott a gépelés során.

Ügyeljen a színek konzisztenciájára, sűrűségére stb. vagy a szöveged részeg legyeknek fog kinézni az egész oldalon.

2. szabály: Ügyeljen a kisülésre

Ügyeljen arra, hogy ne lépje túl a betűket. Ha problémái vannak a szöveg helyének hiányával, akkor jobb, ha csökkenti a betűtípust. Igen, lehet, hogy helyet ad a bekezdések között, de semmi ok az aggodalomra, ad egy kis levegőt olvasás közben.

3. szabály: Helyes igazítás

Kérjük, ne helyezzen mindent középre (hacsak nem speciális tervezési lépésről van szó). Fontolja meg a rács használatát. Hiszen az oldalon minden összefügg egymással. Használjon irányelveket, és helyezze el a tárgyakat ezek szerint. Ne szórjon szét tárgyakat az oldal sarkaira, mintha nem tudná eldönteni, hová helyezze őket.

4. szabály. Kevésbé dekoratív betűtípusok

Vannak gyönyörű dekoratív betűtípusaid? Csodálatos! De ez egyáltalán nem jelenti azt, hogy ezeket a bekezdések szövegéhez kell használni. A dekoratív betűtípusok mögött leggyakrabban egy történet van, vagy konkrét esetben használják őket, például egy címsorhoz vagy címhez. Gyakran előfordul, hogy minél egyszerűbb, annál jobb, ezért olyan népszerűek az olyan betűtípusok, mint a Helvetica.

5. szabály: A méret számít

Ez kb akkora, mint a szöveg betűi;). A címsorok jók, ha félkövéren és nagyban szedik őket, de ha túl nagy betűket használ a törzsszövegben, akkor olcsóbb lesz. Gondolkozz el róla. Elmész egy jó étterembe, és gyakran előfordul, hogy meg van írva az étlap apró betűs, jól néz ki. (Csak ügyeljen arra, hogy a betűtípus ne legyen elég kicsi ahhoz, hogy nehezen olvasható legyen.) Ne félj attól, hogy a címlapokat sokkal nagyobbra tedd, mint a tested.

6. szabály: Ügyeljen az olvashatóságra

Mindent úgy csinál, hogy olvasható legyen. Sötét szöveg bekapcsolva sötét háttér- ez nem nagyon jó ötlet... Ami még rosszabb, kis szöveget helyez el egy nagy kontrasztú fotó fölé. Ne felejtse el, hogy semmire ne helyezzen szöveget.

7. szabály Válassza ki a megfelelő színeket

Melyik szín a legjobb a betűtípushoz? Általában, akár hiszi, akár nem, gyakran a fekete vagy a fehér a legjobb. Ha a szürke különböző árnyalataitól eltérő színt használ, csökkentse a telítettséget. Az élénk színű betűtípusokat nehéz lehet olvasni. Óvakodjon az összetett vibrációs kombinációktól, mint például a piros a zölden.

8. szabály. Megfelelő csoportosítás

A legjobb, ha a kapcsolódó információkat egyesítjük. Ez áttekinthetőbbé teszi a tervezést. Például: nézzen meg egy filmplakátot, az összes adat vonzó blokkokba van csoportosítva. Most már úgy is láthatók, mint külön elem tervezés. Példák a rossz csoportosításra – nyissa meg a sárga oldalakat.

9. szabály. Elegendő vezetés

Ez a szövegsorok közötti távolság. Nagyon fontos a megfelelő intervallum kiválasztása. Sokkal élvezetesebb az olvasás, ha a sorok között van hely a többi szemnek is. Általános szabály, hogy próbáljon a betűméretnél legalább 2 ponttal nagyobb kezdőbetűt használni. Például: a maximális olvashatóság érdekében 10 pontnál a betűtípust legalább 12 pontra kell állítani.

10. szabály: Ügyeljen a bevágásra

A Kerning a szó egyes karakterei közötti térköz. Fontos, hogy legyen tapasztalata a rossz levágás azonosításában, mivel a programok, például a Photoshop gyakran hibáznak az elhelyezésben. Ezt manuálisan kell beállítani, de a lényeg az, hogy ne vigyük túlzásba. Ha nem szereti a karaktertávolságot, de nem tudja, hogyan javítsa, válasszon másik betűtípust.

Próbálja ki ezeket a szabályokat, amikor a típussal dolgozik. A jól megtervezett típusú blokkok jól nézzenek ki képek nélkül. A legjobb esetben az Ön típusú munkája megerősíti a pozitív tervezési élményt. Vonzónak és könnyen olvashatónak kell lennie.