Kortversjonen
- En gradientlogo fungerer best på skjerm, i mellomstore og store størrelser, og med en enkel, kraftig form.
- Enhver gradientlogo trenger en flat, enfarget versjon for små størrelser, enfarget trykk, broderi, gravering og stempler.
- Logogradienter leses best som korte overganger mellom nabofargetoner med lignende lyshet, som holder seg livlige i små størrelser.
- Design logoen i helsvart først; hvis formen ikke fungerer flat, redder ikke en gradient den.
- Mange merkevarer holder logoen flat og legger gradienten i bakgrunnene i stedet, noe som gir samme energi med færre steder der det kan gå galt.
På denne siden
En gradientlogo fungerer når logoen for det meste lever på skjerm, vises i mellomstore eller store størrelser, og har en kraftig, enkel form som fortsatt leses i én flat farge. Den sliter i bittesmå størrelser, i enfarget trykk, på broderi og overalt der fargen er begrenset. Regelen er derfor enkel: en gradientlogo er fin som hovedversjon, men du må alltid ha en flat versjon, og formen må fungere uten gradienten først.
Gradientlogoer ble vanlige da merkevarer begynte å designe for telefoner først, der farger gløder og skjermene gjengir overganger godt. Gjennomgangen vår av kjente gradientlogoer dekker de kjente eksemplene. Denne guiden handler om å avgjøre om logoen din bør være en, og å gjøre det godt i så fall.
Når en gradientlogo fungerer
En gradient fortjener plassen sin i en logo når den tilfører noe en flat farge ikke kan: en følelse av lys, av bevegelse, eller av at flere ting kommer sammen. Den fungerer best under disse forholdene.
- Skjerm først. Appikoner, nettsteder, profilbilder i sosiale medier og video, der fargen er bakbelyst og overganger tegnes jevnt.
- Mellomstore og store størrelser. En overgang trenger plass; med noen få millimeters bredde leses den som én grumsete farge.
- Enkle, solide former. En sirkel, en kraftig bokstav eller et tykt symbol gir gradienten en flate å bevege seg over. Tynne linjer gir den ingen steder å gå.
- To eller tre nære farger. Korte overganger mellom nabofargetoner holder seg livlige. Lange reiser over fargesirkelen blir grå på midten.
- En merkevare som allerede bruker gradienter. Da gjentar logoen språket i resten av identiteten i stedet for å være den eneste overgangen i sikte.
Der gradientlogoer svikter
De fleste stedene en logo vises, er ikke en telefonskjerm. Før du bestemmer deg, lister du opp hvor logoen din faktisk skal brukes, og sjekker hvert sted mot denne tabellen.
| Hvor | Hva som skjer med en gradient | Bruk i stedet |
|---|---|---|
| Ikon i nettleserfanen | For lite til at overgangen synes; leses som en flekk | Flatt symbol i én farge |
| Enfarget trykk, stempler, kvitteringer | Kan ikke trykkes i det hele tatt | Helsvart eller én trykkfarge |
| Broderi og vevde merkelapper | Tråd kan ikke gi jevne overganger | Flat versjon i én eller to trådfarger |
| Lasergravering, preging | Ingen farge i det hele tatt | Formen alene |
| Små trykk (visittkort, etiketter) | Overganger kan få bånd eller se flekkete ut | Flat farge, eller en kort gradient testet på trykk |
| På en gradientbakgrunn | To overganger slåss med hverandre | Ensfarget hvit eller mørk versjon |
Trykk er ikke umulig, bare krevende. Gradienter på trykk går gjennom hvordan du får jevne overganger på papir. Og for den siste raden, se logo på en gradientbakgrunn.
Slik designer du en gradientlogo som overlever
- 1
Design formen i helsvart
Enhver logo bør først fungere som silhuett. Er den ikke gjenkjennelig i svart på hvitt i liten størrelse, skjuler en gradient bare problemet.
- 2
Velg en kort overgang
Velg to eller tre nabofargetoner med lignende lyshet. Test midtpunktet: ser det grått eller brunt ut, flytter du en farge eller legger til et stopp på midten.
- 3
Bestem retningen med vilje
Diagonale overganger fra øverst til venstre til nederst til høyre er de vanligste. En retning som passer formen, som fra bunn til topp for noe som stiger, gir gradienten en grunn til å være der.
- 4
Velg den flate reservefargen
Velg én ensfarget farge fra overgangen, ofte nær midtpunktet, som folk leser som samme merkevare. Dette er fargen for små størrelser og enfarget bruk.
- 5
Lag hele settet
Gradient, flat farge, ensfarget hvit og ensfarget svart. Test hver av dem i profilbildestørrelse, på mørk og lys bakgrunn, og på trykk.
- 6
Skriv ned reglene
Noter de nøyaktige stoppene, vinkelen og reservefargen i merkevaremanualen, så ingen gjenskaper gradienten på øyemål.
Gradientlogo eller gradientbakgrunn
Mange merkevarer får fordelen av en gradient uten å legge den i logoen i det hele tatt. Logoen forblir flat og skarp, og gradienten lever i bakgrunnene til innlegg, emballasje og nettstedet. Logoen trenger aldri å kjempe mot små størrelser eller begrensninger på trykk, mens gradienten likevel blir en del av hvordan folk kjenner deg igjen. Gradient i merkevarebygging går dypere inn i denne tilnærmingen.
Et flatt, hvitt ordmerke med gradienten bak: skarpt i alle størrelser, og fargen gjør fortsatt merkevarens jobb.
Samme kombinasjon i en bred topptekst. Logoen endres aldri; gradienten tegnes for formen.
Bygg en gradientlogo i SVG
På nettet bør en gradientlogo være en SVG med gradienten definert inni, så den holder seg skarp i alle størrelser. SVG-gradienter går gjennom alle mulighetene.
<svg viewBox="0 0 120 120" width="120" height="120" role="img" aria-label="Northlight">
<defs>
<linearGradient id="northlight-logo" x1="0" y1="0" x2="1" y2="1">
<stop offset="0" stop-color="#7c3aed" />
<stop offset="1" stop-color="#db2777" />
</linearGradient>
</defs>
<circle cx="60" cy="60" r="52" fill="url(#northlight-logo)" />
</svg>Spørsmål folk stiller
Er gradientlogoer en god idé?
Det kan de være, for merkevarer som for det meste lever på skjerm og har en kraftig, enkel logoform. De trenger en flat, enfarget versjon for små størrelser og trykk.
Hvordan lager jeg en flat versjon av en gradientlogo?
Velg én ensfarget farge fra overgangen, som regel nær midtpunktet, som folk leser som samme merkevare, og lag også en ensfarget hvit og en ensfarget svart versjon.
Kan man trykke en gradientlogo?
Ja, i fullfargetrykk i en rimelig størrelse, men ikke i enfarget trykk, broderi eller gravering. Test små trykte størrelser for banding før du bestemmer deg.
Hvilke farger gir en god gradientlogo?
To eller tre nabofargetoner med lignende lyshet, som rav til korall eller blågrønt til blått. Motsatte farger blir gjerne grå på midten.
Bør logoen min være en gradient hvis merkevaren min bruker gradienter?
Ikke nødvendigvis. Mange merkevarer beholder en flat logo og legger gradienten i bakgrunnene, noe som gir samme gjenkjennelse med færre problemer i små størrelser.
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
