Kortversjonen
- Logovarianter er ulike oppstillinger og fargeversjoner av samme logo, laget for å passe alle steder den vises.
- Et vanlig sett har en hovedlogo, en liggende versjon, en stående versjon, et ikon eller en forenklet logo og ensfargede versjoner i svart og hvitt.
- Alle variantene bør ha samme bokstavformer, symbol og farger, så de oppfattes som én logo fremfor flere.
- Ikonet eller den forenklede logoen brukes til profilbilder, faviconer og andre små kvadratiske flater.
- Skriv ned hvor hver variant skal brukes, så ingen trenger å gjette eller strekke hovedlogoen for å få den til å passe.
På denne siden
Logovarianter er ulike versjoner av én logo, satt opp og fargelagt for forskjellige flater. De fleste merkevarer trenger fem: en hovedlogo, en liggende oppstilling for brede flater, en stående versjon for kvadratiske, et ikon eller en forenklet logo for bittesmå flater og ensfargede versjoner i svart og hvitt. Bygd av samme deler lar de logoen passe i et banner, et profilbilde og et stempel med én trykkfarge uten å strekkes eller klemmes sammen.
Hvorfor én logo ikke er nok
En logo laget for et butikkskilt er vanligvis for bred til et profilbilde og for detaljert til et favicon. Når det bare finnes én fil, improviserer folk: de krymper den til den er uleselig, klemmer den sammen eller legger den på en bakgrunn der den forsvinner. Varianter løser dette på forhånd. Du bestemmer én gang hvordan logoen tilpasses, og alle følger samme løsning.
De fem logovariantene de fleste merkevarer trenger
Hva det er
Brukes til
Brukes til
Brukes til
Hva det er
Brukes til
Hva det er
Brukes til
Noen merkevarer legger til en versjon med bare ordlogoen, altså navnet uten symbol, når symbolet blir for lite til å leses. En merkeformet versjon eller et emblem kan også være nyttig til klistremerker og forseglinger på emballasje. Ingen av delene er nødvendig fra første dag.
Tilpass hver variant til flaten
Flaten avgjør varianten. Brede flater får den liggende oppstillingen, kvadratiske flater får den stående versjonen eller ikonet, og alt som er mindre enn et miniatyrbilde, får bare ikonet.
Toppbilde i e-post 1200×600: liggende
1200 × 600
Instagram-kvadrat 1080×1080: stående
1080 × 1080
Story 1080×1920: stående eller ikon
1080 × 1920
LinkedIn-banner 1584×396: liggende
1584 × 396
I et bredt toppbilde til e-post står navnet på én linje og passer naturlig på flaten.
I et kvadrat fyller den stående oppstillingen rammen og er stor nok til å leses.
Fargevarianter: farger, negativ og ensfarget
Hver oppstilling trenger også fargeversjoner. Du trenger ikke alle kombinasjoner, men disse fire gir logoen en løsning for lyse bakgrunner, mørke bakgrunner og trykk med én farge.
På gradienter og bilder er den ensfargede hvite eller svarte versjonen ofte riktig, fordi en tofarget logo kan kollidere med bakgrunnen. Logo på gradientbakgrunn viser hvordan du velger mellom dem, og ideer til logobakgrunner har bakgrunner som passer en enkel logo.
Slik bygger du et sett med logovarianter
- 1
Begynn med hovedlogoen som vektor
Alle varianter settes sammen på nytt av de samme originaldelene. Tegn aldri symbolet på nytt eller sett navnet i en annen skriftvekt.
- 2
Lag liggende og stående oppstillinger
Flytt symbolet ved siden av eller over navnet. Definer avstanden mellom dem som et mål, for eksempel høyden på navnets store bokstaver.
- 3
Forenkle ikonet
Bruk bare symbolet eller initialene, fjern små detaljer og gjør tynne linjer tykkere. Det må være leselig i svært små størrelser, så test det som et favicon.
- 4
Lag fargeversjonene
Lag fargeversjon, negativ, svart og hvitt for hver oppstilling. Sjekk den negative versjonen på den mørkeste merkevarefargen.
- 5
Definer frisone og minstestørrelser
Angi tomrommet rundt hver versjon og minste tillatte størrelse, i piksler for skjerm og millimeter for trykk.
- 6
Eksporter og navngi filene tydelig
SVG, PDF og gjennomsiktig PNG for hver variant, med navn som
fern-stacked-reversed.svg, så folk velger riktig uten å åpne filen.
Regler som får variantene til å se ut som én logo
Unngå
- Å strekke eller klemme en versjon for å passe flaten
- Å tegne ikonet ulikt for hver plattform
- Nye farger som bare brukes i én variant
- Å legge til slagord i noen versjoner og utelate dem i andre uten en plan
- Å bruke hovedlogoen der ikonet hører hjemme
Gjør dette
- Velg varianten som har samme form som flaten
- Bruk ett ikon overalt der du trenger et lite kvadrat
- Bruk samme palett i hele settet
- Dokumenter en oppstilling med slagord som en egen variant
- Respekter frisone og minstestørrelser
Dokumenter settet på én side i merkevaremanualen: hver variant, fargeversjonene, frisonen, minstestørrelsen og bruksstedene. Legg så filene der folk faktisk lager design. I Gradiently har merkevaresettet plass til flere logoer side om side, så den stående versjonen, ikonet og den negative filen er ett klikk unna i Studio. Designer kan bruke settet når den lager et design. Merkevaresett dekker det øvrige innholdet som hører til.
Spørsmål folk stiller
Hva er logovarianter?
De er alternative versjoner av én logo, som liggende, stående, ikon og ensfarget, laget for at logoen skal passe alle flater uten å forvrenges.
Hvor mange logovarianter trenger jeg?
De fleste merkevarer trenger omtrent fem: hovedlogo, liggende, stående, et ikon eller en forenklet logo og svarte og hvite versjoner. Legg bare til flere når et faktisk behov krever det.
Hva er en forenklet logo?
Det er en enklere, vanligvis kompakt versjon av logoen, ofte initialer eller bare symbolet, brukt på små flater som profilbilder, faviconer og klistremerker.
Hva er en responsiv logo?
En responsiv logo er et sett med varianter som forenkles når plassen krymper, fra den komplette oppstillingen på store skjermer til bare ikonet i de minste størrelsene.
Hvilken logovariant bør jeg bruke som profilbilde?
Bruk ikonet eller den forenklede logoen, eller den stående versjonen hvis den er kort, på en kvadratisk bakgrunn. Brede liggende logoer blir uleselige i en liten sirkel.
Skrevet av Gradiently
Teamet bak Gradiently, et designverktøy bygget rundt Marks: levende gradienter som gjør at alt du designer ser ut som ditt.
Se profilen vår