Przejdź do głównej treści
Każdy podpis e-mailowy składa się z dwóch prostych bloków: wierszy i kolumn. Gdy zrozumiesz, jak współdziałają, w kilka minut utworzysz dopracowane, profesjonalne układy. Bez doświadczenia w projektowaniu.

Wyobraź to sobie jak tabelę

Wyobraź sobie prostą tabelę, taką jak arkusz kalkulacyjny. Wiersz biegnie poziomo przez cały podpis. Kolumna dzieli go na pionowe sekcje ułożone obok siebie. Łącząc wiersze i kolumny, tworzysz siatkę. Ta siatka to szkielet twojego podpisu. Wszystko, co widzisz w dobrze zaprojektowanym podpisie e-mailowym (zdjęcie obok imienia i nazwiska, ikony społecznościowe ustawione w jednej linii, baner rozciągający się u dołu), opiera się na tej siatce.

Jak działają wiersze

Wiersz to poziomy kontener, który rozciąga się na całą szerokość podpisu. Kolejne wiersze układają się jeden na drugim, od góry do dołu. Wyobraź sobie wiersze jak piętra w budynku: parter na dole, a każde kolejne piętro powyżej. W edytorze Scribe dodasz nowy wiersz, klikając przycisk Add Row. Każdy dodany wiersz tworzy nową poziomą sekcję podpisu. Typowe zastosowania wierszy: Typowy podpis ma dwa lub trzy wiersze. Pierwszy wiersz zwykle zawiera główne informacje (zdjęcie, imię i nazwisko, stanowisko). Drugi wiersz może zawierać separator lub dane kontaktowe. Trzeci wiersz może wyświetlać baner kampanii albo klauzulę prawną.

Jak działają kolumny

Kolumna to pionowy podział wewnątrz wiersza. Dodanie kolumn do wiersza dzieli go na sekcje ułożone obok siebie. Dzięki temu możesz na przykład umieścić zdjęcie po lewej, a imię i stanowisko po prawej. W edytorze zaznacz wiersz i kliknij Add Column, aby go podzielić. W jednym wierszu możesz utworzyć maksymalnie cztery kolumny. Każda kolumna działa jako osobny kontener, do którego wstawisz bloki treści, takie jak tekst, obrazy, ikony lub Smartfields. Typowe zastosowania kolumn: Najpopularniejszy układ wykorzystuje dwie kolumny w pierwszym wierszu: jedną wąską na zdjęcie profilowe i jedną szerszą na imię, stanowisko, firmę i dane kontaktowe. To klasyczny podpis „zdjęcie po lewej, dane po prawej“, który widzisz w większości profesjonalnych e-maili.

Tworzenie pierwszego układu

Oto przewodnik krok po kroku, jak zbudować typowy dwukolumnowy układ podpisu.
1

Zacznij od pierwszego wiersza

Otwórz edytor i spójrz na domyślny wiersz. To w nim umieścisz główny blok tożsamości: zdjęcie, imię i stanowisko.
2

Podziel wiersz na dwie kolumny

Zaznacz wiersz i dodaj kolumnę. Masz teraz dwie sekcje obok siebie. W lewej kolumnie umieścisz zdjęcie. W prawej znajdą się szczegóły tekstowe.
3

Dodaj zdjęcie do lewej kolumny

Kliknij lewą kolumnę i wstaw blok obrazu. Prześlij swoje zdjęcie lub logo firmy. Scribe automatycznie dopasuje rozmiar do kolumny.
4

Dodaj swoje dane do prawej kolumny

Kliknij prawą kolumnę i wstaw bloki tekstowe na imię, stanowisko, nazwę firmy, numer telefonu i adres e-mail. Możesz tu też użyć Smartfields, aby dane każdego członka zespołu wypełniały się automatycznie.
5

Dodaj drugi wiersz na baner lub linki

Kliknij Add Row pod pierwszym wierszem. Ten nowy wiersz rozciąga się na całą szerokość podpisu. Użyj go na baner kampanii, pasek ikon mediów społecznościowych lub klauzulę prawną.

Sprawdzone układy

