Design af mailsignatur: 600×200-bannere, der forbliver små

God mailsignatur handler mest om tilbageholdenhed: dit navn, din rolle og en eller to måder at nå dig på som rigtig tekst, så ét lille bannerbillede på 600×200 pixel, der bærer dit brand. Hold banneret let, link det til én side, og sæt aldrig dit telefonnummer eller din mailadresse kun inde i billedet, for mange indbakker skjuler billeder, indtil læseren siger andet.

Hvad hører hjemme i en mailsignatur

En signatur har to opgaver: fortælle folk, hvem du er, og hvordan de når dig, og minde dem om, hvad du gør. Den første opgave er tekst. Den anden kan være et banner. Alt udover det er rod, som folk lærer at springe over.

Størrelse og vægt på mailsignaturens banner

Design banneret i 600×200 pixel, en strimmel i 3:1. Seks hundrede pixel er den bredde, klassiske mailskabeloner er bygget omkring, så et banner i den størrelse passer i en telefons mailapp og i et skrivebords læsepanel uden skalering. Til skærme med høj pixeltæthed eksporterer du det samme design i dobbelt størrelse, 1200×400, og får mailen til at vise det i 600 pixels bredde.

Vægten betyder mere, end du tror, for billedet følger med hvert svar i en lang tråd. Sigt efter at holde filen godt under 100 KB. Et gradientbanner eksporteres smukt som en JPEG i høj kvalitet; brug kun PNG, når du har brug for gennemsigtighed eller meget fin skrift. Laver du også et nyhedsbrev, gennemgår guiden til design af mailheader det større format.

Sådan designer du banneret

Et banner, der ses hundrede gange om ugen, bør sige én ting og sige den roligt. Det virker bedst som en stille reklame: dit næste event, en ny ydelse, et bookinglink eller simpelthen dit brands udtryk med en kort linje. Skift ordene med sæsonen; behold baggrunden.

Mørk tilstand er en reel faldgrube. Nogle mailapps inverterer eller farver lyse farver, så et logo på en gennemsigtig baggrund kan forsvinde mod en mørk indbakke. Et banner, der bærer sin egen fulde baggrund, som en rig gradient, ser ens ud i begge tilstande. Design til mørk tilstand og gradienter i mail går dybere ind i, hvordan programmer behandler farve.

HTML til en mailsignatur, der holder sammen

Mailprogrammer er gammeldags, når det gælder layout, så signaturer bygges med enkle tabeller og inline-stile. Den her virker i de gængse programmer: indsæt den i en HTML-fil, åbn den i en browser, markér alt, og kopiér det ind i din mailapps signaturindstillinger.

<table cellpadding="0" cellspacing="0" border="0" style="font-family: Arial, Helvetica, sans-serif; color: #1f2937;">
  <tr>
    <td style="padding-bottom: 8px;">
      <strong style="font-size: 15px;">Maya Okafor</strong><br>
      <span style="font-size: 13px;">Founder, Studio Alder</span><br>
      <a href="https://example.com/book" style="font-size: 13px; color: #1f2937;">Book a call</a>
      &middot;
      <a href="https://example.com" style="font-size: 13px; color: #1f2937;">example.com</a>
    </td>
  </tr>
  <tr>
    <td>
      <a href="https://example.com/weddings">
        <img src="https://example.com/email/banner-1200x400.jpg"
             width="600" height="200" alt="Studio Alder: now booking spring weddings"
             style="display: block; border: 0; max-width: 100%; height: auto;">
      </a>
    </td>
  </tr>
</table>

Sådan sætter du din signatur op, trin for trin

1. 1

   Skriv tekstblokken

   Navn, rolle og virksomhed, ét link at handle på, din hjemmeside. Læs den højt; skær alt væk, du ikke ville sige.

2. 2

   Design banneret i 600×200

   Brug dit brands baggrund og én kort linje. Hold ordene i midten med plads i begge ender.

3. 3

   Eksportér i 1200×400

   En JPEG i høj kvalitet til gradienter og fotos, PNG til gennemsigtighed. Tjek, at filen er under 100 KB.

4. 4

   Upload det til din hjemmeside

   Læg det i en stabil mappe som /email/, så adressen aldrig ændrer sig, og gamle mails beholder deres banner.

5. 5

   Byg og indsæt HTML-koden

   Tilpas koden ovenfor, sæt bredden til 600, skriv rigtig alternativ tekst, og indsæt den i din mailapp.

6. 6

   Test det ordentligt

   Send den til en Gmail- og en Outlook-adresse, åbn den på en telefon, slå mørk tilstand til og fra, og svar på tråden to gange.

Sådan holder du et teams signaturer ensartede

Signaturer driver: én tilføjer et citat, en anden bruger sidste års logo. Giv teamet én HTML-skabelon og ét banner, og skift banneret centralt, når budskabet ændrer sig. Den samme disciplin, der er beskrevet i brandkonsistens, gælder her, i en mindre størrelse.

Gradiently har en størrelse til mailsignatur på 600×200 klar i Studio, og en egen størrelse på 1200×400 dækker eksporten til høj pixeltæthed. Gratis eksporter bærer et lille vandmærke, så et rent banner kræver Pro, som også giver brandkittet: logo, farver og skrifttyper samlet ét sted. Marken bag banneret er den samme som på dine opslag på sociale medier og dine visitkort, så et svar i nogens indbakke ligner umiskendeligt resten af dit brand.