Aby bolo možné použiť najzákladnejšie vysvetlenie, typografia je návrh a používanie písma ako prostriedok komunikácie. Mnoho ľudí považuje typografiu za začatú s Gutenbergom a vývoj pohyblivého typu, ale typografia sa vráti oveľa ďalej. Táto vetva dizajnu má v skutočnosti svoje korene v ručne písaných formách písmen.
Typografia zahŕňa všetko od kaligrafie cez digitálny typ, ktorý dnes vidíme na webových stránkach všetkého druhu. Typografické umenie zahŕňa aj návrhárov, ktorí vytvárajú nové formáty písma, ktoré sa potom premenili na súbory písma, ktoré môžu používať iné práce v ich práci, od tlačených diel až po vyššie uvedené webové stránky. Keďže tieto práce môžu byť odlišné, základy typografie sú základom všetkých.
Prvky typografie
Ak ste niekedy hovorili s webovým dizajnérom, ktorý používa typografiu vo svojej práci, pravdepodobne ste počuli výrazy "písmo" a / alebo "písmo". Mnoho ľudí používa tieto dva pojmy zameniteľné, avšak medzi týmito dvoma položkami sú v skutočnosti určité rozdiely.
Typ písma je pojem pre rodinu písiem (napríklad Helvetica Regular, Helvetica Italic, Helvetica Black a Helvetica Bold). Všetky rôzne verzie programu Helvetica tvoria kompletné písmo.
Písmo je termín používaný, keď niekto odkazuje iba na jednu váhu alebo štýl v rámci tejto rodiny (napríklad Helvetica Bold). Toľko typov písma sa skladá z množstva jednotlivých písiem, ktoré sú všetky podobné a súvisiace, ale nejakým spôsobom sa líšia. Niektoré typy písma môžu obsahovať iba jediné písmo, zatiaľ čo iné môžu obsahovať početné variácie písmen, ktoré tvoria fonty.
Ak sa to zdá byť mätúce, nemusíte sa obávať, ak niekto nie je odborník na typografiu, pravdepodobne bude používať výraz "font" bez ohľadu na to, ktorý z týchto výrazov skutočne znamená, a dokonca aj veľa profesionálnych dizajnérov používa tieto dva pojmy zameniteľné. Ak nehovoríte čistému typovému dizajnérovi o mechanika remesiel, pravdepodobne by ste boli celkom bezpečný, a to podľa toho, ktorý z týchto dvoch výrazov by ste preferovali. To je povedané, ak pochopíte rozdiel a správne používať správne pojmy, to nikdy nie je zlá vec!
Klasifikácia písma
Niekedy sa nazývajú "generické rodiny písiem", ide o veľké zoskupenia písiem založené na množstve všeobecných klasifikácií, ktoré spadajú pod rôzne písma. Na webových stránkach je šesť typov klasifikácie písma, ktoré pravdepodobne uvidíte:
- serif
- Sans-serif
- skript
- neproporcionálne
- kurzívní
- fantázie
Existuje aj niekoľko ďalších klasifikácií písma, ktoré sú odseky z nich. Napríklad písma "serif serif" sú podobné pätkám, ale všetky sú vybavené rozoznateľným dizajnom s hrubými, hrubými pätkami na písmenách. Serif a sans-serif sú dve najčastejšie klasifikácie písma, ktoré sa používajú na väčšine webových stránok.
Anatómia písma
Každé písmo sa skladá z rôznych prvkov, ktoré ho odlišujú od iných písiem, ktoré sa označujú ako anatómia písma. Ak nie ste konkrétne ísť do typového dizajnu a chcú vytvárať úplne nové písma, web dizajnéri vo všeobecnosti jednoducho potrebujú poznať základy terminológie písma.
Na základnej úrovni sú prvky anatómie písma, o ktorých by ste si mali byť vedomí, "cap" a "x-height" a "descenders" a "ascenders".
Cap a x-height je výška veľkých písmen v písme a výška písmena x. To vám povie, ako vysoké budú najväčšie písmená, rovnako ako veľké malé písmená. Všetky písma sú rozdelené na základe týchto dvoch charakteristík.
Zostupné a vzostupné sú časti písmen, ktoré idú nad a nad líniou x-height. Zvyčajne ide o malé písmená. Napríklad písmeno "b" má ascender (kus, ktorý sa drží "nahor" od písmena), zatiaľ čo písmeno "p" má descender (časti, ktoré sa "znižujú" od písmena).
Rozmiestnenie okolo písmen
Existuje niekoľko úprav, ktoré je možné vykonať medzi písmenami, ktoré ovplyvňujú typografiu. Digitálne písma sú vytvorené s mnohými z týchto charakteristík na mieste a na webových stránkach máme obmedzenú schopnosť meniť tieto aspekty písma. To je často dobrá vec, pretože predvolený spôsob zobrazovania písiem je zvyčajne vhodnejší.
- prekladania: Horizontálny priestor medzi jednotlivými písmenami
- sledovanie: Medzera medzi skupinami písmen
- vedúci: Vertikálny priestor medzi riadkami typu (toto je známe ako výška čiary v webových termínoch)
- opatrenia: Dĺžka riadkov textu
- zarovnanie: Vizuálne umiestňovanie textu vľavo, vpravo, v strede alebo ospravedlniteľne
- obväzy: Písmená sa pohybujú tak blízko, že ich anatómia sú kombinované, v podstate plynúce jeden list do druhého
Viac typografických prvkov
Typografia je viac než len typ písma, ktoré sa používajú, a medzery okolo nich. Existuje aj niekoľko ďalších vecí, ktoré by ste mali mať na pamäti pri vytváraní dobrého typografického systému pre akýkoľvek dizajn:
"Vykreslenie" znamená pridanie pomlčky (-) na konci riadkov, aby ste predišli problémom v čitateľnosti alebo aby zdôvodnenie vyzeralo lepšie. Zatiaľ čo sa často nachádzajú v tlačených dokumentoch, väčšina webových dizajnérov ignoruje pomenovanie a nepoužíva ich v práci, pretože to nie je niečo, čo je dobre spracované webovými prehliadačmi.
"Rag" je nerovný vertikálny okraj bloku textu. Keď sa venujete pozornosti typografii, mali by ste sa pozrieť na vaše textové bloky ako celok, aby ste sa uistili, že handrička nemá vplyv na dizajn.Ak je handrička príliš zúbkovaná alebo nerovnomerná, môže to mať vplyv na čitateľnosť textového bloku a narušiť ho. To je niečo, čo je automaticky spracované prehliadačom, pokiaľ ide o to, ako to zábal typ z linky na riadok.
Jedno slovo na konci stĺpca je vdova a ak je v hornej časti nového stĺpca, je to sirota. "Vdovy" a "siroty" vyzerajú zle a môžu byť ťažko čitateľné.
Získanie riadkov textu, ktoré sa perfektne zobrazujú vo webovom prehliadači, je vyčerpávajúcim návrhom, a to najmä vtedy, ak máte rýchlo reagujúcu webovú lokalitu a rôzne zobrazenia pre rôzne veľkosti obrazovky. Váš cieľ by mal byť prezeranie webových stránok v rôznych veľkostiach, aby ste sa pokúsili vytvoriť čo najlepšie možné vzhľad, pričom akceptujete, že v niektorých prípadoch bude mať váš obsah okná, siroty alebo iné zobrazenia, ktoré nie sú ideálne. Váš cieľ by mal byť minimalizácia týchto aspektov dizajnu typu, zatiaľ čo je tiež realistický v tom, že nemôžete dosiahnuť dokonalosť pre každú veľkosť obrazovky a zobrazenie.
Kroky na kontrolu vašej typografie
- Zvoľte typ písma opatrne, pozrite sa na anatómiu typu, ako aj na akú rodinu je typ.
- Ak vytvoríte návrh pomocou zástupného textu, neschválte konečný dizajn, kým neuvidíte skutočný text v dizajne.
- Venujte pozornosť malým detailom typografie, ako sú pomlčky a pomlčky.
- Pozrite sa na každý blok textu, ako by v ňom nemal žiadne slová. Aké tvary vytvára text na stránke? Uistite sa, že tieto tvary nesú celý dizajn stránky vpred.