Nie musisz wymyślać koła na nowo. Oto trzy układy, które obejmują większość profesjonalnych podpisów e-mailowych.

Układ 1: Dwie kolumny z banerem na całą szerokość

To najpopularniejszy układ. Pierwszy wiersz zawiera dwie kolumny (zdjęcie po lewej, dane kontaktowe po prawej). Drugi wiersz zajmuje całą szerokość i wyświetla baner kampanii lub wezwanie do działania. Sprawdza się to w zespołach, które prowadzą kampanie w podpisach, ponieważ baner zyskuje maksymalną widoczność pod blokiem kontaktowym.

Układ 2: Trzy kolumny

Pierwszy wiersz wykorzystuje trzy kolumny: zdjęcie profilowe po lewej, dane kontaktowe w środku i logo firmy po prawej. Ten układ pasuje firmom, które chcą zaznaczyć silną obecność marki obok indywidualnych danych kontaktowych. Środkowa kolumna powinna być najszersza, by tekst miał miejsce do oddechu.

Układ 3: Wiersze ułożone pionowo, jedna kolumna

Każdy wiersz korzysta z jednej kolumny, a treść układa się pionowo. Imię i stanowisko w pierwszym wierszu. Dane kontaktowe w drugim. Baner w trzecim. Tworzy to czysty, minimalistyczny wygląd, który szczególnie dobrze sprawdza się na urządzeniach mobilnych z ograniczoną przestrzenią poziomą.

Wskazówki dotyczące lepszych układów

Ogranicz się do dwóch lub trzech kolumn. Cztery kolumny mogą zadziałać, ale im więcej ich dodajesz, tym ciaśniej wygląda to na mniejszych ekranach. Dwie kolumny to złoty środek dla większości podpisów. Stosuj jeden wiersz na każdą „sekcję” podpisu. Jeśli podpis zawiera blok kontaktowy, pasek z linkami społecznościowymi i baner promocyjny, każdy z tych elementów zasługuje na osobny wiersz. Dzięki temu wszystko pozostaje uporządkowane, a późniejsze zmiany są łatwiejsze. Ustaw jedną kolumnę szerszą od drugiej. Gdy używasz dwóch kolumn, daj kolumnie z tekstem więcej miejsca niż kolumnie z obrazem. Podział 30/70 lub 25/75 zwykle wygląda najlepiej. W edytorze przeciągnij separator kolumn, aby dostosować proporcje. Sprawdź podgląd na urządzeniach mobilnych. Klienty pocztowe na telefonach wyświetlają podpisy inaczej niż klienty na komputerach. Skorzystaj z funkcji podglądu w Scribe, aby sprawdzić, czy kolumny i wiersze nadal dobrze wyglądają na mniejszym ekranie. Zacznij prosto i iteruj. Zacznij od dwóch kolumn w jednym wierszu. Gdy to wygląda dobrze, dodaj drugi wiersz na dodatkową treść. Złożoność zawsze możesz dodać później, ale rozpoczynanie od zbyt wielu wierszy i kolumn utrudnia dopracowanie szczegółów.

Co gdzie umieścić

Jeśli nie wiesz, jaka treść należy do której części siatki, oto szybkie zestawienie: Pierwszy wiersz (dwie kolumny): zdjęcie profilowe lub logo firmy w wąskiej kolumnie. Imię i nazwisko, stanowisko, firma, telefon, e-mail i strona internetowa w szerszej kolumnie. Drugi wiersz (pełna szerokość lub dwie kolumny): ikony mediów społecznościowych, link do rezerwacji spotkania lub dodatkowa linia danych kontaktowych. Trzeci wiersz (pełna szerokość): baner kampanii, zastrzeżenie prawne lub hasło firmowe.

Kolejne kroki

Gdy układ jest już gotowy, dopracuj każdy szczegół w edytorze. Dostosuj czcionki, kolory, odstępy i style ikon do swojej marki. Jeśli zarządzasz podpisami dla zespołu, zapoznaj się z sekcją Członkowie zespołu, aby wdrożyć ten sam układ u wszystkich, zachowując unikalne dane kontaktowe każdej osoby dzięki Smartfields.