Čo je typografia a rozšírenie typografického dizajnu? 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
Písma a písma: Ak ste niekedy hovorili s dizajnom, ktorý používa typografiu vo svojich dielach, 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" sú výrazy, ktoré sa dajú rodine 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.
Znie to trochu mätúce? Ak áno, nebojte sa. V skutočnosti, ak niekto nie je odborníkom na typografiu, bude pravdepodobne používať termín "písmo" 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!
Textové klasifikácie: Niekedy sa nazývajú "generické rodiny písiem" , ide o veľké zoskupenia typov písma založené na množstve všeobecných klasifikácií, na ktoré sa odlišujú písma. Na webových stránkach existuje šesť typov klasifikácie písma, ktoré pravdepodobne uvidíte:
- serif
- sans-serif
- neproporcionálne
- kurzívní
- fantázie
- skript
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.
Jeden web dnes, serif a sans-serif sú dve najbežnejšie klasifikácie písma, ktoré sa používajú.
Anatómia písma: Každá písma sa skladá z rôznych prvkov, ktoré ju odlišujú od iných písmen. Ak nie ste špeciálne ísť do typ dizajnu a snažíte sa vytvoriť úplne nové písma, web dizajnéri nemusia všeobecne poznať špecifiká písma anatómia. Ak máte záujem dozvedieť sa viac o týchto stavebných blokov písma a letterforms, tam je skvelý článok o anatómii písma na desktop publishing site.
Na základnej úrovni by mali byť prvky anatómie písma, ktoré si musíte uvedomovať:
- Cap a x-height: Toto 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á. Fonty sú dimenzované na základe týchto dvoch charakteristík.
- Decenders and ascenders: Toto sú časti písmen, ktoré idú nad a nad líniou x-height . Obvykle sa jedná o malé písmená. Napríklad písmeno "b" má ascender (kus, ktorý sa "vytiahne" z písmena), zatiaľ čo písmeno "p" má descender (diely, 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ší.
- kerning - horizontálny priestor medzi jednotlivými písmenami
- sledovanie - priestor medzi skupinami písmen
- vedúci - vertikálny priestor medzi riadkami typu (toto je známe ako line-height v webových termínoch)
- opatrenie - dĺžka riadkov textu
- zarovnanie - vizuálne umiestňovanie textu doľava, doprava, vystredenie alebo odôvodnené
- ligatúry - písmená sa pohybujú blízko sebe tak, že ich anatómia sú kombinované a v podstate pretekajú 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:
Rozdelenie slov: Rozdelenie je pridaním pomlčky (-) na konci riadkov, aby ste predišli problémom č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: nerovný vertikálny okraj bloku textu sa nazýva handrička. 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 raps typ z linky na riadok.
Vdovy a siroty: Jedno slovo na konci stĺpca je vdova a ak je v hornej časti nového stĺpca, je to sirota. Vdovy a sirotky vyzerajú zle a môžu byť ťažko čitateľné.
Získanie vašich riadkov textu, ktoré sa perfektne zobrazujú vo webovom prehliadači, je vyčerpávajúcim návrhom, najmä ak máte na web odpovedajúcu obrazovku a rôzne zobrazenia pre rôzne veľkosti obrazovky. Váš cieľ by mal byť preskúmanie stránky v rôznych veľkostiach, aby ste sa pokúsili vytvoriť najlepší vzhľad akceptovať, ž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.
- Dávajte pozor na malé detaily typografie .
- 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.
Originálny článok od Jennifer Krynin. Upravený Jeremy Girard dňa 7/5/17