» »

Jakich czcionek użyć do biuletynów e-mailowych. Stosowanie elementów stylu do wiadomości e-mail

Jedną z najbardziej uderzających kwestii w procesie tworzenia e-maili jest wybór czcionki. Rozmiar, kolor, kształt, odległość… Czy wszystko ma znaczenie? Tak, ale najważniejsze jest, aby wybrać taki, który będzie czytelny, wszystkie inne cechy czcionki są znikome.

Zobacz nasze krótki film o czcionkach, ich rodzajach, jak stosować czcionki dekoracyjne w Stripo. I jak wybrać „tę samą” czcionkę dla swojego:

Przy wyborze czcionki do listu masz dwie możliwości. Pierwszą opcją jest wybór czcionki bezpiecznej w Internecie, która jest standardową i włączoną domyślnie w większości systemów operacyjnych i jest używana przez większość klientów poczty e-mail.

Oto lista 10 najlepszych bezpiecznych czcionek internetowych, których możesz używać ze 100% gwarancją, że będą wyglądać dokładnie tak, jak je napisałeś:

  1. Arial
  2. Helvetica
  3. Nowe czasy rzymski
  4. Verdana
  5. Kurier / Kurier Nowy
  6. Tahoma
  7. Gruzja
  8. Palatino
  9. Trebusz MS
  10. Genewa

Następną opcją jest wybranie czcionki internetowej, ale istnieje wiele zagrożeń, że nie będzie ona poprawnie wyświetlana, ponieważ klient poczty e-mail nie obsługuje tej czcionki. W tym drugim przypadku czcionka internetowa będzie renderowana jako czcionka domyślna.

Poniżej znajduje się lista domyślnych czcionek dla najpopularniejszych klientów poczty e-mail:

  • iCloud Mail używa czcionki Helvetica jako domyślnej czcionki.
  • Gmail akceptuje Arial.
  • Microsoft Outlook często używa Calibri.
  • Outlook 2007/2010/2013 wykorzystuje czcionkę Times New Roman jako czcionkę zastępczą.

Jak wybrać odpowiednią czcionkę do wiadomości e-mail?

Jeśli polegasz tylko na swojej osobistej opinii, istnieje ryzyko, że nikt nie podzieli się Twoimi przemyśleniami na temat najlepszej czcionki, a list będzie wyglądał jak wiadomość z przeszłości lub będzie tak przyjazny dla użytkownika, jak ludzie w transport publiczny wcześnie rano.

Jeśli używasz zbyt wielu czcionek, wydaje się to bardzo trudne najlepszy przypadek i w najgorszym przypadku irytujące. Wybierz jedną lub dwie czcionki dla jednego e-mail. Idealnie wystarczy użyć tylko jednej czcionki, ale użyj różnych rozmiarów: jednej do wyróżnienia nagłówka, a drugiej do reszty treści.

W rzeczywistości istnieją tylko dwie opcje wyboru czcionki. Możesz wybrać czcionkę bezpieczną w Internecie i mieć pewność, że będzie ona taka sama dla wszystkich, lub dodać czcionkę internetową i mieć nadzieję, że wszyscy będą korzystać z klientów poczty e-mail, które je obsługują, co jest prawie niemożliwe od czasów Gmaila, Yahoo Mail i Outlooka 2007/ 13.10.16 nie obsługują czcionek internetowych i szczerze mówiąc, nie wszyscy użytkownicy iPhone'a i iPada mogą je zobaczyć. Dlatego nie zalecamy używania czcionek internetowych, aby nie uszkodzić interfejsu użytkownika.

Główną cechą czcionki treści, jak wspomniano powyżej, jest czytelność. Co można dodać? Kolejną ważną cechą, która jest częścią czytelności, jest czytelność. To nie jest dokładnie to samo. W tej samej czcionce niektóre znaki mogą być czytelne, a inne nie. Oczywiście czysty tekst czyta się lepiej i szybciej, dlatego zwróć uwagę na to, czy wszystkie znaki są widoczne, wyraźne i charakterystyczne.

Eksperyment dotyczący czytelności czcionki został przeprowadzony przez Norberta Schwartza i Hyunjin Song w 2010 roku. Wyniki są niesamowite. Spędzasz prawie dwa razy więcej czasu na czytaniu czcionki dekoracyjnej niż domyślnej:

Którą czcionkę wybrać Serif lub Sans Serif?

Kolejnym punktem jest wybór czcionki szeryfowej i bezszeryfowej. Jaka jest różnica między nimi?

Czcionki szeryfowe można zdefiniować jako czcionki z małą linią na końcu każdego znaku. Najpopularniejsze czcionki szeryfowe to Times New Roman i Georgia.

Czcionki bezszeryfowe to takie, które nie mają ozdobnej linii na końcu każdego znaku. Najpopularniejsze czcionki bezszeryfowe to Arial, Trebuchet MS i Helvetica.

