Co je typografie a případně typografický design? Nejčastějším vysvětlením je typografie návrh a použití písma jako prostředek komunikace. Mnoho lidí považuje typografii za začátek s Gutenbergem a vývoj pohyblivého typu, ale typografie jde mnohem dál. Tato větev návrhu má své kořeny v ručně psaných písmenách. Typografie zahrnuje vše od kaligrafie přes digitální typ, který dnes vidíme na webových stránkách všeho druhu. Typografické umění také zahrnuje návrhářů, kteří vytvářejí nové formáty dopisů, které se pak změní na soubory písem, které mohou jiné designy používat ve své práci, od tištěných děl až po výše uvedené webové stránky. Stejně odlišné, jako tyhle práce, jsou základem všech typografických typů.
Prvky typografie
Písma a písma: Pokud jste někdy mluvili s designérem, který v jejich dílech používá typografii, pravděpodobně jste slyšeli výrazy "písmo" a / nebo "písmo". Mnoho lidí používá tyto dva pojmy zaměnitelně, ale mezi těmito dvěma položkami jsou skutečně některé rozdíly.
"Typeface" jsou pojmy, které se dávají skupině písem (například Helvetica Regular, Helvetica Italic, Helvetica Black a Helvetica Bold ). Všechny různé verze programu Helvetica tvoří kompletní písmo.
"Písmo" je termín používaný, když někdo odkazuje pouze na jednu váhu nebo styl v této rodině (například Helvetica Bold). Tolik písem se skládá z několika samostatných písem, které jsou všechny podobné a příbuzné, avšak nějakým způsobem odlišné. Některé písma mohou obsahovat pouze jediné písmo, zatímco jiné mohou obsahovat četné varianty písmen, které tvoří fonty.
Zní tohle trochu mátlo? Pokud ano, nebojte se. Ve skutečnosti, pokud někdo není typograf odborník, budou pravděpodobně používat termín "písmo" bez ohledu na to, který z těchto výrazů skutečně znamenat - a dokonce i mnoho profesionálních designérů tyto dva pojmy používají zaměnitelně. Pokud nehovoříte s čistým návrhářem o mechanice řemesla, jste pravděpodobně docela bezpečný, a to podle toho, který z těchto dvou termínů preferujete. To je řečeno, pokud pochopíte rozdíl a správně používat správné pojmy, to nikdy není špatná věc!
Znaky písma: Někdy nazýváme "generické rodiny písem" , jedná se o velké seskupení písem založených na řadě obecných klasifikací, na kterých spadají různá písma. Na webových stránkách existuje šest typů klasifikací písma, které pravděpodobně uvidíte:
- serif
- sans-serif
- monospaced
- kurzívní
- fantazie
- skript
Existuje také řada dalších klasifikací písma, které jsou odvozeny z nich. Například písma "serif serif" jsou podobné písmenům, ale všechny jsou vybaveny rozeznatelnou konstrukcí s tlustými, hrubými serify na písmenách.
Jeden web dnes, serif a sans-serif jsou dvě nejběžnější klasifikace písma, které se používají.
Anatomie písma: Každý typ písma je tvořen různými prvky, které ho odlišují od ostatních písem. Pokud se nejednáte zejména o typ designu a chcete vytvořit zcela nová písma, weboví designéři obecně nemusí znát specifika anatomie písma. Máte-li zájem dozvědět se více o těchto stavebních bloků písma a letterforms, tam je skvělý článek o anatomii písma na desktop publishing site.
Na základní úrovni by měly být prvky anatomie písma, které si musíte být vědomy:
- Víčko a výška x: Jedná se o výšku velkých písmen v písmu a výšku písmena x. Říká vám, jak velké jsou největší písmena, a jak velká budou velká písmena. Písma jsou dimenzována na základě těchto dvou charakteristik.
- Decenders and ascenders: Toto jsou části písmen, které se pohybují pod a nad čárou x-height . Obvykle se jedná o malá písmena. Například písmeno "b" má vzestupný prvek (kus, který drží "nahoru" od písmene), zatímco písmeno "p" má descender (části, které se od písmena liší).
Rozestup kolem dopisů
Existuje několik úprav, které lze provést mezi písmeny, které mají vliv na typografii. Digitální fonty jsou vytvořeny s mnoha z těchto vlastností a na webových stránkách máme omezenou schopnost měnit tyto aspekty písma. To je často dobrá věc, protože standardní způsob zobrazení písem je obvykle výhodnější.
- kerning - vodorovný prostor mezi jednotlivými písmeny
- sledování - prostor mezi skupinami písmen
- vedoucí - svislý prostor mezi řádky typu (toto je známo jako line-height v internetových termínech)
- měření - délka řádků textu
- zarovnání - vizuálně umístit text doleva, doprava, vycentrovat nebo ospravedlnit
- ligatury - dopisy se pohybují blízko sebe tak, že jejich anatomie jsou spojeny, v podstatě plynoucím jeden dopis do druhého
Více typografických prvků
Typografie je více než pouhými písmeny, které se používají, a mezery kolem nich. Existují také některé další věci, které byste měli mít na paměti při vytváření dobrého typografického systému pro libovolný design:
Hyphenace: Hyphenace je přidání pomlčky (-) na konci řádků, aby se zabránilo problémům v čitelnosti nebo aby zdůvodnění vypadalo lépe. Zatímco se běžně vyskytují v tištěných dokumentech, většina webových designérů ignoruje dělení slov a nepoužívá je ve své práci, protože to není něco, s čím se webové prohlížeče dobře zabývají.
Rag: nerovný svislý okraj bloku textu se nazývá rag. Když věnujete pozornost typografii, měli byste se podívat na vaše textové bloky jako celek, abyste se ujistili, že hadrová struktura nemá vliv. Pokud je hadr příliš zubatý nebo nerovný, může ovlivnit čitelnost textového bloku a zpochybnit ho. To je něco, co prohlížeč automaticky zpracovává, pokud jde o to, jak se to děje z linky na linii.
Vdovy a sirotky: Jedno slovo na konci sloupce je vdova a pokud je v horní části nového sloupce, je to osiřelý. Vdovy a sirotky vypadají špatně a mohou být těžko čitelné.
Získání linek textů, které se perfektně zobrazují ve webovém prohlížeči, je vyčerpávajícím řešením, obzvláště pokud máte citlivé webové stránky a různé displeje pro různé velikosti obrazovky. Váš cíl by měl být přezkoumání webu v různých velikostech, aby se pokusil vytvořit nejlepší vzhled že v některých případech bude mít váš obsah okna, sirotky nebo jiné než ideální displeje. Vaším cílem by mělo být minimalizovat tyto aspekty návrhu typu, a také být realistické ve skutečnosti, že nemůžete dosáhnout dokonalosti pro každou velikost obrazovky a displej.
Kroky ke kontrole typografie
- Zvolte typ písma opatrně, podívejte se na anatomii typu a na jakou rodinu je typ .
- Pokud vytvoříte návrh pomocí zástupného textu , neschválte konečný návrh, dokud neuvidíte skutečný text v návrhu.
- Dejte pozor na malé detaily typografie .
- Podívejte se na každý blok textu, jako by neměl v něm žádné slovo. Jaké tvary vytváří text na stránce? Ujistěte se, že tyto tvary přenášejí celou stránku vpřed.
Původní článek Jennifer Krynin. Upraveno Jeremy Girardem 7. 5. 17