← Všechny článkyDesign e-mailů

Písma pro e-mail: zajistěte čitelnost napříč schránkami

Čtení na 3 min

Písma vhodná pro e-mail zvyšují spolehlivost šablony, když e-mailová aplikace nenačte preferované písmo. Náhradní písmo může změnit zalomení řádků, výšku nadpisu i šířku tlačítka, proto s ním počítejte už při návrhu. Značka vašeho obchodu Shopify může zůstat rozpoznatelná díky mezerám, barvám, obrázkům a tónu, i když e-mail použije běžněji dostupné písmo.

Zvolte použitelnou náhradní variantu

V nastavení písem pro e-mail v Sendvio vyberte vhodnou náhradu a ověřte, jak zpráva vypadá, když se preferovaný styl nenačte. Čitelnost i hierarchie obsahu musí fungovat také s náhradním písmem, nejen v nejhezčím náhledu.

Nepřevádějte celé odstavce na obrázky jen kvůli zachování značkového písma. Text se pak hůře zvětšuje, překládá a čte, pokud jsou obrázky blokované. Logo může zůstat grafikou, ale hlavní sdělení ponechte jako běžný text.

Nejprve navrhněte s náhradním písmem

Dvě písma stejné nominální velikosti mohou zabírat různou šířku a působit různě silně. Nadpis, který se s jedním vejde na dva řádky, může v jiném potřebovat tři. Širší může být také tlačítko. Dejte těmto prvkům prostor; rozměry preferovaného písma nejsou pevnou zárukou.

Pomocí podporovaného nastavení vyberte vhodné náhradní písmo a prohlédněte si odeslanou zprávu. Pro hlavní text, nadpisy, popisky a tlačítka vytvořte jednoduchou hierarchii. Každá role nepotřebuje jiné písmo: velikost, řez, mezery a umístění ji často vyjádří spolehlivěji.

U důležitých drobných textů nepoužívejte neobvykle tenký řez. V editoru může působit elegantně, ale na telefonu či změněném podkladu se hůře čte. Rozhodujte se podle konkrétní velikosti i barevné kombinace, nejen podle názvu rodiny písem.

Budujte identitu celým rozvržením

Značku pomáhají rozpoznat také barvy, obrázky, mezery, tón sdělení a vztah nadpisů k hlavnímu textu. Střídmá a důsledná kombinace může působit profesionálněji než výrazné písmo vedoucí k nespolehlivému rozvržení.

Hlavní text ponechte pohodlně čitelný a u malých velikostí se vyhněte tenkým řezům. Ověřte dlouhé nadpisy a popisky tlačítek, zejména v přeložených verzích. Nechte kontejnery zvětšit; nezmenšujte písmo jen kvůli zachování pevného tvaru.

Sepište stručná typografická pravidla pro šablonu

Zaznamenejte schválený styl hlavního textu, úrovně nadpisů, podobu tlačítek i chování náhradního písma. Uveďte zamýšlenou šířku pro čtení a pravidlo, že textové kontejnery se mohou zvětšit. Tým pak může používat stejný systém místo nového nastavování každého bloku.

Otestujte běžný nadpis, dlouhý název produktu, přeložený nadpis a delší popisek tlačítka. Po přepnutí na náhradní písmo ověřte, že zalomení dává smysl. Odstraňte ruční zalomení vložená jen pro jeden náhled, pokud jinde vytvářejí neobratné útržky. Čitelnost odstavce by neměla záviset na stažení konkrétního písma.

Vyzkoušejte šablonu v různých situacích

Odešlete test do několika relevantních e-mailových aplikací a zkontrolujte úzké zobrazení. Hledejte nečekané zalomení, oříznutý text a tlačítko, do něhož se popisek nevejde. Vyzkoušejte dlouhý název produktu i realistické hodnoty personalizace.

Schválenou volbu písem poznamenejte do šablony, aby každá kampaň nepřinášela novou kombinaci. Nejsilnější systém značky je ten, který tým dokáže spolehlivě používat a zákazníci pohodlně číst, i když jejich aplikace zvolí jiné písmo.

Podstatný text ponechte běžným textem, i když značka na webu používá výrazné písmo. Logo může zůstat grafikou, ale celý reklamní odstavec převedený na obrázek se hůře zvětšuje, překládá i zpřístupňuje. Značka zůstane rozpoznatelná díky barvám, obrázkům, tónu a jednotnému rozvržení.

Otestovaná pravidla uložte spolu se šablonou a poznamenejte omezení zjištěná v důležitých e-mailových aplikacích. Po změně písma, řezu nebo jazyka test zopakujte. Cílem není za každou cenu napodobit web, ale vytvořit spolehlivý e-mail, který působí promyšleně a pohodlně zpřístupňuje každé důležité slovo.