Podczas badania tego tematu znalazłem kilka źródeł, które twierdzą, że czcionki szeryfowe najlepiej nadają się do e-maili, ale nie sądzę, aby to prawda. Przy założeniu, że wiadomości e-mail są obserwowane tylko w Internecie za pomocą ekranu monitora lub telefon komórkowy, najlepsze czcionki to bezszeryfowe. Łatwiejsze odczytywanie znaków bezszeryfowych z ekranu.

Jeszcze jeden interesujący fakt jest to, że artykuł dotyczący projektowania e-maili na blogu Beefree, który zaleca używanie czcionek szeryfowych w przypadku obszernych wiadomości e-mail, używa czcionki bezszeryfowej jako czcionki bloga:

Dlaczego więc nie użyli szeryfa do artykułów na blogu, skoro jest tak doskonały? Myślę, że to dowód na to, że bezszeryfowy jest lepszy, ponieważ ta sama zasada działa zarówno w przypadku stron internetowych, jak i e-maili. Używaj takich czcionek tylko w nagłówkach i podtytułach, jeśli to konieczne.

Rozmiar czcionki

Jeśli zmienisz czcionkę, upewnij się, że wybrana czcionka nie wygląda na mniejszą niż poprzednia. Często różne czcionki mają różne wysokości znaków, więc ta sama czcionka 14px będzie się różnić ze względu na wybraną rodzinę czcionek.

Najlepszą praktyką jest używanie czcionek o wielkości co najmniej 14 pikseli w przypadku użytkowników komputerów stacjonarnych i 16 pikseli w przypadku użytkowników urządzeń mobilnych. Jeśli używasz szablonu responsywnego, upewnij się, że rozmiar znaków jest automatycznie zwiększany w mobilnej wersji wiadomości e-mail.

Stworzyłem szablon wiadomości e-mail w Stripo, który pozwala porównać różne rozmiary tych samych czcionek. Oto wyniki:

W rezultacie czcionki 16px wyglądają niesamowicie. Wolałbym używać go zarówno na komputerach, jak i urządzeniach mobilnych.

Wcięcie

Niezwykle ważne jest tworzenie odstępów między akapitami, a także między wierszami tekstu. Zwróć uwagę, czy twoja czcionka ma wystarczająco dużo odstępów między wierszami. Najczęściej używana wysokość linii waha się od 22 do 24 pikseli. Innymi słowy, idealna wysokość linii dla wiadomości e-mail to 1,5em, czyli 24px.

Jeszcze jedna rzecz to zwrócenie uwagi na spacje między postaciami. Nie ma jednoznacznej opinii, co lepiej zastosować: czcionka z wąską przestrzenią czy szeroka.

Georgia i Times New Roman zapewniają zbyt wąskie odstępy między znakami, co znacząco wpływa na czytelność. Moim zdaniem czcionka Courier ma dobre odstępy między znakami, podobnie jak Courier New. Być może dlatego dwie ostatnie czcionki są tak popularne w 2017 roku.

Użyj odstępów między elementami wiadomości e-mail. Jeśli Twój tekst ma obraz, upewnij się, że masz odstępy przed i po obrazie, co znacznie poprawia czytelność. Oczywiście lepiej wyrównać elementy graficzne, takie jak obrazy.

Oto przykład, w którym spacje zostały zignorowane:

Czy możesz sobie wyobrazić, że to tylko jeden akapit z listu zawierającego ponad 1500 słów? Oczywiście lepiej powiedzieć mniej niż więcej.

Oto kolejny przykład:

Jest jeszcze gorzej, bo czcionka jest szara, co powoduje słabą widoczność, czcionka jest za mała i oczywiście nie mam żadnych uwag na temat spacji. Tak, istnieją, ale to nie pomoże. Zdania są za długie.

Linki i przyciski

Nie używaj oddzielnej czcionki do podkreślania linków. Nigdy nie dodawaj linków bez tekstu kotwicy. Tekst zakotwiczenia powinien wyjaśniać, dokąd prowadzi ten link i organicznie wprowadzać tekst. Nie używaj słów „tutaj” lub „link” jako tekstu kotwicy. Są zbyt krótkie i zbyt ogólne, aby się nimi interesować..

Przyciski to te same linki, ale mają bardziej interaktywną formę dla użytkowników. Lepiej jest używać obu w liście. Jeśli łączysz, aby przeczytać artykuł, zrób z niego łącze tekstowe, a jeśli łączysz, aby wypróbować swój produkt, po prostu użyj przycisków.

Nie ma dokładnej reguły dotyczącej kolorów przycisków, których należy używać, ale najlepiej polegać na psychologii koloru i starać się nie psuć koncepcji projektu zbyt jasnymi kolorami.

Istnieją dwie czcionki, które najlepiej sprawdzają się w przypadku przycisków: Georgia i Verdana. Miło jest używać Georgia do nagłówków i podtytułów. Wygląda świetnie! W rzeczywistości jedyną rzeczą, którą należy sprawdzić przed wysłaniem wiadomości e-mail, jest dopasowanie koloru tekstu do tła przycisku i upewnienie się, że jest wystarczająco widoczny, aby można go było przeczytać. Sprawdź również, czy tekst jest na przycisku prawidłowo, nie powinien przecinać krawędzi przycisku.

