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

Vývoj webových stránok od začiatku do konca

Vytváranie webových stránok je zložitá úloha. V tomto článku sa pozrieme na to, aké máte možnosti, ako si medzi nimi vybrať a na čo si dať pozor. Potrebujete vôbec webovú stránku? Začnite touto otázkou. Ironicky. Spýtajte sa, aký cieľ chcete, aby vaša nová webová stránka dosiahla, a potom sa zamyslite, či tento cieľ nemôžete dosiahnuť…

Vojtěch Bruk

Najlepšie rozšírenia Chrome na vývoj webových stránok

Či už si vytvárate vlastnú webovú stránku, alebo ju pre vás vytvoril niekto iný, verím, že nasledujúcich 7 rozšírení vám pomôže pri vašej práci. 1. WhatFont WhatFont je primitívne rozšírenie, ktoré vám po nabehnutí na ľubovoľné písmo ukáže, o aké písmo ide. Ideálne, ak chcete presne zistiť, aké písmo používajú stránky, ktoré vás zaujímajú. 2.…

Vojtěch Bruk

SiteGround Slovensko (2023)

SiteGround je populárny webhosting a ako väčšina hostiteľov o sebe tvrdí, že je najlepší. Osobne ho používam už niekoľko rokov a mám na ňom všetky svoje najdôležitejšie stránky. Je skvelý... pre akýkoľvek druh projektu. Na ostatné vôbec. Podívajme sa na to bližšie. Hlavné výhody služby SiteGround Keďže SiteGround má niekoľko zákutí, na ktoré si treba…

Vojtěch Bruk