Vejledning til bedste praksis for varemærkeskabeloner

Skabeloner fungerer bedst, når de er lette at redigere, forudsigelige og skræddersyet til dit teams reelle behov.

Ved at planlægge og konfigurere dine elementer med vilje kan du oprette skabeloner, som alle kan opdatere, uden at det går ud over layoutet eller påvirker brandets stil.

Denne vejledning viser de vigtigste trin, som designere bruger til at oprette skabeloner, der fungerer på tværs af din organisation.

En stærk skabelon begynder med de rigtige byggesten. Vælg elementer og struktur, der gør opdateringer enkle for alle, der bruger skabelonen.

Vælg elementer, som teammedlemmer kan omfarve eller erstatte uden at ændre dit layout.

Brug SVG-filer til ikoner og illustrationer. De skalerer rent og kan genfarves ved hjælp af farver fra varemærkesættet.

Upload SVG'er

1. Gå til Uploads, og vælg derefter Upload filer.
2. Vælg en SVG-fil for at få den bedste kvalitet.

Rammer holder billederne i den rigtige størrelse og placering. Dette gør det muligt for teammedlemmer at udskifte et billede uden at justere beskæringen eller dimensionerne.

Brug rammer, når et billede skal udfylde en fast plads.

Farvernei varemærkesættet holder skabelonerne ensartede og reducerer behovet for manuelle opdateringer senere.

Dette holder din skabelon i overensstemmelse med dit brand på tværs af alle opdateringer.

Din skabelon bør holde, når nogen tilføjer længere tekst, kortere etiketter eller nyt indhold. Korrekt strukturering af din tekst holder afstanden stabil og forhindrer layout i at skifte.

Reflow styrer, hvordan tekst flyttes, når linjer tilføjes eller fjernes. En god opsætning forhindrer tekst i at overlappe andre elementer.

• Hold tekstbokse brede nok til længere linjer.
• Lad der være plads mellem tekstboksene, så de kan udvides efter behov.
• Match tekstboksbredder ved hjælp af Cmd eller Ctrl + Skift + J, før du grupperer.

Gruppering sikrer, at relaterede elementer opfører sig som en enkelt enhed under layoutændringer.

Gruppér elementer som:

• Overskrifter og underoverskrifter
• Ikoner og deres tekstetiketter
• Dekorative elementer, der danner en enkelt blok

Undgå gruppering:

• Elementer, der har brug for at bevæge sig på egen hånd
• Ikke-relaterede afsnit i dit layout

Forankring styrer, hvor teksten udvides fra, når nogen redigerer den. Matchende ankre på tværs af grupperet tekst holder layouts ensartede.

Sådan ser god forankring ud:

• Overskrifter udvides nedad
• Centrerede titler forbliver centrerede
• Brødtekst vokser i én retning

Når dit layout er struktureret, skal du låse de elementer, der definerer din skabelons visuelle identitet.

Lås genstande, der skal forblive præcis, hvor du har placeret dem:

• Logoer
• Baggrundsformer eller billeder
• Dekorative linjer eller ikoner
• Layoutblokke, der definerer afstand eller struktur

Positionel låsning holder elementer redigerbare, men forhindrer dem i at blive flyttet ved et uheld. Det er nyttigt til:

• Billedrammer
• Knapper
• Genanvendelige indholdsblokke som bios eller statistik

Låsning sikrer, at din skabelon forbliver intakt, selv når flere holdkammerater bruger den.

Effekter som overlejringer og gennemsigtighed kan forbedre dit design, men alt for komplekse effekter kan gøre billedudskiftning sværere.

Hvis du bruger overlejringer eller teksturer:

• Anvend gennemsigtighed på overlejringen, ikke på billedet
• Hold billedet over overlejringen, så det forbliver nemt at udskifte
• Undgå blandinger, der kræver manuel omplacering

Enkle effekter holder din skabelon fleksibel og nem at vedligeholde.

• Sørg for, at der er plads mellem tekstbokse
• Efterlad plads omkring tekst inde i former
• Bekræft, at al grupperet tekst bruger den samme ankerindstilling

• Læg billedet over den gennemsigtige form
• Anvend gennemsigtighed på billedet i stedet for formen

Dette gør det nemt at udskifte med træk og slip.