Oto przykład, w którym przycisk wygląda fajnie:

Oto przykład ponownego użycia przycisków i linków:

Tekst na banerach

Nie używaj czcionek zastrzeżonych, internetowych, skryptowych, odręcznych ani ozdobnych jako podstawowej czcionki tekstu. Jeśli tekst banera jest częścią obrazu, możesz coś zrobić.

Najważniejszą rzeczą, o którą powinieneś się martwić podczas tworzenia banera na e-mail, jest podkreślenie osobowości marki. Możesz użyć dowolnej czcionki, ale lepiej wybrać czytelną. Nie pisz zbyt dużo tekstu na banerze. Powinny być tylko słowa powitalne, które wzbudzą zainteresowanie i zmotywują użytkowników do dalszej lektury.

Oto dwa interesujące przykłady. Jeden - z czytelnymi i prostymi czcionkami:

Kolejny baner wykorzystujący ozdobną czcionkę:

To, który z nich uznasz za inspirację i własny projekt e-maila, zależy od Ciebie.

Zabarwienie

Jedyną zasadą, której musisz przestrzegać, jest używanie kolorów tylko do pokazania tożsamości marki. Jeśli masz pomysł na stworzenie kolorowego tekstu, po prostu odłóż ten punkt widzenia na bok, ponieważ sprawi to, że tekst będzie nieczytelny.

Zwykle w wiadomości e-mail można użyć tylko 3 kolorów. Jedna służy do oznaczania tytułu, druga do reszty tekstu, a niebieska do wyświetlania linków. To wszystko! Możesz nawet zmniejszyć tę liczbę do dwóch kolorów, zmieniając tytuł w tym samym kolorze, ale podkreślając go innym rozmiarem lub czcionką.

Jeśli chcesz podkreślić jedno zdanie lub frazę, użyj pogrubienia, użycie innego koloru jest niejednoznaczne. Zazwyczaj projektanci używają czarnych lub ciemnoszarych kolorów do treści wiadomości e-mail. Jest lepszy dla czytelności. Jedynym wyjątkiem jest sytuacja, gdy masz czarne tło. W takim przypadku użyj białej czcionki. Nie używaj jasnoszarej czcionki, ponieważ trudno jest przewidzieć różne ustawienia zakresu kontrastu.

Tagi HTML do formatowania tekstu

Zazwyczaj bezpieczne czcionki internetowe są deklarowane w CSS, więc nie będzie to zwykły HTML, ale niektóre znaczniki HTML do formatowania tekstu. Mam nadzieję, że już to wszystko wiedziałeś, ale i tak oto one:

  • Aby użyć pogrubienia: lub
  • Aby utworzyć listę przerywaną w wiadomości e-mail, użyj tej struktury:
    • pierwszy punkt
    • akapit drugi
    • trzeci akapit
  • Aby użyć kursywy do podkreślenia tekstu: lub
  • Aby dodać mały tekst w tej samej czcionce, której używasz:
  • Wybierz tekst z żółtym (domyślnym) wypełnieniem:
  • Zaznacz ten tekst, który został usunięty, ale nie zastąpiony:
  • A te tagi pozwalają zdefiniować akapit:

Dzięki wielu eksperymentom przeprowadzonym przez zespół marketingowy eSputnik najlepszymi czcionkami do e-maili są Arial i Tahoma. Arial to najbardziej popularna czcionka wśród tych, którzy dostosowali je Kampania marketingowa e-mailem. Tahoma świetnie wygląda zarówno w długich wiadomościach, jak i małych tekstach.

stworzyłem szablon E-mail w edytorze Stripo z tym samym tekstem i rozmiarem 18px dla każdej czcionki. Edytor poczty e-mail Stripo nie ma Palatino i Geneva, ale istnieją specjalne czcionki, takie jak Roboto i Open Sans, które nie są domyślnie dostępne w większości systemów operacyjnych i lepiej jest zdefiniować czcionkę zastępczą, jeśli ich używasz.

Oto wyniki, po prostu porównaj te czcionki i wybierz tę, która odpowiada wszystkim Twoim potrzebom:

Jak widać Georgia i Times New Roman są zbyt wąskie. Courier New jest szeroki, ale może nawet zbyt szeroki na pocztę e-mail. Arial jest lżejszy niż Helvetica. Nie można mówić o czcionkach Verdana i Tahoma. Georgia i Verdana źle wyglądają w druku. Jeśli chodzi o mnie, wolałbym wybrać dwie ostatnie czcionki dla mojego . Który wolisz? Zapraszam do zostawiania komentarzy i udostępniania tego artykułu.

Jest to możliwe tylko wtedy, gdy używasz prawdziwego tekstu w wersji HTML e-maili.

Jednocześnie fakt ten wcale nie oznacza, że ​​można używać tylko Arial i Times New Roman. W dzisiejszym materiale przyjrzymy się istniejącym możliwościom pracy z czcionkami w wiadomościach e-mail.

Podstawy typografii

