francess
on
09/02/2023

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 si (!) Možno navrhujete podľa 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…

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 si (!)

Možno navrhujete podľa 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“ písmo podľa vášho výberu. Ak teda môžete, držte sa ho a nevymýšľajte koleso.

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

Ale čo ak si ešte potrebujete vybrať?

Najprv vyberte pár

Pre väčšinu lokalít vyberám buďdve písma – jedno pre nadpisy, druhé pre textalebojedno písmo pre všetko.

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

Ak máte základnú predstavu, ale aj keď sa tam nemôžete dostať, odporúčam vám navštíviťFontjoy.

Fontjoyje 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.

(Obrázok bol z tejto stránky odstránený)

Nástroj je úplne zadarmo, nevyžaduje sa žiadna registrácia ani e-mail. Okrem toho používaFonty Google, takže kombinácie, ktoré vyberiete v nástroji, by sa mali dať ľahko reprodukovať na vašom webe.

Výber správnej veľkosti

Typový rozsah je ďalším skvelým nástrojom. Stupnica písma funguje tak, že napíšete vybrané písmo a pod „mierka“ môžete vyskúšať, ako budú jednotlivé nadpisy a texty vyzerať proporcionálne.

(Obrázok bol z tejto stránky odstránený)

Tento nástroj je akoFontjoy úplne zadarmo a veľmi jednoduché na používanie.

Rady 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čené“ písmo a používa ho na webe.

2. Pozor na súbory cookie

Aj keď to môže znieť bizarne, ak nenačítate písma Google priamo z webu (nenahrali ste ich ručne), načítate ich z internetu a Google Fonts používa súbory cookie. Preto je dobré na to myslieť a dbať na to napríklad pri vytváraní cookie baru.

3. Zdravý rozum

Hlavné je neutopiť sa v záplave kombinácií, nástrojov a inšpirácie. Premýšľajte o písme, ktoré ste si vybrali:

  • v kontraste s podkladom
  • Čitateľná stránka

Všetko ostatné sa poddá.

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

author_name

author_bio

I am a heading

If you’re curious, this is Website Ipsum. It was specifically developed for the use on development websites. Other than being less confusing than other Ipsum’s, Website Ipsum is also formatted in patterns more similar to how real copy is formatted on the web today.

  • This is a list item.
  • This is a list item.
  • This is a list item.

No spam, ever.

prihlásiť sa k odberu newslettera

žiadny spam, nikdy, sľubujem

Odebírat

Ako získať spätné odkazy? 3 tipy pre nízko visiace ovocie

Získavanie spätných odkazov je tvrdá práca. Je to však oveľa menej práce, ako si ľudia často myslia. Existuje množstvo rozsiahlych článkov o tom, ako ich vytvoriť, a sú skvelé. Pozriem sa na 3 tipy, ktoré sú zrelými jablkami visiacimi vo svete linkbuildingu. Inými slovami, nezaberú veľa času a ten, ktorý zaberú, je veľmi užitočný. Ak…

francess

5 zásad, ktoré zlepšia vašu stránku

Pozornosť je najcennejšou komoditou v online svete. Ale je to ako s vodou. Môže pretekať cez vaše stránky ako strecha pri daždi alebo sa môže usadiť na vašich stránkach a vytvoriť bazén, ktorý bude čerstvým zdrojom vlhkosti pre celú vašu firmu. Ako to však dosiahnuť? Jednoduché. Svoju stránku musíte prispôsobiť tomu, ako funguje pozornosť ľudí.…

francess

GPT-4 vše co potřebujete vědět (2023)

Služba GPT Chat zmenila predstavu mnohých ľudí o tom, čo vlastne modely AI sú a čo dokážu. Po chate GPT-3 prichádza GPT-4, ktorý bude ešte...

Vojtěch Bruk
GPT 4 náhledový obrázek
GPT 4 náhledový obrázek