Základy typografie v anti-designu: Průvodce pro junior grafiky

Typografie není jen výběr fontu

Tahle chyba je klasika: začneš pracovat na projektu, vybereš „nějaký ten cool font“ a myslíš si, že máš hotovo. Jenže typografie není jen font, je to celá hra s prostorem, rytmem, velikostí, kontrastem, hierarchií. A v anti-designu je tenhle balíček ještě víc vyhnaný do extrému.

Anti-design si hraje s očekáváními diváka a nakonec je zlomí. Jenže to neznamená, že můžeš text rozházet jak tě napadne. Musí tam být záměr. Musíš se umět rozhodnout, co porušit a proč.

Vyzkoušej si tento template pro začátky s anti-designem na platformě Kittl

Začni tím, že poznáš pravidla, která chceš porušit

Vezmi si pár základních typografických principů: zarovnání, kontrast, řádkování, čitelnost, hierarchie a najdi jejich tradiční nastavení. Pak si s nimi zkus hrát v opačném rozložení.

Například:

• Běžně se text zarovnává na levou stranu. Anti-design se nebojí zarovnání doprava, doprostřed, nebo úplně rozházeného layoutu.

• Běžně se doporučuje nepoužívat víc než dva fonty. Anti-design? Klidně pět různých grotesků, nebo mix serifu, sansů a pixel fontů v jednom layoutu.

• V klasice platí, že kontrast by měl pomáhat čitelnosti. Anti-design často záměrně kontrast ničí, aby čtenář musel zpomalit.

Ale i když tohle všechno porušíš, stále musíš vědět, co říkáš. Tohle je klíč.

Praktické tipy pro práci s typografií v Affinity Designer

Jasně, mohl bych ti říkat „dělej si co chceš, je to anti-design“, ale to by bylo k ničemu. Místo toho pojďme na konkrétní triky v Affinity Designeru, který je ideální nástroj pro začínající designéry. Žádné předražené licence, žádné zbytečné složitosti.

Love is brutal od @CreativeBarros

Pracuj ve vrstvách. A neboj se jich mít sto!

Každý textový prvek (nadpis, popisek, random věta, citát, číslo, chaos…) si dávej do vlastní vrstvy. Pomůže ti to rychle přeskládat layout, zkoušet různé pozice, vrstvit texty přes sebe nebo jim dávat různé režimy prolnutí (blending modes).

V „Layers“ si pojmenuj jednotlivé texty. Třeba „Nadpis / mega velký a tučný“, „Podnadpis / rozmazaný s glitch efektem“, „Random chaos popis“ – a hraj si s jejich průhledností, stínem a pozicí v prostoru.

Zapomeň na mřížku… nebo si udělej vlastní

V Affinity Designeru můžeš zapnout Grid a Snap To Grid, ale pokud děláš anti-design, nechceš být ve standardní mřížce. Udělej si svou! Buď pomocí ručně poskládaných guides, nebo jeď úplný freestyle.

Zkus třeba:

• Udělat mřížku 7x3 (nepravidelná pole)

• Text vrstvit přes sebe (nadpis přes odstavce)

• Jednotlivá slova rozházet po ploše, ale vždy s nějakým logickým rytmem (např. podle beatů v písničce, nebo verše básně)

Vyzkoušej tento template, který kombinuje několik fontů s anti-design layoutem a exportuj ho do Affinity Designer pro detailní úpravy.

Hraj si s velikostí písma, ale chytře

V klasickém designu máš jasně danou hierarchii: nadpis 36 pt, podnadpis 18 pt, text 12 pt. V anti-designu? Klidně dej nadpis 300 pt, a zbytek 8 pt, ale ať to má účel.

Hack: Vyzkoušej kontrast mezi obřím slovem „MÁLO“ a pod ním mikroskopickým řádkem „je víc než nic“. Zní to jako klišé? Jasně. Ale vizuálně to funguje, pokud to podpoříš silným layoutem a zajímavou texturou.