Jednym z głównych zadań w układach list mailingowych jest upewnienie się, że klienci poczty i silniki renderujące nie robią nic dziwnego z wiadomościami e-mail. Jeśli chodzi o tekst, rozwiąż większość możliwe problemy Możesz dodać kilka stylów. Na przykład, korzystając z podejścia, możesz zastosować je na poziomie komórki w tabeli:

Oto tekst.
Możesz zastosować style CSS do komórek, które opisują kolor tekstu (kolor), użytą czcionkę (rodzina czcionek), jej grubość (grubość) i wysokość wiersza (wysokość linii).

Niektóre kopie trafiają tutaj.
Jeśli zadeklarujesz te style, tekst będzie odpowiednio renderowany nawet w najbardziej „wrogich” klientach pocztowych. Utrzymując każdy element zawartości w osobnej komórce, te komponenty mogą być stylizowane bez martwienia się o problemy z dziedziczeniem. Jeśli na przykład musisz pracować z określoną sekcją tekstu w dużym bloku, ten żądany tekst można zawinąć i użyć stylów wbudowanych:

Oto tekst. Zwróć uwagę na treść ze stylami czcionek
W powyższych przykładach użyliśmy Arial (tak, tak), ale nic nie stoi na przeszkodzie, by iść dalej. Zobaczmy, jak można to zrobić.

Korzystanie z czcionek internetowych

Ta metoda została dobrze zaprojektowana przez Paula Airy'ego. Jego istota polega na wykorzystaniu czcionek internetowych, które nie są zainstalowane na urządzeniu użytkownika. Odbywa się to poprzez włączenie ich do CSS. Ta metoda od dawna jest z powodzeniem stosowana w sieci, jednak wśród projektantów poczty elektronicznej dopiero zyskuje na popularności.

Istnieje kilka sposobów dołączania czcionek internetowych, ale Paul zaleca korzystanie z zewnętrznego arkusza stylów, który służy do „wyciągania” czcionek z witryn takich jak Google Web Fonts.


Następnie w stylach wbudowanych możesz dodać żądaną czcionkę do deklaracji rodziny czcionek:

Oto tekst.
Teraz w klientach poczty e-mail obsługujących czcionki internetowe tekst będzie wyświetlany przy użyciu czcionki wybranej wcześniej. W przeciwnym razie zostaną użyte wymienione czcionki alternatywne — nasza to czcionka Helvetica, Arial lub zainstalowana czcionka bezszeryfowa.

Obsługa czcionek internetowych w klientach poczty e-mail za pośrednictwem łącza do zewnętrznego arkusza stylów
Poczta Apple 6
Notatki lotosu 8
Perspektywy 2000
Outlook 2011 na Macu
Thunderbird
iPada
iPhone
Android 2.3
Android 4.2

Niestety, Outlook nie wyświetla naszych alternatywnych czcionek (kto by w to oczywiście wątpił). Zamiast tego zignoruje wszystkie powiązane style i wyświetli tekst czcionką Times New Roman. Ale nawet z tym można sobie poradzić za pomocą specjalnej klasy CSS - podkreśli ona żądany tekst za pomocą komentarzy warunkowych i przekaże do Outlooka informacje o użytym zestawie czcionek.

Tu jest jakiś tekst.
Teraz zamiast Times New Roman domyślnie litery będą wyświetlane przy użyciu Arial lub innej zainstalowanej czcionki bezszeryfowej.

Widok wielokolumnowy bez komórek tabeli

Paul mówi również o niepożądanym stosowaniu wielu kolumn do umieszczania tekstu. Ponieważ jednak większość wiadomości e-mail jest wpisywana w formacie tabelarycznym, który zawsze zawiera kolumny, do wyświetlania tekstu można łatwo używać sąsiednich komórek. Ale co, jeśli chcemy „przepłynąć” tekst z jednej kolumny do drugiej, zamiast „zakodować” treść do konkretnych komórek?

Tutaj pojawia się właściwość CSS określająca liczbę kolumn. Ale ważne jest, aby pamiętać, że od teraz wkraczamy na wolność, gdzie rzadko można znaleźć aplikację obsługującą liczenie kolumn.

Korzystając z tej właściwości, możesz ustawić liczbę kolumn, między którymi zostanie podzielony tekst. Oto jak wygląda kod:

Oto tekst.
Teraz, niezależnie od ilości tekstu, zostanie on naturalnie podzielony między dwie kolumny. W przypadku, gdy program pocztowy, w którym list jest otwarty, nie obsługuje liczenia kolumn, wiadomość zostanie wyświetlona w formie jednokolumnowej.

Jak wspomniano powyżej, wsparcie nie jest zbyt dobre:

Czasami, za pomocą różnych hacków (na przykład dodawanie stylów do tagu akapitu), można zmusić innych klientów do wyświetlania liter z liczbą kolumn. W szczególności podczas testów Paulowi udało się to osiągnąć, na przykład w Outlook.com w Firefoksie.

Dziś porozmawiamy o tak ważnym temacie w e-mailach, jak czcionki:

