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
Pokud jste někdy mluvili s webovým designérem, který ve své práci 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.
Typ písma je termín, který je dán rodině fontů (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 rámci této rodiny (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.
Pokud to vypadá matoucí, nebojte se, pokud někdo není typografický odborník, pravděpodobně použije termín "písmo" bez ohledu na to, který z těchto výrazů skutečně znamená, a dokonce i mnoho profesionálních návrhářů používá tyto dva pojmy 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!
Klasifikace písma
Někdy se nazývají "generické rodiny písem", jedná se o velké seskupení písem založených na řadě obecných klasifikací, které spadají pod různá písma. Na webových stránkách je šest typů klasifikací písma, které pravděpodobně uvidíte:
- Serif
- Sans-serif
- Skript
- Monospaced
- Kurzívní
- Fantazie
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. Serif a sans-serif jsou dvě nejběžnější klasifikace písma, které se používají na většině webových stránek.
Anatomie písma
Každý typ písma je tvořen různými prvky, které ho odlišují od jiných písem, které se označují jako anatomie písma. Pokud nejste konkrétně jít do typového návrhu a snažíte se vytvářet zcela nová písma, weboví designéři obecně potřebují znát základy typologie terminologie.
Na základní úrovni jsou prvky anatomie písma, které byste si měli být vědomi, "čepice" a "x-výška" a "sestupující" a "vzestupné".
Výška a výška x je výška velkých písmen v písmenu a výška písmena x. Říká vám, jak velké jsou největší písmena, a jak velká budou velká písmena. Všechna písma jsou dimenzována na základě těchto dvou charakteristik.
Sestupy a sestupy 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á ascender (kus, který se "zvedne" z písmen), zatímco písmeno "p" má descender (části, které se "od" liší od písmene).
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 změ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: Horizontální mezeru mezi jednotlivými písmeny
- Sledování: Prostor mezi skupinami písmen
- Vedoucí: Vertikální mezery mezi řádky typu (toto je známo jako line-height v termínech webových stránek)
- Opatření: Délka řádků textu
- Zarovnání: Vizuálně umístit text doleva, doprava, vycentrovat nebo odůvodnit
- Ligaturami: Písmena se pohybují tak blízko sebe, že jejich anatomie jsou spojeny a v podstatě plynou 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" je doplně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í.
"Hadr" je nerovný svislý okraj bloku textu. 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 obtéká typ z linky na řádek.
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 textu pro perfektní zobrazení 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. Vaším cílem by mělo být prozkoumání webu v různých velikostech, aby se pokusil vytvořit co nejlepší vzhled, přičemž souhlasíte s tím, ž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, jako jsou pomlčky a pomlčky.
- 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.
