# Presentasjonsbakgrunner som ikke kjemper mot lysbildene

[Canonical HTML page](https://gradiently.design/nb/guide/presentation-backgrounds)

De fleste lysbildebakgrunner velges for tittellysbildet og lider seg så gjennom førti innholdslysbilder. Design heller en liten familie: høylytt der den kan være det, stille der folk må lese.

## The short version

- En god presentasjonsbakgrunn støtter innholdet på hvert lysbilde: uttrykksfull på tittel- og seksjonslysbilder, rolig på lysbilder folk må lese.
- Design bakgrunner som en familie på tre, én hver for tittel-, seksjons- og innholdslysbilder, alle bygget av de samme fargene.
- Standard lysbildestørrelser er 1920 ganger 1080 piksler for 16:9 og 1600 ganger 1200 piksler for 4:3.
- Innholdslysbilder trenger et stort rolig område med sterk, jevn kontrast der teksten og diagrammene står.
- Projektorer vasker ut svake farger og mørke detaljer, så test en presentasjonsbakgrunn på skjermen den skal vises på.

En god **presentasjonsbakgrunn** setter tonen for foredraget og trer så til side for innholdet. Den praktiske tilnærmingen er en liten familie av bakgrunner bygget av de samme fargene: en uttrykksfull til tittellysbildet, en litt roligere til seksjonsskiller og en stille med et stort, jevnt område til innholdslysbilder. Lag dem i 1920 ganger 1080 for presentasjoner i 16:9 eller 1600 ganger 1200 for 4:3, og sjekk dem på skjermen eller projektoren du skal presentere på.

Hvis du bygger et helt presentasjonssystem, tar [pitch deck-design](https://gradiently.design/nb/guide/pitch-deck-design) for seg struktur og lysbildetyper. Denne guiden handler om bakgrunnene under.

## Størrelser på presentasjonsbakgrunner: 16:9 og 4:3

De fleste presentasjonsverktøy starter nå nye presentasjoner i 16:9, som passer de fleste bærbare, skjermer og TV-er. 4:3 er fortsatt nyttig for enkelte eldre projektorer og for presentasjoner som skal skrives ut eller leses som dokumenter. Velg forholdet først, for en bakgrunn laget for det ene passer aldri rent til det andre.

- Lysbilder 16:9, 1920×1080: 1920 × 1080
- Lysbilder 4:3, 1600×1200: 1600 × 1200

De to standardformene for lysbilder. Eksporter bakgrunner i disse størrelsene eller større, så de forblir skarpe på store skjermer.

> **Sjekk rommet** Hvis du ikke kjenner skjermen, så spør. En 16:9-presentasjon på en 4:3-projektor får svarte felt øverst og nederst, og en 4:3-presentasjon på en bred skjerm får dem på sidene. Begge deler fungerer, men bakgrunnen din bør designes for den du faktisk får.

## Design en bakgrunnsfamilie, ikke én bakgrunn

Tittellysbildet har råd til dramatikk fordi det bærer få ord. Et innholdslysbilde med et diagram, seks kulepunkter eller et skjermbilde trenger et rolig felt med jevn kontrast overalt der tekst kan havne. Én bakgrunn kan ikke gjøre begge jobbene godt, så lag tre fra samme palett.

- Tittel: uttrykksfull: `radial-gradient(ellipse at 75% 25%, #7c5cff 0%, #3b2a8f 40%, #140f33 100%)`
- Seksjon: roligere: `linear-gradient(135deg, #2a1f6b 0%, #1a1545 60%, #120e2e 100%)`
- Innhold: stille: `linear-gradient(180deg, #171333 0%, #141030 100%)`

Én mørk fiolett familie i tre styrker. Tittelen har en sterk lyskilde, mens innholdslysbildene er nesten flate, så diagrammer og tekst leses jevnt.

| Lysbildetype | Bakgrunn | Tekstområde |
| --- | --- | --- |
| Tittel | Den mest uttrykksfulle versjonen: farge, lys, tekstur | Kort tittel, plassert i det roligste området |
| Seksjonsskille | Samme farger, mindre kontrast, eller ett enkelt dristig felt | Ett eller to ord, stort |
| Innhold | Nesten flat, eller en svak gradient i én kant | Det meste av lysbildet, med jevn kontrast |
| Data og skjermbilder | Flat eller den roligste versjonen | Alt, for diagrammet er innholdet |
| Avslutning | Kan gå tilbake til tittelbakgrunnen | Kontakt, oppfordring eller takk |

Hvor hver bakgrunnsstyrke hører hjemme. Å gjenta tittelbakgrunnen til slutt rammer inn foredraget.

Et tittellysbilde i bredformat med en kort overskrift på en uttrykksfull gradientbakgrunn

Et tittellysbilde kan bruke hele bakgrunnen: lys, farge og rom.

Et innholdslysbilde i bredformat med en kort liste på en roligere versjon av den samme gradienten

Et innholdslysbilde i samme familie: bakgrunnen roer seg, så listen leses først.

## Slik holder du teksten lesbar på lysbildebakgrunner

Lysbilder leses på avstand, ofte i et opplyst rom, på en skjerm som er mørkere eller har mindre kontrast enn den bærbare. Hvert kontrastproblem du ser på din egen skjerm, blir verre der. Sikt godt over minimum: WCAG-tersklene på 4,5:1 for vanlig tekst og 3:1 for stor tekst er et gulv, ikke et mål. [Fargekontrast](https://gradiently.design/nb/guide/color-contrast-accessibility) forklarer hvordan du sjekker.

### Unngå

- En urolig gradient bak brødtekst og diagrammer
- Bakgrunner i mellomtone der verken hvitt eller svart leses godt
- Tekst som krysser den lyseste delen av en gradient
- Mørke, svake detaljer som en projektor gjør grå

### Gjør

- En rolig innholdsbakgrunn med jevn lyshet
- Tydelig mørke eller tydelig lyse grunner
- Ord plassert i det roligste området
- Dristig, enkel struktur som tåler enhver skjerm

Behold en sikker marg også. La omtrent 5 prosent av bredden stå fri i hver kant, så ingenting viktig kuttes hvis skjermen beskjærer eller skalerer lysbildet. Det hindrer også at teksten trenger seg mot kanten av en gradient, der fargen ofte endrer seg raskest.

## Mørke eller lyse presentasjonsbakgrunner

Mørke bakgrunner føles filmatiske og fokuserte i et dunkelt rom, og de får farger til å gløde. Lyse bakgrunner leses bedre i lyse rom og på utskrifter, og de er lettere for skjermdelingsapper som komprimerer video. Hvis du skal presentere i begge typer rom, bygger du familien i begge, med én felles aksentfarge.

- Mørk grunn: #141030
- Lys grunn: #f4f1ea
- Felles aksent: #7c5cff
- Tekst på mørkt: #f5f3ff
- Tekst på lyst: #1c1733

En mørk og en lys presentasjon fra én palett. Aksenten er den samme, så diagrammer og fremhevinger ser like ut i begge.

> **Projektorer endrer farger** Projektorer kan ikke vise ekte svart, så mørke bakgrunner blir koksgrå og svake mørke detaljer forsvinner. Mettede farger forskyver seg ofte også. Øv på den virkelige projektoren, eller velg dristigere og enklere bakgrunner hvis du ikke kan det.

## Slik lager du et sett med presentasjonsbakgrunner

1. **Velg forholdet** 16:9 i 1920 ganger 1080, med mindre du vet at rommet trenger 4:3 i 1600 ganger 1200.
2. **Bygg tittelbakgrunnen** Start med merkevarefargene dine eller en gradient du liker, med en tydelig lyskilde og et rolig område til tittelen.
3. **Utled resten** Reduser kontrast og tekstur for seksjonslysbilder, og gjør den nesten flat for innholdslysbilder. Behold de samme fargetonene hele veien.
4. **Sett den som mal** Legg hver bakgrunn på en mal eller et oppsett i presentasjonsverktøyet, så hvert nye lysbilde bruker den riktige automatisk.
5. **Test på avstand** Presenter for deg selv fra andre siden av rommet, eller på den faktiske skjermen. Rett opp alt du må myse for å se.

I Gradiently tegnes en Mark live bak hvert lysbilde i 16:9 eller 4:3 og flytter sitt roligste område bak ordene dine, så den samme bakgrunnen kan være uttrykksfull på et tittellysbilde og stille bak en liste. Kopier til størrelser setter opp et ferdig lysbilde på nytt for andre formater, for eksempel et [LinkedIn-innlegg](https://gradiently.design/nb/guide/linkedin-post-design) som kunngjør foredraget.

## FAQ

### Hvilken størrelse bør en presentasjonsbakgrunn ha?

1920 ganger 1080 piksler for lysbilder i 16:9, eller 1600 ganger 1200 piksler for 4:3. Større er greit så lenge forholdet stemmer.

### Bør presentasjonsbakgrunner være mørke eller lyse?

Mørkt passer dunkle rom og filmatiske foredrag, lyst passer lyse rom, utskrifter og skjermdeling. Bygg begge fra én palett hvis du presenterer i ulike omgivelser.

### Hvordan gjør jeg tekst lesbar på en lysbildebakgrunn?

Bruk en rolig bakgrunn på innholdslysbilder, plasser teksten i det roligste området, og sikt mot kontrast godt over 4,5:1, siden projektorer og rom reduserer den.

### Kan jeg bruke en gradient som presentasjonsbakgrunn?

Ja. Bruk den uttrykksfulle versjonen på tittel- og seksjonslysbilder, og en mye roligere versjon av den samme gradienten bak innhold, diagrammer og skjermbilder.