Dobrze dobrana czcionka, która pozostaje w harmonii z całością Twojego e-maila, pozwala subskrybentowi na łatwe „przeskanowanie” tekstu, a tym samym szybsze dotarcie do niego. Wyświetlanie czcionek dla odbiorców w dużej mierze zależy od możliwości urządzenia, na którym list jest otwierany.

Jak wybrać czcionki do biuletynów e-mailowych?

Ponieważ większość klientów poczty e-mail używa HTML do wyświetlania wiadomości e-mail, musisz użyć poprawnych kodów HTML dla czcionki i stylu, który zobaczą czytelnicy. Używaj powszechnie dostępnych czcionek, ponieważ są one poprawnie wyświetlane w prawie wszystkich gadżetach i klientach poczty e-mail:

Wybierając czcionki do liter, postępuj zgodnie z zasadami:

    Używaj różnych czcionek w nagłówkach i blokach. Nie ma priorytetowych czcionek dla nagłówka wiadomości e-mail, więc zależy to tylko od Twojej wyobraźni i możliwości mailerów. Zbyt wiele różnych czcionek w jednym e-mailu może sprawić, że Twój tekst będzie wyglądał na bałagan, więc ogranicz się do nie więcej niż dwóch lub trzech różnych czcionek. Stosowanie jednej czcionki do nagłówków i innej czcionki do całego tekstu jest akceptowalnym standardem.

    Lepiej nie dodawać w tekście ozdobnych czcionek lub używać ich tylko w osobnych elementach i w niewielkich ilościach. Są one słabo czytelne w długich tekstach i nie jest faktem, że będą poprawnie wyświetlane przez użytkownika. Jeśli naprawdę chcesz dodać coś takiego do listu, dodaj niestandardowe czcionki do obrazków, kładąc się na nich

Ponieważ Astratex tworzy list z bloków obrazków, zamieniając je z tekstem. Na zdjęciach eksperymentują z czcionkami, jak im się podoba, a litera wcale na tym nie cierpi.

    Wybierz czcionkę, która dopełni osobowość Twojego przekazu, podkreśli styl korporacyjny itp. Dziwnie jest pisać o poważnych sprawach w Comic Sans, ale jeśli jesteś wystarczająco blisko swoich klientów, to czemu nie? Comic Sans to czcionka, która jest często krytykowana. Jeśli naprawdę lubisz tę czcionkę, nie musisz tworzyć całej litery w tym stylu. Zaznacz nagłówki lub poszczególne elementy. Ale jednocześnie zbyt wiele czcionek w twoim liście sprawi, że list będzie trudny do odczytania i trudny do wizualnego dostrzeżenia dla twoich czytelników.

    Unikaj obfitości różnych czcionek i kombinacji, które nie pasują do stylu (na przykład: Arial i Comic Sans).

    Używaj tych samych czcionek na stronach docelowych, co w listach, aby użytkownik przyzwyczaił się do Ciebie.

    Tekst bezszeryfowy jest uważany za bardziej czytelny. Jednak serif Serif jest łatwy do odczytania na ekranie urządzenia i może wyglądać ciekawiej niż niektóre czcionki bezszeryfowe.

Stosowanie elementów stylu do wiadomości e-mail

Rozumiemy już, jakich czcionek używać do biuletynów e-mailowych, a teraz przejdźmy do poszczególnych elementów. Zmiana stylu czcionki doda Twojemu listowi pewnego uroku i podkreśli główną ideę w tekście. Do najbardziej przydatnych elementów stylu i ich najodpowiedniejszych zastosowań należą:

    Miniaturka podkreśla ważne frazy i tworzy kontrast w tekście. Większość edytorów umożliwia zmianę tekstu na pogrubiony bez dodawania znaczników HTML. Pogrubienie jest najczęściej używane w przypadku nagłówków, podpisów, pojedynczych słów lub fraz, krótkich pojedynczych fraz, ważnych zdań. Pogrubiony tekst w środku akapitu może odwracać uwagę od reszty tekstu, więc jeśli chcesz podkreślić tylko jedno słowo w akapicie, wybierz kursywę, a nie pogrubienie.

    Kursywa „ostrożnie” zwraca uwagę na Twoje słowa. To jest dobry wybór wyróżnienie jednego słowa lub krótkiej frazy w akapicie, rozróżnienie podtytułów, nazw własnych lub niektórych nazw. Kursywa może być trudna do odczytania na ekranie komputera, dlatego najlepiej jest ograniczyć użycie kursywy do pojedynczych słów i krótkich fraz.

Unikaj nadmiernego używania pogrubienia lub kursywy - będzie nieczytelny, a użytkownik po prostu zamknie wiadomość.

    Podkreślony tekst czytelnicy mogą identyfikować się jako hiperłącza. Możesz podkreślić nagłówki, aby oddzielić je od poniższego tekstu, ale jeśli możesz, twórz linki, aby klient nie był sfrustrowany, klikając na nagłówki bezskutecznie.

    Zmiana rozmiaru tekstu. Ułatwia czytanie tekstu na ekranie komputera. Możesz użyć różnych rozmiarów nagłówków i podtytułów, aby przyciągnąć uwagę, lub odwrotnie - aby oddzielny blok był mniej zauważalny.

