Divácky záujem nezávisí len od obsahu, ale aj od spôsobu jeho prezentácie. Inými slovami, ide o TO, O ČOM píšete a AKO píšete.
Chcete, aby bol váš list štýlovejší? Vyskúšajte písma, ktoré upútajú pozornosť. Vyberte si písmo, ktoré odráža náladu e-mailu, a nezabudnite sa uistiť, že sa bude krásne a správne zobrazovať na počítačoch a mobilných zariadeniach vašich odberateľov. S možnosťami rozloženia HTML je jednoduché vytvoriť bulletin, aj keď neviete, ako sami napísať kód. Existujú webové služby, ako napríklad Google Fonts, ktoré sprístupňujú verejnosti hotový kód, ktorý stačí pridať do mailing listu podľa určitých pravidiel. Buďte kreatívni a pohodlná online služba bezplatných webových písiem od Googlu vám s tým pomôže.
Na odosielanie e-mailových bulletinov, ktoré sa načítavajú rýchlo a správne, používajte namiesto obrázkov písma
Prečo je text lepší ako obrázky pri rozmiestnení e-mailových bulletinov HTML?
- Predplatiteľ môže mať vo svojom e-maile blokované obrázky a na zobrazenie obrázkov bude musieť tento blok odstrániť. A písma sú zobrazené v každom prípade.
- Používanie písiem z online zbierky znižuje čas načítania e-mailu. Nezáleží na tom, koľkokrát sa webové písma použijú v e-maile: pri sťahovaní existuje iba jedna požiadavka na server, kde je písmo uložené. V prípade obrázkov je situácia iná: načítanie každého obrázka vyžaduje osobitnú požiadavku, takže e-mail sa načítava pomalšie. Ak má účastník pomalé internetové pripojenie, môže list jednoducho zavrieť. Preto hotové html šablóny pre e-mailové newslettery, pozostávajúce len z obrázkov, neprinášajú vždy najlepšie výsledky.
- Aj ten najkvalitnejší obrázok s vysokým rozlíšením bude vyzerať menej jasne a čitateľne ako text.
Vo svojich e-mailoch používajte webové písma Google
Skúste transformovať svoju e-mailovú šablónu pomocou webových písiem Google! Povedzme si viac o tom, aké sú tieto fonty a prečo sú také dobré.
Písma Google sú vysokokvalitné písma s vysokým rozlíšením, ktoré možno pridať na webové stránky alebo do e-mailov.
Výhody Google Fonts:
- Veľký výber bezplatných webových písiem na komerčné aj nekomerčné použitie.
- Použitie písma na text HTML e-mailu je veľmi jednoduché: postupujte podľa nižšie uvedených 6-krokových pokynov.
- Písma Google podporuje väčšina e-mailových programov vrátane Apple mail, Outlook 2000/2011, Lotus Notes verzie 8 a 8.5, Thunderbird, Android 2.3/4.2 a všetky zariadenia so systémom iOS.
Ak má predplatiteľ povolený blokovač obrázkov, webový font sa nezobrazí. Namiesto toho predplatiteľ uvidí štandardné písmo, napríklad Sans Serif. V každom prípade bude text čitateľný.
Ako používať webové písma Google v e-mailoch HTML
Ak píšete e-maily vo formáte HTML, postupujte podľa týchto šiestich krokov a do textu e-mailu budete môcť pridať webové písma Google.
Krok 1
Postupujte podľa odkazu https://www.google.com/fonts a vyberte vhodné písmo. Napríklad zoberieme Shadows Into Light.
Krok 2
Keď sa rozhodnete pre písmo, kliknite na Rýchle použitie.
Krok 3
Vľavo sa zobrazí okno s HTML kódom:
Sem napíšte svoj titul
Pripravený! Takto bude vyzerať váš nadpis v hotovom e-maile:
Iné webové fonty
Okrem Google Fonts existujú aj ďalšie zaujímavé webové fonty, ktoré môžete použiť na písanie, aby ste sa neobmedzovali len na nudný Arial a Times New Roman.
Rodina písiem: Arial, Helvetica, sans-serif; font-family: Georgia, serif; font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif; font-family: "Times New Roman", Times, pätka; font-family: "Arial Black", Gadget, bezpätkové; rodina písiem: "Comic Sans MS", kurzíva, bezpätkové;.t.c. rodina písiem: Impact, Charcoal, bezpätkové; rodina písiem: "Lucida Sans Unicode", "Lucida Grande", bezpätkové; rodina písiem: Tahoma, Geneva, bezpätkové; rodina písiem: "Trebuchet MS", Helvetica, bezpätkové; rodina písiem: Verdana, Geneva, bezpätkové; font-family: "Courier New", Courier, monospace;
Zatiaľ čo väčšina e-mailových programov podporuje štandardné webové písma, existujú niektoré, ktoré ich nepodporujú. V tomto prípade bude webový font nahradený univerzálnym. Ako môžete vidieť vyššie, takmer každý riadok končí zmienkou o fonte Sans Serif, ktorý podporujú všetky e-mailové programy.
Zisťovanie stavu webových písiem
Každý chce, aby sa jeho e-maily odlišovali od ostatných správ, ktoré plnia schránku ich odberateľa. Štandardné webové písma a najmä webové písma Google sú skvelým spôsobom, ako upútať pozornosť čitateľa. Nezahlcujte svoj e-mail zbytočnými obrázkami namiesto nadpisov – použite radšej webové písma. Tým sa obnoví e-mail, skráti sa čas jeho načítania a zlepší sa čitateľnosť.
Ako si vybrať dokonalé písmo? Vyskúšajte A/B testovanie rôznych fontov a nájdete to, ktoré najlepšie zodpovedá obsahu listu a povahe publika.
Chcel by som odkázať remeselníkom, ktorí radšej sami píšu skripty e-mailových newsletterov: Rok 2016 je za dverami – váš čas stojí za to! Prečo znovu vynájsť koleso, ak sú všetky vhodné nástroje pre hromadné e-mailové kampane už dostupné v pohodlnej a lacnej službe Mailigen? Jednoducho nahrajte svoju databázu a začnite vytvárať profesionálne bulletiny v priebehu niekoľkých minút.
Ak potrebujete odbornú radu o používaní webových písiem vo svojom e-mailovom kóde, kontaktujte nás. Ak chcete listový dizajn na kľúč, potom naša Design Factory pracuje pre vás. Kontaktujte nás a získajte štýlový e-mailový newsletter.
Každá sekretárka, ktorá je poverená vybavovaním pošty, potvrdí, že tieto dve úlohy sú časovo najnáročnejšie a snaha získať na každý list aspoň pol minúty je úplne opodstatnená a stojí za námahu. Možnosti známeho programu Microsoft Word vám umožňujú rýchlo sa vyrovnať s označovaním obálok. Po zvládnutí tejto jednoduchej funkcie môžete okamžite dostať obálku nielen so všetkými potrebnými detailmi, ale aj vyzdobenú v podnikovom štýle organizácie.
Dôležitý aspekt: peniaze budete musieť minúť iba za obálku a atrament v tlačiarni bez toho, aby ste museli ísť do tlačiarne.
Na prácu potrebujeme kartu Bulletiny v hornom menu MS Word (obr. 1), ako aj absolútne prázdne obálky bez označených polí. Umiestnenie detailov na obálkach rôznych veľkostí je už zahrnuté v programe, takže nie sú potrebné žiadne označenia.
Bonus navyše: Prázdne obálky sú dostupné v každom obchode s kancelárskymi potrebami, takže pri ich kúpe nemusíte stáť v rade na pošte.
Zadanie adresy odosielateľa
Bežná poštová obálka vyžaduje, aby odosielateľ vyplnil nasledujúce údaje:
· meno (titul) a adresa odosielateľa;
Index príjemcu;
· meno (titul) a adresa príjemcu.
Ruská pošta zaviedla pravidlá pre písanie adries na svoje zásielky Postup pri prijímaní a doručovaní tuzemskej doporučenej pošty(schválené nariadením Federálneho štátneho jednotného podniku „Ruská pošta“ zo 17. mája 2012 č. 114-p):
„4.39. Adresy na poštových zásielkach, sprievodné formuláre pre balíky, sprievodné formuláre „E 1-в“ odosielané v rámci Ruskej federácie musia byť uvedené v ruštine a arabskými číslicami a adresy odosielané na území republík v rámci Ruskej federácie môžu byť vydané v štátny jazyk príslušná republika, s výhradou opakovania adries v ruštine.
Údaje o adrese sú napísané v nasledujúcom poradí:
· pre právnickú osobu - celé alebo skrátené meno, pre fyzické osoby - priezvisko, meno, priezvisko;
· bankové spojenie (pre poštové prevody na dobierku odoslané právnickej osobe alebo prijaté od právnickej osoby): DIČ, korešpondenčný účet, názov banky, bežný účet, BIC;
· názov ulice, číslo domu, číslo bytu;
· názov lokality (mesto, obec atď.);
· názov oblasti;
· názov republiky, územia, regiónu, autonómneho okruhu (regiónu);
· PSČ;
· telefónne číslo príjemcu (odosielateľa) (pre zásielky EMS, MKPO).“
Meno a adresa odosielateľa sú na rozdiel od iných údajov trvalou informáciou. Dá sa pridať do programu.
Ak to chcete urobiť, kliknite na okrúhle tlačidlo Kancelária v ľavom dolnom menu obrazovky a v rozbaľovacej ponuke kliknite na tlačidlo Možnosti programu Word(obr. 2).
Ryža. 2. Tlačidlo Možnosti programu Word
V okne, ktoré sa otvorí, kliknite na príkaz vľavo Okrem toho a prejdite nadol v pravom poli na skupinu generál. Je tam pole Poštová adresa. Vyplňte ho a kliknutím uložte OK(obr. 3).
Ryža. 3. Príklad vyplnenia poľa Poštová adresa
Teraz si program zapamätal spiatočnú adresu odosielateľa a automaticky ju uvedie na obálkach.
Pripravte sa zadať index príjemcu
Index príjemcu uvedený v ľavej dolnej časti obálky odkazuje na povinné údaje poštovej zásielky. Bez nej poštový operátor s najväčšou pravdepodobnosťou list neprevezme. Budeme konať podľa pravidiel a naše budúce obálky opatríme indexom napísaným podľa všetkých pravidiel poštovej kaligrafie.
Nájdenie písma na písanie poštových smerovacích čísel online je jednoduché pomocou vyhľadávania.
Písmo si môžete stiahnuť zadarmo, ale dôrazne vám odporúčame, aby ste si pred stiahnutím súboru našli čas a skontrolovali, či neobsahuje vírusy.
Súbor písma má príponu .ttf. Aby sa zobrazil medzi všetkými písmami Wordu, musíte priečinok otvoriť Môj počítač, potom prejdite na Ovládací panel, nájdite priečinok Písma a presuňte stiahnutý súbor do tohto priečinka.
Označenie obálky
Ryža. 4. Okenné obálky a nálepky
Poznámka: adresa odosielateľa je už uvedená v príslušnom poli tohto okna. Nemusí to byť zobrazené na obálke: ak to chcete urobiť, začiarknite políčko Netlačte. Neodporúčame to však robiť, inak môžu nastať problémy pri odosielaní listov poštou. Adresa odosielateľa je povinný údaj.
Ak chcete nastaviť parametre obálky, musíte kliknúť na tlačidlo Možnosti. V ďalšom okne, ktoré sa otvorí, sú k dispozícii dve karty: Možnosti obálok A Možnosti tlače.
V záložke Možnosti obálok nastaví veľkosť obálky, na ktorú sa bude tlačiť; Priamo tam je uvedený formát a veľkosť obálky v milimetroch (obr. 5). Program tiež zobrazí schému umiestnenia podrobností o vybranom formáte. Okamžite môžete nastaviť parametre textu adresy: písmo a veľkosť. Nezabudnite uložiť zmeny kliknutím na OK.
Ryža. 5. Záložka Možnosti obálky
Tab Možnosti tlače, po prvé umožňuje vybrať tlačiareň, na ktorej sa bude tlačiť, a po druhé presne ukazuje, ako má byť obálka vložená do zásobníka papiera (obr. 6).
Ryža. 6. Karta Nastavenia tlače
Po nastavení všetkých potrebných parametrov pre obálku a tlač sa môžete vrátiť do okna Obálky a nálepky a stlačte tlačidlo Pridať pozrieť si elektronickú verziu hotovej obálky. Chýba už len index. Dvojitým kliknutím myšou na biele pole v mieste, kde sa má index nachádzať, ho zapíšeme a zmeníme písmo na také, ktoré sme si predtým na tento účel pripravili. Obálka je pripravená (obr. 7). Do podávača papiera tlačiarne môžete bezpečne vložiť prázdnu obálku a odoslať dokument na tlač.
Ryža. 7. Pripravená obálka
Minimálny cieľ bol teda dosiahnutý: po strávení niekoľkých minút sme navždy vyriešili problém uvádzania spiatočnej adresy na obálke, a pokiaľ ide o PSČ a adresu príjemcu, možno ich bez námahy pridať k príslušným polia na obálke z poštového registra alebo zoznamu adries pomocou jednoduchých funkcií kopírovania a vkladania. V praxi trvá príprava obálky podľa tohto návodu menej ako minútu.
Krásne obálky vo firemnom štýle môžu byť pripravené špeciálne pre dovolenkové korešpondencie na štátne a profesionálne sviatky. Najdôležitejšia vec je, že práca s vytváraním obálok v programe Word sa zdá byť komplikovaná. Je to vlastne veľmi jednoduché a čas ušetrený znalosťou tejto funkcie je na nezaplatenie.
Dnes budeme hovoriť o takej dôležitej téme v listoch, ako sú písma:
Dobre zvolené písmo, ktoré ladí s celkovým dizajnom vášho e-mailového listu, umožňuje predplatiteľovi ľahko „naskenovať“ text, a teda ho rýchlejšie zastihnúť. Zobrazenie fontov pre príjemcov do značnej miery závisí od možností zariadenia, na ktorom sa list otvára.
Ako si vybrať písma pre e-mailové bulletiny?
Keďže väčšina poskytovateľov e-mailov používa na zobrazenie e-mailov HTML, musíte použiť správne kódy HTML pre písmo a štýl, ktorý uvidia vaši čitatelia. Používajte bežne dostupné písma, pretože sa správne zobrazujú takmer vo všetkých moduloch gadget a e-mailových klientoch:
Pri výbere písiem pre písmená dodržiavajte pravidlá:
Pre nadpisy a bloky použite rôzne typy písma. Pre hlavičku listu nie sú preferované fonty, takže záleží len na vašej fantázii a možnostiach odosielateľov. Príliš veľa rôznych písiem v jednom e-maile môže spôsobiť, že váš text bude vyzerať neprehľadne, takže sa obmedzte na maximálne dva alebo tri rôzne typy písma. Použitie jedného písma pre nadpisy a iného písma pre celý text je prijateľným štandardom.
Ozdobné fonty do textu radšej nepridávajte alebo ich používajte len v jednotlivých prvkoch a v malom množstve. Sú ťažko čitateľné v dlhých textoch a nie je pravda, že ich používateľ zobrazí správne. Ak naozaj chcete do svojho listu pridať niečo špeciálne, pridajte do obrázkov neštandardné písma a pridajte ich
Keďže Astratex vytvára písmeno z obrázkových blokov, strieda ich s textom. Na obrázkoch experimentujú s písmom ako sa im zachce a písmo tým vôbec netrpí.
Vyberte si písmo, ktoré dopĺňa osobnosť vašej správy, zdôrazňuje vašu firemnú identitu atď. Je zvláštne písať o vážnych veciach pomocou Comic Sans, ale ak ste si vy a vaši klienti dosť blízki, prečo nie? Comic Sans je jedným z fontov, ktoré sú často kritizované. Ak sa vám toto písmo naozaj páči, nemusíte v tomto štýle vytvárať celé písmeno. Zvýraznite nadpisy alebo jednotlivé prvky. Zároveň však príliš veľa písiem vo vašom liste spôsobí, že list bude pre vašich čitateľov ťažko čitateľný a vizuálne náročný.
Vyhnite sa množstvu rôznych typov písma a kombinácií, ktoré nevyhovujú štýlu (napríklad: Arial a Comic Sans).
Na vstupných stránkach používajte rovnaké písma ako v e-mailoch, aby si na vás používateľ zvykol.
Bezpätkový text sa považuje za ľahšie čitateľný. Patkové písmo sa však na obrazovke zariadenia ľahko číta a môže vyzerať zaujímavejšie ako niektoré bezpätkové písma.
Použitie prvkov štýlu v e-mailoch
Už sme pochopili, aké písma používať pre e-mailové bulletiny a teraz prejdime k jednotlivým prvkom. Zmena štýlu písma dodá vášmu listu určitý šarm a priaznivo zdôrazní hlavnú myšlienku v texte. Medzi najužitočnejšie prvky štýlu a ich najvhodnejšie použitie patria:
Tučný text zvýrazňuje dôležité frázy a vytvára kontrast v texte. Väčšina editorov vám umožňuje zmeniť tučný text bez pridávania značiek HTML. Tučné písmo sa najčastejšie používa pre nadpisy, titulky, jednotlivé slová alebo frázy, krátke jednotlivé frázy, dôležité vety. Tučný text v strede odseku môže odpútať pozornosť od zvyšku textu, takže ak chcete zdôrazniť len jedno slovo v odseku, zvoľte radšej kurzívu ako tučné.
kurzíva "pozor" upozorňuje na vaše slová. Je to dobrá voľba na zvýraznenie jedného slova alebo krátkej frázy v odseku, vymedzenie podnadpisov, vlastných mien alebo názvov nejakého druhu. Kurzíva môže byť ťažko čitateľná na obrazovke počítača, preto je najlepšie obmedziť používanie kurzívy na jednotlivé slová a krátke frázy.
Vyhnite sa nadmernému používaniu tučného písma alebo kurzívy – nebude to možné prečítať a používateľ e-mail jednoducho zatvorí.
Podčiarknutý textčitatelia môžu identifikovať ako hypertextové odkazy. Môžete podčiarknuť nadpisy, aby ste ich oddelili od nasledujúceho textu, ale ak je to možné, urobte z nich odkazy, aby klient nebol frustrovaný z zbytočného klikania na nadpisy.
Zmeňte veľkosť textu. Uľahčuje čítanie textu na obrazovke počítača. Môžete použiť rôzne veľkosti nadpisov a podnadpisov, aby ste upútali pozornosť alebo naopak, aby bol jeden blok menej nápadný.
Podpis je vyhotovený menším písmom, čo však neovplyvnilo význam tohto bloku. Jednoducho nepúta prílišnú pozornosť a čitateľ sa k nej dostane v poriadku.
Farebné písmo môže zlepšiť alebo zhoršiť vzhľad vášho listu. Použitie tmavého textu a svetlého pozadia je najprijateľnejšia možnosť, ale nie naopak. Uistite sa, že farba písma a farba pozadia majú medzi sebou dostatočný kontrast.
Biele pätkové písmo na čiernom pozadí je nešikovné. Samozrejme, administratíva vie lepšie, čo im má poslať a ako, ale musíte uznať, že takéto listy sa ťažko čítajú.
A v tomto formáte je vo všeobecnosti nejasné, prečo existuje toľko farieb. Aj keď som sa prihlásil, tento list končí v mojom priečinku so spamom, možno aj kvôli takémuto bohatstvu a rozmanitosti. Vyhnite sa kontrastným jasným farbám: modrej, červenej, žltej atď.), najmä ak sa písmeno skladá iba z nich.
- Výška písma a medzery sú rovnako dôležité pre pohodlné čítanie. Urobte hlavné písmo aspoň 12 px, berúc do úvahy skutočnosť, že . Taktiež je lepšie nerobiť celé písmeno väčšie ako 16 px – tým sa písmeno predĺži a tiež nebude vhodné list prečítať.
To je možné len vtedy, ak používate skutočný text vo verziách HTML e-mailov.
Táto skutočnosť však neznamená, že možno použiť iba Arial a Times New Roman. V dnešnom materiáli sa pozrieme na existujúce možnosti práce s písmami v e-mailoch.
Základy typografie
Jednou z hlavných výziev pri navrhovaní e-mailových kampaní je zabezpečiť, aby e-mailoví klienti a vykresľovacie nástroje nerobili s vašimi e-mailmi nič zvláštne. Pokiaľ ide o text, väčšinu problémov možno vyriešiť pridaním niekoľkých štýlov. Napríklad pomocou tohto prístupu ich môžete použiť na úrovni bunky v tabuľke:
Na bunky môžete použiť štýly CSS, ktoré popisujú farbu textu (farba), použité písmo (skupina písma), jeho váhu (hmotnosť písma) a výšku riadku (výška riadku).
Ak deklarujete tieto štýly, text sa vykreslí adekvátne aj v tých „nepriateľskejších“ e-mailových klientoch. Uložením každej časti obsahu do vlastnej bunky je možné tieto komponenty upravovať bez toho, aby ste sa museli obávať problémov s dedičnosťou. Ak napríklad potrebujete pracovať s konkrétnou časťou textu vo veľkom bloku, potom je možné tento požadovaný text zabaliť a použiť vložené štýly:
Vo vyššie uvedených príkladoch sme použili Arial (áno, áno), ale nič nám nebráni ísť ďalej. Pozrime sa, ako sa to dá urobiť.
Používanie webových fontov
Táto metóda je dobre navrhnutá Paulom Airym. Jeho podstata spočíva v použití webových fontov, ktoré nie sú nainštalované na zariadení používateľa. To sa dosiahne ich zahrnutím do CSS. Táto metóda sa na webe úspešne používa už dlho, ale získava na popularite iba medzi dizajnérmi e-mailov.Existuje niekoľko spôsobov, ako zahrnúť webové písma, ale Paul odporúča použiť externý súbor so štýlmi, ktorý sa používa na „vytiahnutie“ písma zo stránok, ako sú webové písma Google.
Potom v inline štýloch môžete pridať požadované písmo do deklarácie rodiny písiem:
Teraz v e-mailových klientoch, ktoré podporujú webové písma, sa text zobrazí pomocou vopred zvoleného písma. V opačnom prípade sa použijú uvedené alternatívne písma – u nás je to Helvetica, Arial alebo nainštalované bezpätkové písmo.
| Podpora webových písiem v e-mailových klientoch prostredníctvom odkazu na externú šablónu so štýlmi |
|
| Apple Mail 6 |
|
| Lotus Notes 8 |
|
| Outlook 2000 |
|
| Outlook 2011 na Macu |
|
| Thunderbird |
|
| iPad |
|
| iPhone |
|
| Android 2.3 |
|
| Android 4.2 |
|
Bohužiaľ, Outlook nebude zobrazovať naše alternatívne písma (kto by o tom pochyboval, samozrejme). Namiesto toho bude ignorovať všetky súvisiace štýly a zobrazí text pomocou Times New Roman. Dá sa to však vyriešiť aj pomocou špeciálnej triedy CSS - zvýrazní požadovaný text prostredníctvom podmienených komentárov a odošle do Outlooku informácie o sade použitých písiem.
Teraz sa namiesto Times New Roman predvolene budú písmená zobrazovať pomocou písma Arial alebo iného nainštalovaného bezpätkového písma.
Viacstĺpcové zobrazenie bez buniek tabuľky
Pavol tiež hovorí o nežiaducosti používania viacerých stĺpcov na umiestnenie textu. Keďže je však väčšina písmen rozmiestnená vo formáte , ktorý má vždy stĺpce, vzniká otázka jednoduchého použitia susedných buniek na zobrazenie textu. Čo ak však chceme, aby text plynul z jedného stĺpca do druhého, namiesto toho, aby sme obsah pevne zakódovali do konkrétnych buniek?Tu prichádza na pomoc vlastnosť CSS počtu stĺpcov. Je však dôležité si zapamätať: odteraz vstupujeme do divokého územia, kde je zriedkavé nájsť aplikáciu, ktorá podporuje počítanie stĺpcov.
Pomocou tejto vlastnosti môžete nastaviť počet stĺpcov, do ktorých bude text rozdelený. Takto vyzerá kód:
Teraz, bez ohľadu na množstvo textu, bude prirodzene rozdelený medzi dva stĺpce. Ak poštový program, v ktorom je správa otvorená, nepodporuje počítanie stĺpcov, správa sa zobrazí v jednom stĺpci.
Ako bolo uvedené vyššie, s podporou nie je všetko veľmi dobré:
Niekedy je možné pomocou rôznych life hackov (napríklad aplikovanie štýlov na značku odseku) vynútiť zobrazenie písmen s počtom stĺpcov a niektorých ďalších klientov. Najmä počas testov to Paul dokázal dosiahnuť napríklad v Outlook.com vo Firefoxe.