Veiledning for anbefalte fremgangsmåter for merkevaremaler

Maler fungerer best når de er enkle å redigere, forutsigbare og skreddersydde for teamets reelle behov.

Ved å planlegge fremover og sette opp elementene dine med vilje, kan du lage maler som alle kan oppdatere uten å bryte oppsett eller påvirke merkevarestilen.

Denne veiledningen viser de grunnleggende trinnene designere bruker for å lage maler som fungerer på tvers av organisasjonen din.

En sterk mal begynner med de riktige byggeklossene. Velg elementer og strukturer som gjør oppdateringer enkle for alle som bruker malen.

Velg elementer som teammedlemmer kan omfarge eller erstatte uten å endre oppsettet.

Bruk SVG-er for ikoner og illustrasjoner. De skaleres rent og kan fargelegges på nytt ved hjelp av fargene i merkevaresettet.

Opplasting av SVG-er

1. Gå til Opplastinger, og velg deretter Last opp filer.
2. Velg en SVG-fil for best kvalitet.

Rammer holder bilder i riktig størrelse og plassering. Dette gjør at teammedlemmer kan erstatte et bilde uten å justere beskjæringen eller dimensjonene.

Bruk Rammer når ett bilde må fylle en fast plass.

Fargenepå merkevaresettet holder maler konsekvente og reduserer behovet for manuelle oppdateringer senere.

Dette holder malen i samsvar med merkevaren din på tvers av hver oppdatering.

Malen bør holde når noen legger til lengre tekst, kortere etiketter eller nytt innhold. Når du strukturerer teksten på riktig måte, holdes avstanden stabil, og layoutene kan ikke flyttes.

Flyt på nytt styrer hvordan tekst flyttes når linjer legges til eller fjernes. Et godt oppsett hindrer at tekst overlapper andre elementer.

• Hold tekstbokser brede nok for lengre linjer.
• La det være plass mellom tekstboksene slik at de kan utvides etter behov.
• Match tekstboksbredder ved hjelp av Cmd eller Ctrl + Shift + J før gruppering.

Gruppering sikrer at relaterte elementer oppfører seg som en enkelt enhet under layoutendringer.

Grupper elementer som:

• Overskrifter og underoverskrifter
• Ikoner og deres tekstetiketter
• Dekorative elementer som danner en enkelt blokk

Unngå gruppering:

• Elementer som må bevege seg på egenhånd
• Urelaterte deler av oppsettet ditt

Forankringskontroller der teksten utvides fra når noen redigerer den. Ved å matche forankringer på tvers av gruppert tekst, blir oppsettene konsekvente.

Slik ser god forankring ut:

• Overskrifter utvides nedover
• Midtstilte titler forblir midtstilte
• Brødtekst vokser i én retning

Når oppsettet er strukturert, låser du elementene som definerer malens visuelle identitet.

Lås elementer som skal være akkurat der du plasserte dem:

• Logoer
• Bakgrunnsformer eller bilder
• Dekorative linjer eller ikoner
• Oppsettblokker som definerer avstand eller struktur

Posisjonslåsing holder elementene redigerbare, men hindrer dem i å bli flyttet ved et uhell. Dette er nyttig for:

• Bilderammer
• Knapper
• Blokkering av gjenbrukbart innhold som biografier eller statistikk

Låsing sikrer at malen forblir intakt, selv når flere teammedlemmer bruker den.

Effekter som overlegg og gjennomsiktighet kan forbedre designet ditt, men altfor komplekse effekter kan gjøre bildeerstatning vanskeligere.

Hvis du bruker overlegg eller teksturer:

• Bruk gjennomsiktighet på overlegget, og ikke på bildet
• Hold bildet over overlegget slik at det er enkelt å bytte ut
• Unngå blandinger som krever manuell reposisjonering

Enkle effekter gjør malen fleksibel og enkel å vedlikeholde.

• Sørg for at det er plass mellom tekstboksene
• La det være plass rundt tekst inni former
• Bekreft at all gruppert tekst bruker samme ankerinnstilling

• Legg bildet over den gjennomsiktige formen
• Bruk gjennomsiktighet på bildet i stedet for figuren

Dette gjør utskifting enkelt ved å dra og slippe.