Podpis jest wykonany w mniejszym rozmiarze, ale nie wpłynęło to na znaczenie tego bloku. Po prostu nie przyciąga zbyt dużej uwagi, a czytelnik z kolei do niej dotrze.

    Kolorowa czcionka może zarówno poprawić, jak i zepsuć wrażenie wygląd zewnętrzny Twój list. Używanie ciemnego tekstu i jasnego tła jest najbardziej akceptowalną opcją, ale nie odwrotnie. Upewnij się, że kolor czcionki i kolor tła mają wystarczający kontrast między sobą.

Biała czcionka szeryfowa na czarnym tle jest niewygodna. Oczywiście administracja wie lepiej, co i jak je wysłać, ale trzeba przyznać, że ciężko jest czytać takie listy.

A w tym formacie generalnie nie jest jasne, dlaczego jest tak wiele kolorów. Chociaż subskrybowałem, ten list wpada do mojego spamu, być może ze względu na takie bogactwo i różnorodność. Unikaj kontrastujących jasnych kolorów: niebieskiego, czerwonego, żółtego itp.), a zwłaszcza jeśli litera składa się tylko z nich.

  • Wysokość czcionki i dopełnienie są równie ważne dla wygodnego czytania. Zrób główną czcionkę co najmniej 12 px, biorąc pod uwagę fakt, że . Lepiej też, aby cały list nie był większy niż 16 px - to wydłuży literę, a także nie będzie wygodne czytanie listu.

Projektanci tworzą niesamowite e-maile przy użyciu odpowiednich czcionek. Czasami używają czcionek internetowych, których używają twórcy stron internetowych. Ta metoda pozwala na wprowadzenie technologii bez szkody dla kreatywności.

Początkowo czcionki internetowe zostały opracowane dla stron internetowych i aplikacji. Teraz te czcionki mogą być używane w Twojej witrynie.

Twórcy poczty e-mail nie mają tyle szczęścia. Są one ograniczone, jeśli chodzi o czcionki, ponieważ tylko kilka z nich działa poprawnie we wszystkich klientach poczty e-mail. Ale przy odpowiednim podejściu możesz tworzyć litery, którym nie można się oprzeć pod każdym względem. Czasami może to wymagać umiejętności kodowania i układania.

Zawsze powinieneś traktować treść jako priorytet przy projektowaniu e-maili. Upewnij się, że Twój projekt nie zaszkodzi istocie listu.

Różnica między krojem pisma a czcionką

Niektórzy mylą krój pisma i czcionki, mogą nawet myśleć, że są tym samym.

Termin „rodzaj” przenosi nas do czasów, kiedy używano druku analogowego. Do każdej litery potrzebowaliśmy różnych metalowych klocków.

Jeśli chcesz użyć określonej czcionki, ale w różnych rozmiarach, do ich wydrukowania potrzebujesz różnych bloków. Potrzebujesz również dodatkowej wagi, jeśli chcesz, aby litery były pogrubione.

Z tego powodu Arial z 10 punktami różnił się na przykład od Bold Arial o 12 punktów.

Tak więc czcionka była wzorem litery, a rozmiar i waga oznaczały krój pisma.

Jednak terminy te mają różne znaczenia w cyfrowy świat. Możemy odnosić się do czcionek jako plików, które zawierają wszystkie cechy czcionki. W zasadzie są to dwie rzeczy, które nie mogą istnieć jedna bez drugiej.

Szybkie spojrzenie na rodziny czcionek

Główne cechy tych czcionek są różne i można ich używać do kilku celów. Niektóre z nich są bardziej odpowiednie dla listy biznesowe, a niektóre - dla listów o charakterze rozrywkowym.

Rodzinne czcionki szeryfowe

Czcionki szeryfowe mają małe szeryfy. Pomagają w łatwym czytaniu drukowanych dokumentów. Dlatego te czcionki są używane na przykład w książkach.

Czcionki San Serif

Czcionki San Serif nie mają żadnych dodatkowych elementów. San Serif są łatwe do odczytania na ekranach. Arial, Verdana i Helvetica to najpopularniejsze czcionki w tej rodzinie.

Fantazyjne czcionki



Te czcionki wymagają ostrożnego podejścia. Oni mogą być inne formy i rozmiarów, pozwalających wyrazić swoją kreatywność, ale nie nadają się do wielu rodzajów treści.

Pamiętaj, że te czcionki nie nadają się do użycia w treści wiadomości e-mail. Są bardzo trudne do odczytania, więc używaj ich tylko do nagłówków.

Czcionki o stałej szerokości



Główną cechą tej czcionki jest to, że każda litera ma ten sam rozmiar w poziomie. Ten typ jest nadal używany w edytory tekstu ponieważ zapewnia doskonałą czytelność.

Czcionki kursywy



Ten typ czcionki może mieć dowolny format literowy. Litery są ze sobą połączone, jak odręczne.

Podobnie jak fantazyjne czcionki, czcionki kursywą nie nadają się do pisania treści listu.

