8 Pravidla pro vytvoření efektivní typografie
Dnes budeme diskutovat o něčem, co je jak horkým trendem, tak nadčasovým uměním: typografie. Níže uvedená základní pravidla vám pomohou lépe si uvědomit, jak strukturujete a používáte typografii ve svých návrzích.
Znalost těchto pravidel může zlepšit téměř vše, co vytvoříte, které obsahuje nadpis nebo hlavní typografický prvek. Začněme!
1. Naučte se základy
Prvním krokem k efektivnější typografii je naučit se něco o umění. Pokud s jeho koncepty neznáte, možná si budete myslet, že typografie musí být docela jednoduchá disciplína. Jistě, pokud znáte abecedu, kterou jste vyhráli polovinu bitvy, ne? Zbývá už jen změnit to, jak to vypadá a máte vlastní písmo! Ve skutečnosti je typografie poměrně komplikovaná a je to stejně věda jako umění.
Anatomie písma zahrnuje velmi specifický žargon, přesná měření a obecné standardy, které musí být známy a respektovány. Stejně jako u mnoha forem designu se můžete zbavit porušování pravidla pouze tehdy, pokud to dobře víte a děláte to záměrně, abyste učinili prohlášení.
Jedním z nejlepších míst, kde se dozvědět o typografii online, je I Love Typography, blog věnovaný krásnému typu. Zde je obrázek z ILT představující některé pojmy, s nimiž byste se měli seznámit:
Jak vidíte, výroba pěkných dopisů se rychle zkomplikuje. Výše uvedený obrázek dělá vynikající práci při vysvětlování těchto termínů vizuálně, ale v žádném případě to není vyčerpávající seznam termínů a konceptů, se kterými se musíte seznámit. Například výrazy jako x-height, kerning a baseline nejsou v grafice řešeny. Chcete-li lépe zvládnout všechny tyto skutečnosti, měli byste strávit několik minut procházením typografického glosáře.
Na co sakra?
Odpověď na tuto otázku je zřejmá: „Protože jste designér!“ Pokud pravidelně vytváříte návrhy, které využívají slova, ponoříte se do typografie, ať už chcete nebo ne. Trvá-li nějaký čas, než se naučíte základní principy, budete si mnohem více vědomi charakteristik používaných typů písma a způsobu, jakým typ používáte jako umění.
2. Sledujte Kerning
Tento příspěvek není zamýšlen jako komplexní studie typografie, takže nebudu podrobně zkoumat každou z výše uvedených podmínek. Kerning je však něco, co spousta designérů, nových i starých, zcela přehlíží. Nedávno jsem diskutoval o tomto tématu s vedoucí uměleckou ředitelkou významné ženské módní webové stránky. Jedinou věcí, která ji nejvíce frustrovala ohledně návrhářů pod ní, je jejich neustálá snaha o vyrovnání párů.
Co je to?
Vyrovnání párů zahrnuje úpravu mezery mezi dvěma písmeny v daném písmu. Všimněte si, že se jedná o samostatný problém než o sledování, který upravuje mezery mezi všemi písmeny současně. Možná si myslíte, že drahý program, jako je Adobe Illustrator, by automaticky vyřešil všechny problémy s vyrovnání párů za vás, a proto se nejedná o problém, který by se objevil ve vaší kresbě. Zamyslete se znovu. Podívejte se na příklad níže:
Pokud nejste zvyklí hledat problémy s vyrovnání párů, mohou být problémy jemné, ale jsou tam. Všimněte si, jak velké písmeno „D“ ve výše uvedeném příkladu výrazně vyniká od zbytku slova. Ve výchozím nastavení může mít mnoho typů písma, zejména ty s výraznými patkami, nekonzistentní mezery mezi písmeny. Obvykle to není velký problém v odstavci nebo větě, protože nekonzistentní mezery se prolínají v blocích menší kopie. Pokud se však zabýváte pouze několika slovy, například v nadpisu nebo logu, nedbalé vyrovnání párů může zničit celou estetiku.
Problémy s vyrovnání párů se mohou komplikovat při práci s webovými fonty a CSS, ale je docela snadné je opravit, pokud vytváříte text jako grafiku (pro tisk nebo web) v Illustratoru, Photoshopu atd. Jednoduše vložte kurzor mezi dva znaky a použijte volbu (PC = alt) ve spojení s klávesami se šipkami vlevo a vpravo pro nastavení vzdálenosti. Nezapomeňte se soustředit na písmena stejně jako na negativní mezery mezi písmeny. Pokuste se tento prostor vizuálně shodovat v celém slově nebo frázi.
3. Buďte si vědomi komunikace s písmy
Výběr písma by neměl být nikdy svévolným procesem. Jednoduše při pohledu na celou knihovnu najdete písmo, které se vám líbí, málokdy povede k efektivnímu výsledku. Důvodem je to, že s určitými typy písem je spojena vlastní psychologie. Chcete-li zjistit, co tím myslím, zvažte následující příklady:
Pokud jste vnímaví, budou tyto volby písma vypadat velmi špatně. Důvod je ten, že existuje výrazný rozdíl mezi vizuální osobností výběru písem a slovy, která jsou s nimi psána. Téměř nikdy byste neviděli předního světového konečného bojového mistra zvolaného pěkným skriptovým písmem. Ze stejného důvodu byste pravděpodobně nikdy nepoužívali Cooper Black na vaše svatební pozvánky. Zvykli jsme si na různé typy písem používaných pro určité účely.
Každé písmo komunikuje určité atributy na vědomé i podvědomé úrovni. Dvě hlavní oblasti komunikace jsou gender a éra. Zvažte níže uvedené příklady.
Všimněte si, jak první dvě písma silně komunikují o konkrétní minulé éře. Podobně i další dvě písma mají silně asociované charakteristiky založené na pohlaví. Hustá písma s tvrdými okraji mají sklon vypadat více mužně a mužně, zatímco křivky, tenká písma jsou ženská a holčičí.
To vše se může zdát trochu zřejmé, ale vaše typografická dovednost se zlepší skoky a mezemi, pokud dokážete tyto znalosti z implicitní a instinktivní části vašeho mozku a proměnit je v explicitní a úmyslné jednání.
Více informací o písmu
Chcete-li se dozvědět více o konkrétních typech písem, podívejte se na graf klasifikace typů Adobe.
4. Zarovnání
Zarovnání je v typografii nesmírně důležitý pojem. Z nějakého důvodu mají lidé, kteří nejsou designéry, sklon instinktivně vycentrovat vše. Někde v životě se dozvíme, že pokud je něco soustředěno, je to vyvážené, a proto lepší. Ve skutečnosti je zarovnání středu nejslabší, nejtěžší čtení a mělo by být použito velmi selektivně.
První dva odstavce výše jsou zarovnány doleva. Takto jsme zvyklí číst, protože je to obvykle formát, který vidíme v knihách, časopisech atd. Odstavce zarovnané na střed jsou mnohem obtížnější číst kvůli nedostatku tvrdého okraje. Neexistuje žádný konzistentní počáteční nebo koncový bod pro každou linii, takže se vaše oči na okamžik přizpůsobí každé nové linii. Rozdíl je v praxi jemný, ale v zásadě obrovský.
To neznamená, že zarovnání doleva byste měli používat vždy. Nezapomeňte se neustále ptát, jak důležitá je čitelnost v porovnání s konkrétní estetikou, kterou byste se mohli snažit dosáhnout. V ideálním případě by tyto principy vždy spolupracovaly, ale ve skutečnosti jsou často protikladnými silami, které vyžadují kompromis v jednom či druhém směru.
Další věcí, kterou je třeba si uvědomit, je míchání zarovnání. Bez ohledu na to, které zarovnání si vyberete, zkuste být konzistentní v celém návrhu. Je často (i když ne vždy) vhodné zarovnat titulek na střed nad kopií zarovnanou doleva, ale experimentování se smíšenými zarovnáními nad tímto může vést k vizuálně zaplněné a matoucí stránce.
Další informace o zarovnání písma najdete v článku níže.
Výběr typu zarovnání pro web
5. Vyberte dobré sekundární písmo
Poté, co jste vybrali primární písmo, je dalším krokem vybrat jiné písmo, které jej zvýrazní. To je na rozdíl od písma, které bude v rozporu s primárním výběrem.
S prvním příkladem na obrázku výše je několik problémů. Zaprvé, typy vybraných písem jsou velmi špatné. Podpůrné písmo je ozdobnější (a těžší číst) než primární písmo! To odvádí pozornost od primárního písma a je třeba se mu vyhnout. Také, i když první problém nebyl problém, jsou dvě písma jednoduše příliš podobná tloušťka, než aby byly použity společně. I když se výrazně liší stylem, jejich podobná hmotnost mrtvice neposkytuje dostatečný vizuální kontrast mezi nimi.
Druhý obrázek používá vhodně kontrastní písma a používá pro tenčí štítek tenčí a jednodušší písmo. Vaše písma rozhodně nemusejí tolik kontrastovat (účinek byl záměrně přehnaný pro příklad), jen se ujistěte, že jsou dostatečně odlišná, aby nedocházelo k vizuálnímu zmatku a že větší důraz je kladen na primární písmo.
6. Velikostní záležitosti
Za šest let, kdy jsem byl designérem, jsem vytvořil spoustu tištěných propagačních reklam. Jednou z věcí, které se naučíte velmi brzy při práci s propagačními materiály, je to, že titulky by měly čtenáře okamžitě chytit. Máte přinejlepším sekundu nebo dvě, abyste někoho upozornili v tisku. Pokud vám tato příležitost unikne, ztratili jste potenciálního zákazníka.
Prakticky to znamená, že když vytváříte titulek, jednoduše jej nevypisujte: navrhněte jej. Zvažte následující dva příklady:
První nadpis vyžaduje, abyste si přečetli každé slovo, abyste získali představu o tom, o čem je zpráva. Všechno má stejnou velikost, šířku a barvu, takže na jakoukoli část zprávy není kladen žádný důraz. Slovo „mohl“ je stejně vizuálně důležité jako slovo „vyhrát“.
Naproti tomu druhý nadpis je mnohem silnější, i když používá přesně stejnou zprávu. De-zdůraznil slova, která nejsou tak důležitá, a opravdu křičela slova, která jsou. Problém s prvním nadpisem je v tom, že divák musí být ochoten věnovat čas jeho čtení. Trik je tedy přimět diváka, aby si přečetl důležité části, jakmile uvidí nadpis, téměř jako by náhodou.
Když se podíváme na druhý příklad, první věcí, kterou byste si měli všimnout, je slovo „VYHRA“ následované slovy „BAHAMY“. V tuto chvíli, pokud jste cílové publikum, jsme vzbudili váš zájem a je mnohem pravděpodobnější, že si uděláte čas a uvidíte, o čem tato zpráva je.
7. Použijte typografii jako umění
Přestaňte přemýšlet o typografii jako o titulcích a kopiích těla a začít o tom uvažovat jako o konstrukčním prvku. Písma jsou pečlivě navržena, a proto mají estetiku, která může být cenným přínosem pro váš arzenál designu. To samozřejmě jde daleko za vytváření obličejů písmeny. Pokud chcete vytvořit design zaměřený na typografii, přemýšlejte o tom, jak můžete začlenit atraktivní typ hrdiny.
Nikdy se necítíte, jako byste byli omezeni strukturou existujících písem. Rozšiřte si tvary písem, aby vyhovovaly vašim potřebám. Zkuste přidat víry, texturu, skvrny, spoty a cokoli jiného, na co si vzpomenete, abyste okořenili vzhled tohoto typu.
8. Najděte dobrou inspiraci
Nejlepší způsob, jak se naučit vytvářet efektivní a atraktivní typografii, je najít a prostudovat některé stávající příklady. Níže uvádíme několik skvělých článků pro nalezení inspirace online, ale nekončte tam. Příklady dobré a špatné typografie jsou nejblíže k nejbližšímu rychlému jídlu. Sledujte všude, kam chodíte, na to, co dělají ostatní, a přemýšlejte o tom, proč to funguje, nebo ne.
Nádherné příklady květinové typografie
40 Příklady krásné typografie v reklamním designu
Nádherné typografické příklady v reklamním designu
50 Příklady vintage typografie
Porušit pravidla
Pamatujte, že tato pravidla jsou jednoduše určena jako vodítka, která vám pomohou vytvořit skvělou typografii. Cestou zjistíte, že některé z vašich nejlepších prací bezohledně porušují jeden nebo více principů uvedených v tomto článku. Jak jsem již řekl, okamžik, kdy plně pochopíte dané pravidlo v designu, je okamžikem, kdy máte povolení jej porušit. Jen se ujistěte, že ignorování není svévolné, ale provedeno s cílem a dosáhnout konkrétního cíle.
Dodatečné zdroje
- Typedia: Sdílená encyklopedie řezů
- Typofilní
- Prvky typografického stylu aplikované na webu
- 15 tipů pro výběr správného typu textu
Pravidla bývají omezující, ale doufám, že těchto osm návrhů místo toho úspěšně otevřelo vaše typografické možnosti.