Rozvracej typografii pomocí efektů

V Affinity Designeru máš přístup k různým efektům: Gaussian Blur, Outer Glow, 3D, Displacement Map. Zkus s nimi pracovat tak, aby písmo působilo trochu „rozbité“, znepokojivé.

Příklady:

• Použij Motion Blur na text v pozadí, aby působil jako v pohybu.

• Deformuj písmo pomocí Mesh Warp Tool, to je ideální na „rozteklé“ titulky.

• Přes text dej jiný text v režimu „Multiply“ nebo „Overlay“, ať se překrývají.

Ale pozor: s efekty to nepřepal. Jeden výrazný efekt je víc než pět slabých. Vyber si, co bude hlavní vizuální facka a pak drž ostatní prvky víc při zemi.

Čitelnost je volba, ne povinnost

Anti-design často pracuje s narušenou čitelností. Text může být zrcadlově obrácený, rozbitý, nebo kombinovaný tak, že ho musíš chvíli dekódovat.

To ale neznamená, že má být celý layout nečitelný. Vyber si, co má být jasně čitelné a co má být šum. V tom je síla. Divák si bude připadat, že něco objevil.

Například:

• Nadpis: čitelný

• Podnadpis: mírně glitchnutý

• Popisky: stylizovaný chaos

• Drobnosti v rohu layoutu: šum, text co nedává smysl, vrstvený white noise

Vyzkoušej si práci s několika vrstvami, které můžeš z Kittl exportovat samostatně z tohoto templatu. Použij je k vytvoření originálního layoutu v Affinity Designer

Typografie jako nástroj emoce

Pamatuj, že font není jen vizuální styl. Je to emoce. Výkřik. Může působit strojově, agresivně, ironicky, nostalgicky. V anti-designu je to často to hlavní, co člověk vidí jako první – font jako osobnost projektu.

Zkus experimentovat s:

• Display fonty, které mají výrazný charakter (např. glitch, brutal, pixel, distortion)

• Fonty z veřejných galerií: Na stránkách jako Velvetyne, The Designers Foundry (některé zdarma), nebo Future Fonts najdeš poklady, co nejsou okoukané.

• Kombinace serif + pixel nebo grotesk + rukopis – míchání stylů dává layoutu ten „wtf moment“.

Jak začít, když nemáš styl?

Někdy máš chuť tvořit, ale nevíš, jak to uchopit. Tak si dej limitaci. Tady je pár úkolů, které si můžeš zkusit:

1. Vytvoř plakát, kde nadpis je hlavní vizuální prvek a zbytek designu se točí kolem něj.

2. Udělej layout, kde každý odstavec má jiný font, zarovnání a velikost, ale musí dávat smysl dohromady.

3. Navrhni stránku, kde text úplně překrývá obrázky a čtenář si musí najít rovnováhu mezi čtením a vnímáním vizuálu.

A co dál?

Anti-design není trend pro každého. Ale pokud tě baví porušovat pravidla a k tomu přemýšlet nad vizuálem, je to území, kde se můžeš vyřádit. A typografie je ten nejmocnější nástroj v tomhle chaosu.

V dalším článku se mrkneme na konkrétní kompozici v anti-designu, jak vrstvit, jak narušovat rytmus stránky a co všechno jde udělat se špatným layoutem, aby vypadal dobře. Ale pokud si chceš osvěžit, co to ten anti-design vlastně je, mrkni nejdřív na náš úvodní článek.

Doporučujeme přečíst: Anti-design: Proč vizuální rebelie mění svět designu i značek

Závěrem

Typografie v anti-designu není volnost bez hranic. Je to svoboda s pravidly, která si musíš sám*sama najít. A Affinity Designer ti dává nástroje, jak tuhle svobodu přetavit v něco, co bude fungovat. Ať už je to plakát, obal, web nebo magazín. Tak si otevři nový dokument, vyber font, co tě trochu štve, a prostě začni tvořit.