Ile różnych czcionek użyć w e-mailach?

Mniej znaczy lepiej. Nie używaj więcej niż trzech różnych czcionek do swoich listów. Staraj się stworzyć uporządkowany, przejrzysty projekt wiadomości e-mail.

Jeśli chodzi o projekt, musisz podkreślić tytuł i resztę treści.

Możesz na przykład łączyć czcionki szeryfowe i bezszeryfowe.

Możesz również użyć tej samej czcionki w tytule i tekście, ale upewnij się, że tytuł jest większy. Rozmiar czcionki powinien być co najmniej dwa razy większy od rozmiaru tekstu.

Zachowaj ostrożność podczas używania kolorów

Kolory mogą mieć ogromny wpływ.

Trzymaj się kolorów, które już wybrałeś dla swojej witryny. Pamiętaj, że każdy kolor ma swoją właściwość, upewnij się, że wybierzesz ten, który najlepiej pasuje do Twojej marki.

Wybierz odpowiedni rozmiar i kolory czcionki

Wybierz prostotę. Nie używaj w listach więcej niż trzech rozmiarów czcionki i dwóch kolorów. Zachowaj również spójność, gdy z nich korzystasz, w przeciwnym razie Twój e-mail będzie wyglądał na zagracony.

Ten przykład wiadomości e-mail pokazuje, jak różne kolory mogą prowadzić do bardzo złego doświadczenia. Użyto czterech kolorów wraz z kilkoma rozmiarami czcionek, a wiadomość e-mail wyglądała tanio, jak spam.

Wyrównywanie tekstu w e-mailu

Możesz umieścić tekst pośrodku, po prawej lub po lewej stronie.

Dla lepszej czytelności lepiej wyrównać tekst do lewej. Tekst wyśrodkowany i wyrównany do prawej jest trudniejszy do odczytania.

Oczywiście możesz bawić się wyrównaniem tekstu w nagłówkach lub umieszczając określony tekst nad obrazami lub gdy chcesz, aby określony tekst wyróżniał się od reszty projektu.

Ten list od EE jest prosty i jasny. Tekst znajduje się po lewej stronie i jest łatwy do odczytania.

Odstępy między wierszami mają duże znaczenie

Różne czcionki wymagają różnych odstępów między wierszami. Użyj 1,4 - 1,5 raza rozmiaru większa wysokość linie zapewniające doskonałą czytelność.


Przykład pośrodku jest łatwy do odczytania, podczas gdy ten po lewej jest zbyt zatłoczony, a ten po prawej jest zbyt luźny. Znajdź złoty środek.

Musisz również wypracować odstępy między wierszami, jeśli używasz ciemnego tła, w przeciwnym razie tekst będzie trudny do odczytania.

Użyj spacji

Spacja to obszar otaczający tekst w liście. Pomoże to wyróżnić akapit i przyciągnąć uwagę. Możesz pobawić się wielkością wcięć, aby wybrać opcję, która sprawi, że litera będzie wyglądać tak atrakcyjnie, jak to tylko możliwe.

Waitrose wykorzystuje spacje, aby przyciągnąć uwagę czytelnika. Tylko czarny kolor i 3 czcionki. Prosty i genialny.

Używanie obrazów lub przycisków to stylowy sposób łączenia. Ułatwia również czytelnikom klikanie obrazów lub przycisków urządzenia mobilne.

Możesz użyć pogrubienia lub koloru marki, aby wyróżnić hiperłącza. Podkreślanie i używanie w tym celu niebieskich kolorów to wiek XX.

Prawdopodobnie najlepszą rzeczą, jaką możesz zrobić, jest umożliwienie czytelnikom kliknięcia linku bezpośrednio w tekście, na obrazie i w CTA. Nigdy nie wiadomo, gdzie będą chcieli kliknąć.

Szybki przewodnik po czcionkach internetowych

Wybór odpowiednich czcionek e-mail jest bardzo ważny. Jeśli Twoje e-maile nie wyświetlają się na ekranach odbiorców, to ogromny problem.

Zazwyczaj projektanci używają czcionek bezpiecznych w Internecie do projektowania układów wiadomości e-mail, ale to ogranicza ich możliwości twórcze.

Każda marka chce zachować własną tożsamość i używać tych samych kolorów i czcionek do celów brandingowych. Dlatego projektanci zaczęli używać czcionek internetowych. Ta metoda pozwala pokazać kreatywność w pełnej krasie.

Ale są pewne problemy.

Różne klienty poczty e-mail, takie jak Outlook, Windows czy Apple, używają różnych ustawień domyślnych. Oznacza to, że jeśli użyjesz nietypowych liter, odbiorca może ich nie zobaczyć. Nie będą wyświetlane.

Klienty poczty e-mail mogą używać tylko czcionek zainstalowanych na komputerze. Aby nasze życie było jeszcze przyjemniejsze, komputery Macintosh i Windows mają również różne ustawienia domyślne.

Kiedy już wiesz, jakiej czcionki chcesz użyć, najbardziej ważny czynnik- użyteczność tej czcionki. I nie zaszkodzi mieć kilka kopii zapasowych.

