Tipográfia Tananyagok motion design, webdesign, interface design témákban:
Betűtípus-osztályozás
Velencei reneszánsz antikva Centaur, Nicholas Jenson, XV. sz. erőteljes, egyenletes íráskép még nem olyan tudatos, geometrikus konstrukció
Francia reneszánsz antikva Garamond, Claude Garamont, XVI. sz. nyugodtabb írásképp a mai napig sok változatát használják
Barokk antikva Baskerville, XVIII. sz. még érzékelhető rajta a lúdtoll, de a rézmetszés hatása is nagyobb kisbetűk nyitottabb íráskép, kisebb betűméretekkel is használható
Klasszicista antikva Didot, XVIII. sz. vége réz és acélmetszés határozzák meg a tipográfiát vízszintesen és függőlegesen igazítva -> kemény és szigorú erős függőleges oszlopok
Lineáris antikvák a 19. sz. elején teret nyertek a hangsúlyos talpú lineáris betűk feltűnő reklámfeliratok igénye Egyptians : Clarendon, Slap serif, írógép-betűk
Clarendon nagyon erős, csepp alakú talpak markáns, erős íráskép plakátokhoz alkalmas
Slap serifs (itt: Rockwell) ipari forradalom korában kör- és négyzet-orientáltsága miatt igen konstruált jellegű négyzetes talpak, alig vannak lekerekítések
Írógépbetűk (itt: Courier) Typewriter types, Monospace minden írásjel egyenlő széles, azonos függőleges és vízszintes vonalvastagságok ritmus nélküli, technikai
Talp nélküli antikvák a 19. sz. elején az ipari forradalom racionalizáló szelleme négyzeteken és körökön alapuló betűket hozott
Gill egyes betűkön még látszik a változó szélességű tollvonás minden vonal közel azonos vastagságú
Bauhaus Bauhaus, Futura, Avenir mértani alapidomok alapján konstruálva nincs különbség vízszintes és függőleges vonalak között kevésbé jól olvasható; leginkább fejezetcímekhez
Helvetica mérsékeltebb, időtlenebb magasabb kisbetűk Univers, Arial
Antikva variánsok: Arnold Böcklin Jugendstil, növény-ornamentika a dekoráció áll előtérben, nem a jó olvashatóság
Antikva variánsok: FF blur technikai hiba által alakult ki egy Helveticából 90-es évek: digitális sampling, effektezés, keverés (David Carson)
Kézírások a latin hivatali betűk hatására egyéni kézírásokból és művészi betűtípus-vázlatokból lendületes nagybetűk Poetica, Zapfino, Linoscript, Mistral, Künstler Script
Künstler Script kötések azonos magasságban
Kézírásos antikvák nincs szigorú rendszer hangsúlyos kézírásszerű eredetiség Pl. Arcona, Kaufmann, Mistral, Pepita, Tekton belső variáció a digitális technikának köszönhetően
Arcona
Tört vonalú betűk ma már csak fejezetcímekben Gótikus, kerek gótikus, Schwabacher, Fraktur, Fraktur-variáns
Gothisch a kis betűk kerek formái meg vannak törve igen keskeny kisbetűk; nagybetűk sok formából belső hézagok = betűközök > hosszúkás; szigor
Fette Fraktur a függőleges vonalak vastagabbak, mint a belső hézagok és a betűközök Hasonlók: Unger-Fraktur, Walbaum-Fraktur
Betűcsaládok Talpas (serif) Groteszk (sans serif) Monospace Kézírásos (Handwriting) Georgia Open Sans Courier New Künstler Script Windings
Betűtípusok
Betűstílusok Vastagság Szélesség (narrow, codensed, wide / extended) Egyenes / dőlt
Formátumok OpenType: platform-független PostScript: Windowsra és ios-re külön-külön kell megvenni TrueType: platform-független; korábban használata PDF-ben korlátozott volt
Tipográfiai fogalmak
Glifák
Glifák Egy betűtípus összes írásjelének áttekintése.
Ligatúrák Betűkapcsolatok, ahol a betűk összetalálkoznának.
Anatómia
Méret Kiadványszerkesztők: pt (0,352 mm) A sortávolság A sorok közötti távolság; a két szövegsor alapvonala között pt-ben vett távolság. A sorok közötti távolság; a két szövegsor alapvonala között pt-ben vett távolság.
Spacionálás, Betűköz A betűköz a szöveg betűinek egységes távolsága. A betűköz a szöveg betűinek egységes távolsága.
Spacionálás, Betűköz Tipográfia Tipográfia
Kerning
Kerning
A layouting-programok képesek ligatúrákra optikai betűközökre a betűméret, a betűköz és a sorköz dinamikus változtatására soronként iniciálékra (csak kép-körülfuttatással) A böngészők nem.
Kiemelések Im Winter hatte dieses Vergnügen ein Ende. Die Fenster waren oft ganz zugefroren; aber dann wärmten sie Kupferschillinge auf dem Ofen und legten den warmen Schilling gegen die gefrorene Scheibe; dadurch entstand ein schönes Guckloch, so rund, so rund; dahinter blitzte ein lieblich mildes Auge, eines vor jedem Fenster; das war der kleine Knabe und das kleine Mädchen. Er hieß KAY, und sie hieß GERDA. Im Sommer konnten sie mit einem Sprunge zueinander gelangen; im Winter mußten sie erst die vielen Treppen herunter und die Treppen hinauf; draußen stob der Schnee.
Címsorok Balra zárt: jólstrukturált Jobbra zárt: kiemelés Bal és jobb: dinamika Centírozott cím: erős középtengely
Folyószöveg Jobbra zárt: kellemetlen Elválasztások: keskeny oszlopoknál fontos
Folyószöveg Sorközök: kicsit nagyobb, mint a betűméret Groteszk: erőteljesebb, mert a kisbetűk nagyobbak kisebb betűméret és/vagy nagyobb sorköz
Tippek
Tippek 1. Klasszikus betűcsaládokból választani. 2. Kevés betűtípus használata: 2, max. 3 betű- TÍPUS, betű-stílusok takarékos bevetése. 3. Egységes külalak tartása. A heterogén íráskép zavarja az OLVASÓT.
Tippek 5. Túl hasonló betűtípusok kombinálásának kerülése. Garamond Times New Roman 6. Egészen eltérő érzelmekre indító betűtípusok kombinálásának kerülése. Algerian Mistral Cooper Black 7. VERZÁLIÁKBÓL ÁLLÓ BETŰTÍPUSOKAT CSAK RÖVID, JELENTŐSÉGTELJES SZÖVEGRÉSZEKHEZ HASZNÁLNI.
Tippek 7. Olvasható betűméretek: folyószöveghez min. 9pt max. 12pt 8. Kerning; betűközök kiegyensúlyozása
Tippek 9. Ügyeljünk az igazításra Ha túl keskeny oszloppal dolgozunk, a sorkizárás kevéssé alkalmas, mert sok hézag keletkezik, ami a szemnek változó olvasási tempót diktál. Balra zárt szövegnél a jobb oldal ugyan nincs kiegyenesítve, de az íráskép egységesebbnek hat, és általában kellemesebb.
Tippek 10.A kontraszt használata. Ideális esetben a szöveg színe jól elválik a háttérétől. Ilyen szemrontó feladványokat ne adjunk.
Tippek 11.Soha ne torzítsuk a szöveget.
Tippek 12.Kerülendő! Fattyúsor (özvegysor) Árvasor (suszterinas)
Tippek 13.Aláhúzások kerülése. Sokkal jobb lehetőségek vannak egy szövegrész kiemelésére. Sokkal jobb lehetőségek vannak egy szövegrész kiemelésére. 14.Bizonyos betűtípusok kerülése. Comic Sans Hű, de kafa
Tippek 15.A szabályok megszegése. Ha megértettük, miért alakult ki egy szabály, akkor megszegését design-motívumként tudatosan bevethetjük.
A MEGFELELŐ BETŰTÍPUS-MIX Fejezetcím Folyószöveg
1. Az ellentétek vonzzák egymást. Eltérő stílusok, méretek, igazítások, stb.
2. Családban marad. Különböző betűstílusokkal (félkövér, dőlt, vékony, sűrített) kontrasztot alkotni.
3. Mix & Match Talpas és groteszk kombinálása. Szerepcsere.
4. A hangulatok egyezése Kép és tipográfia erősítsék egymást.
Példák