Inleiding
Rijen vormen de basis van je ontwerp, of het nu gaat om een e-mail of een landingspagina. Ze dienen als container voor inhoudsblokken en zijn cruciaal voor mobiele responsiviteit. In tegenstelling tot lay-outs met een vaste breedte, passen rijen zich in deze editor automatisch aan, aan de schermgrootte van het apparaat waarop ze worden weergegeven. De editor biedt verschillende instellingen voor rijen, waarmee je ontwerpelementen op meerdere inhoudsblokken tegelijk kunt toepassen.
Om wijzigingen aan een rij aan te brengen, moet je deze eerst selecteren:
Beweeg je muiscursor over een lege ruimte buiten de body van de nieuwsbrief, meestal links of rechts van het inhoudsgebied. Klik hier vervolgens en in de zijbalk wordt er automatisch overgegaan naar het rijen tabblad. Hier worden vervolgens verschillende rij-specifieke eigenschappen getoond die je kunt wijzigen.
In onderstaand voorbeeld is er overigens gekozen om een achtergrond afbeelding achter de body van de mail te tonen (onder Instellingen>Achtergrond afbeelding, maar hou er rekening mee dat deze niet in iedere emailclient toont. Outlook voor PC heeft hier bijvoorbeeld moeite mee. Daarnaast is deze afbeelding behoorlijk groot, en loop je t risico dat door t formaat/bestandsgrootte je mail in de spam belandt. Neem dit dus in acht bij t kiezen voor deze optie.
Beschikbare rij eigenschappen
Hier zijn enkele eigenschappen die je kunt aanpassen voor een geselecteerde rij:
- Achtergrondkleur rij: Stel de achtergrondkleur voor de hele rij in.
- Achtergrondkleur inhoud: Geef de achtergrondkleur op voor alleen het inhoudsgebied binnen de rij.
- Verticale uitlijning: Kies de verticale uitlijning voor de inhoud binnen de rij. Opties zijn meestal boven, midden en onder.
- Afgeronde hoeken inhoudsgebied: Voeg afgeronde hoeken toe aan het inhoudsgebied.
- Rand inhoudsgebied: Stel een rand in rond het inhoudsgebied met aanpasbare kleur, breedte en stijl. (let hierbij op dat dit bij meerdere kolommen vaak tot problemen met weergave leidt)
- Opties voor mobiele optimalisatie: Een set opties voor mobiele responsiviteit:
- Niet herorganiseren op mobiel: Voorkomt dat de inhoud binnen de rij verticaal wordt gestapeld op mobiele apparaten.
- Herorganiseer volgorde op mobiel: Keert de volgorde van de inhoud om wanneer deze verticaal wordt gestapeld op mobiele apparaten.
- Verbergen op mobiel/desktop: Maakt de rij onzichtbaar op mobiele of desktopapparaten.
Door deze rij eigenschappen te begrijpen en te gebruiken, kun je effectievere en visueel aantrekkelijkere ontwerpen maken die werken op verschillende apparaten.
Ontwerptips voor donkere modus
‘Donkere modus-vriendelijke’ ontwerpen maken kan complex zijn, maar hier zijn enkele belangrijke tips om je te helpen:
Vermijd het gebruik van puur wit (#FFFFFF) en puur zwart (#000000); kies in plaats daarvan voor gebroken wit en grijs-zwart. Dit kan de impact verminderen op e-mailclients die volledige kleurinversie uitvoeren.
Transparante PNG's verdienen de voorkeur voor flexibele ontwerpaanpassingen gezien deze bijvoorbeeld geen compleet witte achtergrond tonen achter een logo.
Omlijn tekst in contrasterende kleuren voor betere leesbaarheid, vooral als het deel uitmaakt van een afbeelding.
Door optimaal gebruik te maken van de functie Voorbeeld in donkere modus en je te houden aan deze ontwerprichtlijnen, ben je beter uitgerust om e-mails te produceren die een consistente en aantrekkelijke ervaring bieden, ongeacht de apparaat instellingen van je publiek.