Richtlijnen voor het ontwerpen van handtekeningen

Dit artikel beschrijft best practices voor het ontwerpen van e-mailhandtekeningen die consistent worden weergegeven in verschillende e-mailclients en op verschillende apparaten.

Om de beste resultaten te garanderen bij het maken van een e-mailhandtekening in Exclaimer, volgt u de onderstaande ontwerprichtlijnen. Deze richtlijnen helpen veelvoorkomende weergaveproblemen in Outlook, Gmail en mobiele e-mailclients te voorkomen.

Ontwerprichtlijnen

Om ervoor te zorgen dat handtekeningen correct worden weergegeven in verschillende e-mailclients, volgt u deze richtlijnen:

• Gebruik aanbevolen breedtes, zowel voor uw handtekeningtemplate als voor brede elementen zoals banners.
• Gebruik tabellen voor de lay-out
• Upload afbeeldingen in de werkelijke grootte
• Kies ondersteunde bestandsformaten
• Houd rekening met hoe de handtekening op mobiele apparaten wordt weergegeven
• Vermijd kopiëren en plakken van tekst - voer tekst direct in, of als plakken nodig is, plak dan als platte tekst zonder opmaak.
• Pas opmaak- en stijlkeuzes zoals lettertypen en kleuren (of andere keuzes uit het Eigenschappenpaneel) eerst toe op de buitenste lagen, daarna op binnenste tabellen, cellen of groepen. Voor meer informatie over het bekijken van de binnenste en buitenste delen van een template, zie Gekleurde randen, groepering en overgeërfde eigenschappen in de Signature Designer.

Aanbevolen ontwerpnormen

Deze normen helpen ervoor te zorgen dat handtekeningen consistent worden weergegeven op verschillende e-mailplatforms. De volgende tabel bevat onze aanbevelingen voor veelvoorkomende ontwerpaspecten:

Beste praktijken

Lay-out

Volg deze lay-outrichtlijnen om duidelijkheid, consistentie en leesbaarheid te waarborgen:

• Gebruik tabellen om je lay-out te structureren.
• Je kunt tabellen en tabelcellen nesten om complexere rasters te maken, maar probeer overmatige overlappingen met gebruikersfoto's en achtergrondvormen bijvoorbeeld te vermijden.
• Gebruik padding om ruimte tussen elementen te creëren.
• Je kunt een vaste breedte instellen voor zowel tabellen als hele sjablonen om te voorkomen dat je handtekening van grootte verandert op kleinere schermen van apparaten.
• Je kunt sommige elementen uitrekken of brede ontwerpen maken om de breedte van je sjabloon te vullen.

Lettertypen

Lettertypekeuzes

Sommige lettertypen zijn niet beschikbaar op verschillende apparaten of besturingssystemen. Dit geldt vooral voor aangepaste lettertypen. Overweeg uw lettertypekeuzes en of u een lettertypestapel met reservelettertypen moet instellen om ervoor te zorgen dat uw ontwerp altijd tekst kan weergeven in een geschikt lettertype.

Voor meer informatie, zie Verschil tussen aangepaste lettertypen en lettertypestapels.

Lettergrootten

Gebruik de volgende lettergroottes om leesbaarheid en een professionele uitstraling te behouden:

• 11 pt – 12 pt voor grotere tekst (bijvoorbeeld: naam, functietitel)
• 10 pt – 8 pt voor contactgegevens (bijvoorbeeld: telefoon, e-mail, website)
• 8 pt – 7 pt voor disclaimers en juridische tekst

Voor meer informatie over lettergroottes, zie Hoe pixel- en puntwaarden te gebruiken bij lettergrootte.

Afbeeldingen

Voor optimale afbeeldingweergave en prestaties:

• Vermijd het wijzigen van de grootte van afbeeldingen in de Handtekeningontwerper - upload in plaats daarvan uw afbeelding op de exacte grootte waarop u deze wilt weergeven. Als u bijvoorbeeld wilt dat uw afbeelding wordt weergegeven op 100x100px, maak of verander de grootte van uw afbeeldingsbestand naar die grootte.
• Afbeeldingen kunnen ingebed of gelinkt zijn:
  • Ingebedde afbeeldingen: Direct vanaf uw apparaat geüpload in de handtekeningtemplate.
  • Gelinkte afbeeldingen: Gehost op een openbaar toegankelijke server en verwezen met een gehoste URL in de handtekeningtemplate.

Voor meer aanbevelingen en probleemoplossing met afbeeldingen, zie Hoe problemen met afbeeldingskwaliteit op te lossen.

Achtergronden

Overweeg of een achtergrondafbeelding of achtergrondkleur de beste keuze is voor uw ontwerp. Zie Verschil tussen achtergrondafbeelding en achtergrondkleur om de twee methoden te vergelijken en te beslissen welke het meest geschikt is.

Compatibiliteit met mobiel

Gebruik deze praktijken om een overzichtelijke, eenvoudige en mobielvriendelijke lay-out te behouden:

• Houd ontwerpen compact en eenvoudig om horizontaal scrollen te voorkomen.
• Test handtekeningen waar mogelijk altijd op mobiele apparaten.
• Houd rekening met hoe donkere modus uw kleurkeuzes en andere stijlaspecten kan beïnvloeden.

Veelvoorkomende fouten

Vermijd het volgende bij het ontwerpen van handtekeningen:

• Handtekeningen gebruiken die breder zijn dan 600 px. Dit kan weergaveproblemen veroorzaken op kleinere schermen.
• Afbeeldingen niet op de werkelijke weergaveafmetingen schalen. Dit kan ertoe leiden dat afbeeldingen te groot of vervormd lijken.
• Geen tabellen gebruiken voor de lay-out. Ongestructureerde ontwerpen kunnen slecht worden weergegeven in e-mailclients. Zie Verschil tussen tabellen en groepen.
• Gebruik van niet-ondersteunde afbeeldingsformaten. Gebruik alleen JPG, JPEG, PNG of GIF.
• Gebruik van kleuren of stijlen die ongeschikt zijn voor de donkere modus op apparaten.
• Niet voorzichtig zijn bij het gebruik van AI om inhoud te genereren, omdat het mogelijk niet te repliceren is in een handtekening.

Deze problemen kunnen ervoor zorgen dat handtekeningen verkeerd uitgelijnd of onjuist opgemaakt lijken.