Afstandene i en e-mail viser læseren, hvilke elementer der hører sammen. En overskrift, forklaring og knap skal hænge tættere sammen end to separate produktfortællinger. Når alle mellemrum er ens, kan selv en kort Shopify-kampagne virke tæt eller usammenhængende. Brug en lille, ensartet afstandsskala, og kontrollér, at grupperingen stadig giver mening, når layoutet stables på mobil.
Gruppér efter betydning
Placér produktnavn tæt på billede og pris. Hold forklaringen nær den handling, den understøtter. Brug større mellemrum mellem adskilte afsnit end mellem relaterede elementer i samme afsnit. Så får læseren et visuelt overblik, før hvert ord bliver læst.
Indbyg mønsteret i en genanvendelig Sendvio-skabelon. Vælg et lille sæt afstande, og brug dem konsekvent i stedet for at justere hver blok på øjemål. Skabelonen skal stadig give plads til mere indhold, når en titel bryder over på en ny linje.
Brug en lille skala i stedet for tilfældige mellemrum
Vælg nogle få afstandstrin, og giv dem hver en opgave. Som et tænkt udgangspunkt kan et lille mellemrum forbinde produktnavn og pris, et mellemstort mellemrum adskille forklaring og handling, og et større mellemrum introducere et nyt afsnit. De præcise værdier skal passe til skabelonen; konsekvens i relationerne er vigtigere end et bestemt tal.
Du kan for eksempel afprøve 8, 16 og 32 pixels til de tre niveauer og derefter justere efter at have set den sendte e-mail. Brug ikke det største mellemrum mellem hvert afsnit. Hvis alt adskilles lige meget, ser relaterede oplysninger ikke længere forbundne ud, og e-mailen bliver unødigt lang.
Linjeafstand har en anden opgave. Den skaber plads mellem linjerne i et afsnit, så øjet kan følge teksten behageligt. Afsnitsmargener adskiller hele tanker. En stor margen kan ikke rette op på for tætte linjer, og større linjehøjde gør ikke to uvedkommende afsnit tydeligt adskilte. Justér det rigtige lag af afstand efter det problem, du ser.
Undgå tom plads uden formål
Store mellemrum kan få en kort besked til at virke usammenhængende, især på telefon. Undersøg, om en blok med fast højde eller en unødvendig afstandsklods skubber handlingen langt væk fra forklaringen. Fjern den strukturelle årsag i stedet for at gøre teksten mindre for at udfylde en akavet form.
Bevar behagelig linjeafstand i afsnit, og undgå tekstkolonner, der er for brede. Et kort afsnit er lettere at følge, når linjerne hænger sammen uden at stå for tæt. Forhåndsvis lange produktnavne og sprogversioner, før afstandene betragtes som færdige.
Find årsagen til det tomme område, før du ændrer typografien
Hvis der opstår et stort tomt område under en kort overskrift, så undersøg faste højder, afstandsklodser og indvendige margener både på overskriften og den næste komponent. To indstillinger, der hver især virker rimelige, kan tilsammen skabe for stor afstand. Fjern den dobbelte afstand i stedet for at reducere skriftstørrelsen, indtil området ser udfyldt ud.
Når kolonner stables på mobil, skal du kontrollere, om afstandselementer fra computerlayoutet stadig ligger mellem de lodret stablede blokke. Et element, der blev brugt til at justere knapper på tværs af kort, kan blive et unødvendigt tomt område under en kort produktbeskrivelse. Foretræk komponenter, der vokser med indholdet, og en rækkefølge, der holder hvert produkt samlet.
Test overblikket og derefter læsningen
Se på e-mailen i nogle sekunder, og find hovedløftet og handlingen. Hvis flere blokke konkurrerer lige meget om opmærksomheden, så forenkl hierarkiet. Læs derefter hele beskeden, og kontrollér, om den visuelle gruppering passer til betydningen.
Undersøg det smalle layout, når kolonnerne stables. Afstand mellem kort, der så passende ud ved siden af hinanden, kan blive overdreven lodret. Gode afstande skal få indholdet til at virke gennemtænkt ved begge størrelser uden at afhænge af hårde linjeskift eller en bestemt mængde tekst.
Test systemet med både det korteste og det længste realistiske indhold. En kort titel må ikke efterlade en løsrevet knap, og en lang titel må ikke støde sammen med prisen. Medtag en oversættelse, en manglende valgfri linje og et produkt uden billede. Afstandene skal understøtte variationerne uden manuel redesign af hver kampagne.
Afslut med to gennemgange: Et hurtigt blik for at finde løfte og handling, derefter en fuld læsning af rækkefølgen. Hvis layoutet ser roligt ud, men handlingen ligger flere skærme fra den forklaring, den hører til, skal grupperingen forbedres. Gode afstande er nyttige, fordi de viser relationer, før kunden beslutter sig for at læse hver sætning.