Klienty poczty e-mail obsługujące czcionki internetowe:

  • aplikacja na Androida
  • Poczta Apple
  • Poczta iOS
  • Perspektywy 2000
  • perspektywy. aplikacja com
  • Poczta AOL

Jeśli klient poczty e-mail odbiorcy nie obsługuje używanej czcionki, zostaną wyświetlone czcionki zastępcze. Jako rozwiązanie awaryjne możesz użyć Helvetica, Arial, Times New Roman.

Jeśli naprawdę chcesz użyć określonej czcionki, istnieje inna opcja: wstaw obraz. Ale nie każdy klient poczty e-mail domyślnie wyświetla obrazy.

Otrzymałem ten e-mail bez zdjęcia. Nie wiem, czy na obrazku było jakieś wezwanie do działania, ale mogło być.

Czcionki bezpieczne w Internecie są domyślnymi czcionkami wiadomości e-mail.

Arial, Courier, Georgia, Helvetica, Tahoma, Times New Roman, Trebuchet, Verdana to domyślne czcionki wiadomości e-mail. Są bezpieczne, ponieważ są instalowane na prawie każdym urządzeniu.

Jakie czcionki najlepiej nadają się do poczty e-mail?

Times New Romans

Nasz stary, fajny przyjaciel. Jest to prawdopodobnie jedna z najczęściej używanych czcionek. Pamiętasz, jak nauczyciele zalecali używanie tej czcionki? I nie na próżno.

Verdana to przewiewny, łatwy do odczytania krój pisma.

Miał też służyć celom praktycznym. Ma miękkie krawędzie i jest czytelny.

Verdana i Georgia najlepiej sprawdzają się w e-mailach, ponieważ zostały zaprojektowane specjalnie z myślą o ekranach urządzeń.

Domyślne ustawienia czcionek e-mail

Obecnie Gmail używa Arial, a Chrome nie obsługuje Arial, zmienia się na Helvetica. Apple Mail używa Helvetica.

Pytanie brzmi, dlaczego te czcionki są używane, jeśli nie są tak dobre?

Odpowiedź leży w technologii. Czcionki te dobrze się wyświetlały na ekranach komputerów o niskiej rozdzielczości. Technologia ewoluowała i teraz możemy używać czystszych postaci. Z jakiegoś tajemniczego powodu musimy nadal używać tych starych czcionek w naszych e-mailach.

Jaki jest najlepszy rozmiar czcionki?

Badania Bloomsberga pokazują, że Helvetica i Arial są złe dla e-maili.

Najpopularniejszymi czcionkami liter są Time News Roman, Verdana, Arial i Tahoma. Mogą być używane w dowolnym celu.

Rozmiar zależy od czcionki. Nagłówki powinny mieć od 22 do 28 pikseli, a rozmiar tekstu powinien wynosić około 14-18 pikseli.

Jaka jest najlepsza czcionka dla firmowej poczty e-mail?

Używaj standardowych korporacyjnych czcionek e-mail.

Użyj Verdana, jest elegancka i skromna. Rozmiar 12 byłby po prostu idealny.

Wskazówki dotyczące korzystania z czcionek e-mail

Bądź konsekwentny

Używaj tych samych czcionek i rozmiaru we wszystkich wiadomościach. Byłoby zabawnie, gdyby jeden list pojawił się w komiksie, a drugi w Times New Roman.

Upewnij się również, że czcionka e-maila pasuje do Twojej marki. Wybierz kolory, których używasz na swojej stronie.

Nie używaj zbyt małych czcionek

Jest to ważne, jeśli myślisz o użytkownikach mobilnych. Projektowanie responsywne powinno zawsze być priorytetem. Użytkownicy mobilni nie mogą czytać bardzo małych znaków. Zalecany rozmiar to co najmniej 14 pikseli.

Badania przeprowadzone przez Litmus wykazały, że 54% wiadomości e-mail jest czytanych na urządzeniach mobilnych. To dobry powód, aby zwracać uwagę na ten szczegół, prawda?

Zbyt duże czcionki nie pasują

Po prostu krzyczą w twarz użytkownika. To duży minus.

Jeśli jednak twoją grupą docelową są osoby starsze, upewnij się, że mogą czytać e-maile nawet bez okularów.

Nie bierz pojedynczych czcionek, których nikt oprócz Ciebie nie używa

Rozumiem Twoją pasję do rzadkiej czcionki. Ale jeśli Twoi odbiorcy nie mogą jej przeczytać, ponieważ jej nie pobrali, Twoja niesamowita czcionka jest bezużyteczna.

Niedopasowane czcionki

Ponownie, jeśli wysyłasz e-maile do partnerów biznesowych, używaj poważnych czcionek. Najpopularniejsze czcionki biznesowej poczty e-mail to Times New Roman, Helvetica, Arial.

Wybór odpowiedniej czcionki e-mail to już połowa sukcesu Twojej kampanii reklamowej. Od Ciebie zależy, czy napiszesz oszałamiający tekst i uzupełnisz go projektem.