Jeden konkurent vypadá na každé obrazovce vyladěně. Druhý působí stísněně a zastarale, přestože oba prodávají podobné služby. Rozdíl obvykle tkví ve volbě mezi patkovým a bezpatkovým písmem a v návycích, které za tím stojí. Všimnete si ho okamžitě, i když ještě neumíte pojmenovat každé pravidlo.
Patková písma mají na koncích písmen malé příčky, bezpatková je nemají. 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á otázka, co je typografie. Projděme si to krok za krokem.
Jak rozumět patkovému a bezpatkovému písmu
Patková písma mají na koncích písmen malé příčky, bezpatková je nemají.
Webově bezpečná písma zajistí, že se text na všech zařízeních zobrazí stejně.
Volba mezi patkovým a bezpatkovým písmem ovlivňuje tón, čitelnost i osobnost značky.
Jak vybrat, co se hodí k vaší značce
Pro delší texty na obrazovce používejte bezpatkové písmo, pokud vaše značka výslovně nevyžaduje patkové.
Porovnejte svůj současný web s kapitolami párování písem a webově bezpečná písma a rychle odhalíte mezery.
Zapište si dvě pravidla, která budete dodržovat na každé nové stránce, aby rozhodnutí zůstala jednotná.
Praktický kontrolní seznam na dnešek
Pro delší texty na obrazovce používejte bezpatkové písmo, pokud vaše značka výslovně nevyžaduje patkové.
Když kontrolujete jakoukoli stránku, ptejte se, zda je volba mezi patkovým a bezpatkovým písmem 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 volby písma na vašem webu skutečně zabralo.
Sdílejte tento seznam s každým, kdo váš web upravuje, aby typografie zůstala 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. Webově bezpečná písma zajistí, že se text na všech zařízeních zobrazí stejně.
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 nejlepší písma pro web a porovnejte si poznatky se související kapitolou tohoto modulu.
Volba mezi patkovým a bezpatkovým písmem ovlivňuje tón, čitelnost i osobnost značky.
Časté otázky, které lidé přehlížejí
Související pojmy jako to, co je typografie, 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.
Webově bezpečná písma zajistí, že se text na všech zařízeních zobrazí stejně.
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 patkových a bezpatkových písem 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 párování písem a webově bezpečná písma, aby si modul v hlavě držel pohromadě.
Teď už máte pro volbu mezi patkovým a bezpatkovým písmem 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 webově bezpečná písma a nejlepší písma pro web a udržte v tomto modulu tempo.
Často kladené otázky
Jak dlouho trvá zlepšit volbu mezi patkovým a bezpatkovým písmem?
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, který vybere patkové či bezpatkové písmo?
Designér pomůže u složitého rebrandingu, ale řadu oprav kolem volby mezi patkovým a bezpatkovým písmem zvládnete sami, jakmile víte, na co se dívat. Souvisejícím tématem je párování písem.
Může WEMASY pomoci s volbou písma 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 volbě mezi patkovým a bezpatkovým písmem?
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 webově bezpečná písma, co zlepšit dál.
Jak souvisí volba patkového a bezpatkového písma 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 patkovém a bezpatkovém písmu?
Pokračujte v této knize kapitolami párování písem a webově bezpečná písma a vybudujte kompletní vizuální systém své značky online.