Bannerdesign: bannere til nett, sosiale medier og trykk som leses

Godt bannerdesign jobber med formen i stedet for mot den. Et banner er bredt og lavt, så gi det én kompakt tekstblokk, en kort overskrift og kanskje én støttelinje, plassert der ingenting dekker den, og la bakgrunnen bære fargen over resten av bredden. Sjekk hver plattforms størrelse og sikre sone først: et LinkedIn-profilbanner er 1584 × 396 piksler og mister nedre venstre hjørne til bildet ditt, mens et YouTube-banner er 2560 × 1440 og bare viser en midtre stripe på mobil.

Bannerstørrelser for nett og sosiale medier

Slik setter du opp ord i et bredt banner

Folk leser et banner slik de leser en tekstlinje: fra venstre mot høyre, raskt. Sprer du ordene over hele bredden, må øyet reise for langt. Samle dem i én blokk, omtrent en tredjedel av bredden, og sett overskriften stor nok til å kunne leses når hele banneret krymper til bredden av en mobilskjerm.

Hierarkiet må være enkelt i denne høyden. To nivåer er som regel grensen: en overskrift og en liten linje over eller under. Trenger du et tredje, hører det sannsynligvis hjemme på selve profilen. Visuelt hierarki forklarer hvordan størrelse og avstand gjør denne jobben uten ekstra pynt.

Sikre soner og beskjæring

Hver plattform beskjærer eller dekker banneret sitt forskjellig på datamaskin og mobil. Den trygge tilnærmingen er den samme overalt: la bakgrunnen gå fra kant til kant, og hold ord og logoer innenfor midten av rammen, unna hjørnet der avataren sitter.

1. 1

   Finn det dekkede hjørnet

   På LinkedIn, X og Bluesky ligger profilbildet over nedre venstre hjørne. Hold det området som ren bakgrunn.

2. 2

   Ta høyde for beskjæring på mobil

   Facebook og Etsy kutter sidene på mobil. Hold ordene innenfor de midtre to tredjedelene av bredden.

3. 3

   Bruk YouTubes midtre stripe

   Av rammen på 2560 × 1440 vises bare det midtre området på omtrent 1546 × 423 piksler på alle enheter. Sett navnet og eventuelle ord der.

4. 4

   Sjekk i ekte størrelse

   Last opp, og se så på mobil og laptop. En forhåndsvisning i et designverktøy kan ikke vise deg plattformens grensesnitt, og plattformene endrer layoutene sine, så sjekk hjelpesidene deres før en stor lansering.

Trykte bannere: roll-ups og skilt til arrangementer

En roll-up, vanligvis 850 × 2000 mm, er det motsatte problemet: høy og sett fra flere meter mens folk går forbi. Den trenger logo og overskrift i øvre tredjedel i øyehøyde, svært lite i nedre tredjedel, som skjules bak bord og bein, og skrift stor nok til å leses fra andre siden av rommet. Spør trykkeriet hvilken oppløsning de vil ha; store bannere trykkes normalt fra filer godt under 300 dpi fordi ingen ser dem på nært hold.

For stands og scener, se design av scenebakgrunner, og for store papirformater, plakatstørrelser.

Ett uttrykk på tvers av alle bannere

De fleste trenger fem eller seks bannere samtidig: LinkedIn, X, YouTube, et e-postbanner, et toppbilde på nettsiden. De ser ut som én merkevare når bakgrunn, skrift og farge holdes faste og bare layouten endres. En gradient er ideell til dette fordi den ikke har noe motiv som kan beskjæres, så lenge den gjengis for hver form i stedet for å strekkes.

I Gradiently gjengis en Mark på nytt i hver bannerstørrelse, flytter sitt roligste område bak ordene dine og lar Auto-tekstfarge velge lys eller mørk tekst for hver linje. Med Pro skaleres ett design til alle størrelser i ett steg, så bannerne til LinkedIn, X og YouTube kommer samtidig. Ideen om én gjenkjennelig bakgrunn går vi gjennom i et signaturuttrykk.