Proč některé značky působí hned důvěryhodně, zatímco jiné amatérsky, i když mají dobré produkty? Část odpovědi jsou nejlepší písma pro web. K zlepšení nepotřebujete vystudovat design. Potřebujete jasné vymezení a pár praktických kontrol.
Nejlepší písma pro běžný text na webu dávají přednost čitelnosti i v malých velikostech na obrazovce. Tato kapitola jednoduše vysvětluje, co to znamená, proč to ovlivňuje váš web i marketing a jak to uplatnit bez zbytečného žargonu. Uvidíte také, jak do stejného obrazu zapadá párování písem. Projděme si to krok za krokem.
Co v praxi znamenají nejlepší písma pro web
Nejlepší písma pro běžný text na webu dávají přednost čitelnosti i v malých velikostech na obrazovce.
Písmo nadpisů může mít výraznější osobnost, pokud je běžný text čistý.
Párování písem a webově bezpečná písma společně udrží web rychlý a jednotný.
Jak nejlepší písma pro web uplatnit na webu
Základní velikost textu nastavte aspoň na šestnáct pixelů a řádkování zhruba na 1,5.
Začněte jednou stránkou, třeba úvodní nebo hlavní vstupní stránkou (landing page). Nejdřív opravte největší problém a stejný postup pak přeneste na další šablony.
Tuto kapitolu spojte s kapitolami čitelnost písma jako základem a typografie na webu jako dalším krokem v tomto modulu.
Praktický kontrolní seznam na dnešek
Základní velikost textu nastavte aspoň na šestnáct pixelů a řádkování zhruba na 1,5.
Když kontrolujete jakoukoli stránku, ptejte se, zda jsou nejlepší písma pro web vidět už při prvním posunu na mobilu. Pokud ne, přeskládejte sekce dřív, než začnete ladit detaily.
Ukládejte si snímky obrazovky před změnou a po ní, abyste poznali, co u výběru písem na vašem webu skutečně zabralo.
Sdílejte tento seznam s každým, kdo váš web upravuje, aby párování písem zůstalo jednotné i na nových stránkách.
Vyberte si jedno číslo, které budete tento měsíc sledovat, například čas na stránce nebo zahájená vyplnění formuláře. Změny designu pak svážete s výsledky podnikání, a ne jen s vkusem.
Jak toto téma souvisí s celou vaší značkou
Vizuální rozhodnutí málokdy žijí jen na jedné stránce. Párování písem a webově bezpečná písma společně udrží web rychlý a jednotný.
Vaše příspěvky na sociálních sítích, e-maily i tištěné materiály by měly opakovat stejnou hierarchii, barvy a pravidla písma jako váš web.
Když se vizuální podoba značky rozchází, zákazníci cítí nenápadný nesoulad, i když nedokážou říct proč.
Podívejte se na typografie na webu a porovnejte si poznatky se související kapitolou tohoto modulu.
Písmo nadpisů může mít výraznější osobnost, pokud je běžný text čistý.
Časté otázky, které lidé přehlížejí
Související pojmy jako párování písem a webově bezpečná písma vám pomohou najít další příklady a porovnat vaši práci s běžnými standardy.
Párování písem a webově bezpečná písma společně udrží web rychlý a jednotný.
Zapište si jednu změnu před a po, kterou tento týden otestujete na živé stránce. Malé změřené úpravy porazí vágní plány.
Společná slovní zásoba týmu kolem výběru písem pro web zkracuje kola úprav s designéry a agenturami.
Nástroje, které usnadní vizuální úpravy
K řadě úprav rozvržení a stylu nepotřebujete vlastní kód. Vizuální editor vám umožní upravit mezery, barvy a písmo a přitom si prohlížet náhled pro mobil i počítač.
WEMASY obsahuje Tvůrce webů s vizuálními úpravami, takže změny zveřejníte, aniž byste u každé drobnosti čekali na vývojáře. Až budete chtít využít, co jste se naučili, otevřete Tvůrce webů.
Když zveřejníte úpravy, znovu si projděte čitelnost písma a hierarchie písma, aby si modul v hlavě držel pohromadě.
Teď už máte pro výběr písem pro web funkční pohled. Použijte ho při kontrole webu, schvalování marketingových materiálů nebo zadání pro designéra. Pokračujte kapitolami hierarchie písma a typografie na webu a udržte v tomto modulu tempo.
Často kladené otázky
Jak dlouho trvá zlepšit výběr písem pro web?
Většina malých firem má přehlednější stránky už po několika soustředěných sezeních, když použije základy z této kapitoly. Začněte úvodní stránkou a stejná pravidla pak přeneste na stránky služeb a kontaktu.
Potřebujete designéra, aby vám vybral písma pro web?
Designér pomůže u složitého rebrandingu, ale řadu oprav kolem výběru písem zvládnete sami, jakmile víte, na co se dívat. Souvisejícím tématem je čitelnost písma.
Může WEMASY pomoci s uplatněním nejlepších písem na vašem webu?
WEMASY má v Tvůrci webů vizuální editor, takže rozvržení, barvy a písmo upravíte bez kódu. Otevřete Tvůrce webů, upravte šablony a prohlédněte si náhled na mobilu.
Jaká je nejčastější chyba při výběru písem pro web?
Lidé se snaží opravit všechno najednou místo jedné stránky po druhé. Vyberte jednu prioritu, třeba čitelnost nebo kontrast, a pak se podívejte na hierarchie písma, co zlepšit dál.
Jak souvisí výběr písem pro web se SEO?
Jasná vizuální hierarchie a čitelné písmo udrží návštěvníky na stránce déle, což podporuje signály zapojení, které vyhledávače sledují. Opravy designu spojte s promyšlenou strukturou obsahu a výsledek bude nejlepší.
Co se učit dál po výběru písem pro web?
Pokračujte v této knize kapitolami čitelnost písma a hierarchie písma a vybudujte kompletní vizuální systém své značky online.