Bannerdesign: bannere til web, sociale medier og tryk, der kan læses

God bannerdesign arbejder med formen frem for imod den. Et banner er bredt og lavt, så giv det én kompakt blok med ord, en kort overskrift og måske én understøttende linje, placeret, hvor intet dækker den, og lad baggrunden bære farven resten af bredden. Tjek først hver platforms størrelse og sikre område: et LinkedIn-profilbanner er 1584 × 396 pixel og mister sit nederste venstre hjørne til dit foto, mens et YouTube-banner er 2560 × 1440 og kun viser en central stribe på telefoner.

Bannerstørrelser til web og sociale medier

Sådan lægger du ord ud i et bredt banner

Folk læser et banner, som de læser en tekstlinje: fra venstre mod højre, hurtigt. Hvis ordene spredes over hele bredden, skal øjet rejse for langt. Saml dem i én blok, omkring en tredjedel af bredden, og sæt overskriften stor nok til at kunne læses, når hele banneret skrumper til en telefonskærms bredde.

Hierarkiet skal være enkelt i den højde. To niveauer er som regel grænsen: en overskrift og en lille linje over eller under. Hvis du har brug for et tredje, hører det nok til på selve profilen. Visuelt hierarki forklarer, hvordan størrelse og afstand klarer det arbejde uden ekstra pynt.

Sikre områder og beskæring

Hver platform beskærer eller dækker sit banner forskelligt på computer og telefon. Den sikre tilgang er den samme overalt: lad baggrunden løbe fra kant til kant, og hold ord og logoer i midten af rammen, væk fra hjørnet, hvor avataren sidder.

1. 1

   Find det dækkede hjørne

   På LinkedIn, X og Bluesky ligger profilbilledet over det nederste venstre hjørne. Hold det område til kun baggrund.

2. 2

   Tag højde for beskæring på telefon

   Facebook og Etsy trimmer siderne på telefoner. Hold ord inden for de centrale to tredjedele af bredden.

3. 3

   Brug YouTubes centrale stribe

   Af rammen på 2560 × 1440 vises kun midten på omkring 1546 × 423 pixel på alle enheder. Sæt navnet og eventuelle ord dér.

4. 4

   Tjek i virkelig størrelse

   Upload, og se det på en telefon og en bærbar. Et eksempel i et designværktøj kan ikke vise dig platformens grænseflade, og platforme ændrer deres layouts, så tjek deres egne hjælpesider før en stor lancering.

Trykte bannere: roll ups og arrangementsskilte

Et roll up-banner, almindeligvis 850 × 2000 mm, er det modsatte problem: højt og set fra flere meters afstand, mens folk går forbi. Det har brug for et logo og en overskrift i den øverste tredjedel i øjenhøjde, meget lidt i den nederste tredjedel, som skjules bag borde og ben, og tekst stor nok til at kunne læses fra den anden side af et rum. Spørg dit trykkeri, hvilken opløsning de vil have; store bannere trykkes normalt fra filer langt under 300 dpi, fordi ingen ser dem på tæt hold.

Til stande og scener, se design af arrangementsbaggrunde, og til store papirformater, plakatstørrelser.

Ét udtryk på tværs af alle bannere

De fleste har brug for fem eller seks bannere på én gang: LinkedIn, X, YouTube, en e-mailheader, et hero på et websted. De ligner ét brand, når baggrund, skrift og farve forbliver de samme, og kun layoutet ændrer sig. En gradient er ideel til det, fordi den ikke har noget motiv, der kan beskæres, så længe den gengives til hver form frem for at blive strakt.

I Gradiently gengives en Mark på ny i hver bannerstørrelse, flytter sit roligste område bag dine ord og lader Automatisk tekstfarve vælge lys eller mørk tekst pr. linje. Med Pro kan ét design ændres til alle størrelser i ét trin, så bannerne til LinkedIn, X og YouTube kommer sammen. Idéen om én genkendelig baggrund er beskrevet i et signaturudtryk.