Wytyczne dotyczące projektowania podpisów

Ten artykuł przedstawia najlepsze praktyki projektowania podpisów e-mail, które wyświetlają się spójnie w różnych klientach poczty i na urządzeniach.

Aby zapewnić najlepsze rezultaty podczas tworzenia podpisu e-mail w Exclaimer, postępuj zgodnie z poniższymi zaleceniami dotyczącymi projektowania. Te wytyczne pomagają uniknąć typowych problemów z renderowaniem w Outlooku, Gmailu i mobilnych klientach poczty.

Wytyczne projektowe

Aby zapewnić prawidłowe wyświetlanie podpisów w różnych klientach poczty, stosuj się do następujących wytycznych:

• Używaj zalecanych szerokości, zarówno dla szablonu podpisu, jak i dla szerokich elementów, takich jak banery.
• Używaj tabel do układu
• Przesyłaj obrazy w rzeczywistym rozmiarze
• Wybieraj obsługiwane formaty plików
• Uwzględnij, jak podpis będzie wyglądał na urządzeniach mobilnych
• Unikaj kopiowania i wklejania tekstu – wpisuj tekst bezpośrednio lub, jeśli wklejanie jest konieczne, wklejaj jako zwykły tekst bez formatowania.
• Stosuj formatowanie i wybory stylu, takie jak czcionki i kolory (lub inne opcje z panelu Właściwości) najpierw do zewnętrznych warstw, a następnie do wewnętrznych tabel, komórek lub grup. Aby uzyskać więcej informacji na temat przeglądania wewnętrznych i zewnętrznych części szablonu, zobacz Kolorowe obramowania, grupowanie i dziedziczenie właściwości w Kreatorze podpisów.

Zalecane standardy projektowe

Te standardy pomagają zapewnić spójne renderowanie podpisów na różnych platformach pocztowych. Poniższa tabela zawiera nasze zalecenia dotyczące powszechnych aspektów projektowania:

Najlepsze praktyki

Układ

Postępuj zgodnie z tymi wytycznymi dotyczącymi układu, aby zapewnić przejrzystość, spójność i czytelność:

• Używaj tabel do strukturyzowania układu.
• Możesz zagnieżdżać tabele i komórki tabel, aby tworzyć bardziej złożone siatki, ale staraj się unikać nadmiernych nakładek, na przykład zdjęć użytkowników i kształtów tła.
• Używaj paddingu, aby tworzyć odstępy między elementami.
• Możesz ustawić stałą szerokość zarówno dla tabel, jak i całych szablonów, aby uniknąć zmiany rozmiaru podpisu na mniejszych ekranach urządzeń.
• Możesz rozciągnąć niektóre elementy lub stworzyć szerokie projekty, aby dopasować je do szerokości szablonu.

Czcionki

Wybór czcionek

Niektóre czcionki nie są dostępne na różnych urządzeniach lub systemach operacyjnych. Dotyczy to szczególnie czcionek niestandardowych. Przemyśl wybór czcionek i rozważ ustawienie stosu czcionek zapasowych, aby zapewnić, że Twój projekt zawsze będzie mógł wyświetlać tekst odpowiednią czcionką.

Więcej informacji znajdziesz w artykule Różnica między czcionkami niestandardowymi a stosami czcionek.

Rozmiary czcionek

Używaj następujących rozmiarów czcionek, aby zachować czytelność i profesjonalny wygląd:

• 11 pt – 12 pt dla większego tekstu (na przykład: imię i nazwisko, stanowisko)
• 10 pt – 8 pt dla danych kontaktowych (na przykład: telefon, e-mail, strona internetowa)
• 8 pt – 7 pt dla zastrzeżeń i tekstów prawnych

Więcej informacji o rozmiarach czcionek znajdziesz w artykule Jak używać wartości pikseli i punktów przy ustalaniu rozmiaru czcionek.

Obrazy

Dla optymalnego wyglądu i wydajności obrazów:

• Unikaj zmiany rozmiaru obrazów w Kreatorze Podpisów – zamiast tego prześlij obraz w dokładnym rozmiarze, w jakim chcesz go wyświetlić. Na przykład, jeśli chcesz, aby obraz wyświetlał się w rozmiarze 100x100px, utwórz lub zmień rozmiar pliku obrazu do tego rozmiaru.
• Obrazy mogą być osadzone lub powiązane:
  • Obrazy osadzone: Przesłane bezpośrednio z Twojego urządzenia do szablonu podpisu.
  • Obrazy powiązane: Hostowane na publicznym serwerze i odwoływane za pomocą adresu URL w szablonie podpisu.

Więcej zaleceń dotyczących obrazów i rozwiązywania problemów znajdziesz w artykule Jak rozwiązać problemy z jakością obrazów.

Tła

Zastanów się, czy lepszym wyborem dla Twojego projektu będzie obraz tła czy kolor tła. Zobacz Różnica między obrazem tła a kolorem tła, aby porównać te dwie metody i zdecydować, która jest najbardziej odpowiednia.

Kompatybilność z urządzeniami mobilnymi

Stosuj te zasady, aby utrzymać czysty, prosty i przyjazny dla urządzeń mobilnych układ:

• Utrzymuj projekty zwarte i proste, aby uniknąć przewijania poziomego.
• Zawsze testuj podpisy na urządzeniach mobilnych, jeśli to możliwe.
• Weź pod uwagę, jak tryb ciemny może wpłynąć na wybór kolorów i inne aspekty stylu.

Typowe błędy

Unikaj następujących rzeczy podczas projektowania podpisów:

• Używania podpisów szerszych niż 600 px. Może to powodować problemy z wyświetlaniem na mniejszych ekranach.
• Nieustawiania rozmiarów obrazów zgodnie z ich rzeczywistymi wymiarami wyświetlania. Może to skutkować zbyt dużymi lub zniekształconymi obrazami.
• Nieużywania tabel do układu. Nieuporządkowane projekty mogą być źle renderowane w klientach poczty. Zobacz Różnica między tabelami a grupami.
• Używania nieobsługiwanych formatów obrazów. Używaj tylko JPG, JPEG, PNG lub GIF.
• Używania kolorów lub stylów nieodpowiednich dla trybu ciemnego na urządzeniach.
• Braku ostrożności przy korzystaniu z AI do generowania treści, ponieważ może być niemożliwe ich odtworzenie w podpisie.

Te problemy mogą powodować, że podpisy będą wyglądać na źle wyrównane lub niepoprawnie sformatowane.