Ako vybrať písmo pre web? (2 užitočné nástroje)

Nie som grafický dizajnér. Tento článok je skôr praktickým náhľadom na to, ako vyberám písma pre webové stránky. Zatiaľ sa mi tento postup osvedčil, preto sa ho držím. Aké sú jeho časti? Ak nemusíte, nevyberajte (!) Možno ste pri navrhovaní vychádzali z grafickej šablóny, možno máte vlastnú grafiku, možno ste sa inšpirovali globálnou stránkou... Vo…

Nie som grafický dizajnér. Tento článok je skôr praktickým náhľadom na to, ako vyberám písma pre webové stránky. Zatiaľ sa mi tento postup osvedčil, preto sa ho držím. Aké sú jeho časti?

Ak nemusíte, nevyberajte (!)

Možno ste pri navrhovaní vychádzali z grafickej šablóny, možno máte vlastnú grafiku, možno ste sa inšpirovali globálnou stránkou… Vo všetkých prípadoch je však v “šablóne” vybrané písmo. Ak teda môžete, držte sa jej a nevymýšľajte koleso nanovo.

Písmo pravdepodobne vybral niekto, kto má väčšie odborné znalosti ako my, a je dobré držať sa jeho odborného názoru.

Ale čo ak si predsa len potrebujete vybrať?

Najprv si vyberte pár

Na väčšine stránok vyberám buď dve písma – jedno na nadpisy, druhé na text, alebo jedno písmo na všetko

Najprv by ste mali mať základnú predstavu. Písmo v pätičke? Bez pätičky? Minimalistické? Robustné? Na tieto otázky nemusí byť ľahké odpovedať. Viac informácií o tejto téme nájdete napríklad v Andrea Griger.

Ak máte základnú predstavu, ale aj keď sa k nej neviete celkom dopracovať, odporúčam vám navštíviť Fontjoy.

Fontjoy je jednoduchý nástroj na kombinovanie písiem. Môžete si nechať vygenerovať náhodné kombinácie alebo môžete uzamknúť jedno z písiem (napríklad pre nadpisy) a nechať si vygenerovať vhodné doplnkové písmo pre text.

Nástroj je úplne bezplatný, bez registrácie, bez potreby zadávať e-mail. Navyše používa písma Google, takže kombinácie, ktoré si v nástroji vyberiete, by sa mali dať ľahko replikovať na vašej stránke.Vyberte správnu veľkosť

Type-scale je ďalší skvelý nástroj. Type scale funguje tak, že zadáte vybrané písmo a pod tlačidlom “scale” si môžete vyskúšať, ako budú vyzerať proporcie jednotlivých nadpisov a textu.

Tento nástroj je rovnako ako Fontjoy úplne zadarmo a jeho používanie je mimoriadne jednoduché.

Tipy na záver

1. Pozor na licencie

Ak si nevyberiete písmo Google, ale rozhodnete sa kúpiť si vlastné, uistite sa, že ho používate v súlade s jeho licenciou. Často sa napríklad stáva, že si niekto kúpi “tlačové” písmo a používa ho na webe.

2. Pozor na súbory cookie

Akkoľvek to môže znieť bizarne, ak nenahrávate fonty Google priamo z webu (nenahrali ste ich tam ručne), nahrávate ich z webu a Google Fonts používa súbory cookie. Preto je dobré na to myslieť a dbať na to napríklad pri vytváraní lišty so súbormi cookie.

3. Zdravý rozum

Hlavné je neutopiť sa v záplave kombinácií, nástrojov a inšpirácií. Uistite sa, že písmo, ktoré ste si vybrali, je:

  • kontrastné k pozadiu
  • čitateľné

Všetko ostatné sa podvolí.

Dajte mi vedieť v komentároch, aké máte skúsenosti s výberom písma!

Často kladené otázky

Související otázky k článku.

Zeptejte se mě na cokoliv na LI
<script type='application/ld+json'>
{acf_strukturovana_data_clanku}
</script>

Komentáře

Zanechať prvý komentár

Podobné články

Cookie bar – všetko, čo potrebujete vedieť

Súbor cookie vyvoláva rôzne emócie. Tento článok bude krátkym a praktickým návodom, ako si bar nastaviť. Ak vás táto téma zaujíma vo všeobecnosti, vrelo vám odporúčam pozrieť si článok WP Beer, ktorý sa tejto téme venoval. Čo je cookie bar? Lišta so súbormi cookie je okno, ktoré sa zobrazí, keď ste na webovej stránke prvýkrát.…

Vojtěch Bruk

Ako by mali vyzerať adresy url stránok?

Možno si myslíte, že formát vašej url adresy nie je dôležitý. Hlavné je mať na stránke dobrý obsah, však? Pravda, nie. Správny formát adresy má niekoľko výhod. Od prehľadnosti a jednoduchosti pre používateľa až po SEO. Podívajme sa na niekoľko základných tipov a odporúčaní, ktoré vám pomôžu vyhnúť sa najväčším chybám vo formáte adresy. 1.…

Vojtěch Bruk

Čo je to maketa a ako ju používať

Mockup je vlastne maketa. V online svete je maketa najčastejšie model zariadenia, ktorý sa používa na demonštráciu, testovanie, hodnotenie dizajnu a propagáciu. Wikipedia to vidí podobne. V tomto článku sa však zameriam predovšetkým na to, ako sa dajú mockupy použiť na propagáciu a ako ich môžete potenciálne ľahko vytvoriť. Ako vyzerá mockup? Takto napríklad vyzerá…

Vojtěch Bruk