# Presentationsbakgrunder som inte slåss med dina slides

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

De flesta slidebakgrunder väljs för titelsidan och får sedan stå ut med fyrtio innehållssidor. Formge en liten familj i stället: högljudd där det går, tyst där folk behöver läsa.

## The short version

- En bra presentationsbakgrund stöder innehållet på varje slide: uttrycksfull på titel- och avsnittssidor, tyst på sidor som folk behöver läsa.
- Formge bakgrunder som en familj om tre, en var för titel-, avsnitts- och innehållssidor, alla byggda av samma färger.
- Standardstorlekarna för slides är 1920 gånger 1080 pixlar för 16:9 och 1600 gånger 1200 pixlar för 4:3.
- Innehållssidor behöver en stor lugn yta med stark, jämn kontrast där text och diagram ligger.
- Projektorer tvättar ut subtila färger och mörka detaljer, så testa en presentationsbakgrund på den skärm den ska visas på.

En bra **presentationsbakgrund** sätter tonen för föredraget och går sedan åt sidan för innehållet. Det praktiska tillvägagångssättet är en liten familj av bakgrunder byggda av samma färger: en uttrycksfull för titelsidan, en något lugnare för avsnittsbrytare och en tyst med en stor, jämn yta för innehållssidor. Gör dem i 1920 gånger 1080 för 16:9-presentationer eller 1600 gånger 1200 för 4:3, och kontrollera dem på den skärm eller projektor du ska presentera på.

Om du bygger ett helt presentationssystem går [pitch deck-design](https://gradiently.design/sv/guide/pitch-deck-design) igenom struktur och sidtyper. Den här guiden handlar om bakgrunderna under.

## Storlekar för presentationsbakgrunder: 16:9 och 4:3

De flesta presentationsprogram startar numera nya presentationer i 16:9, vilket passar de flesta laptops, skärmar och tv-apparater. 4:3 är fortfarande användbart för vissa äldre projektorer och för presentationer som ska skrivas ut eller läsas som dokument. Välj proportion först, för en bakgrund gjord för den ena passar aldrig rent i den andra.

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

De två standardformaten för slides. Exportera bakgrunder i de här storlekarna eller större så att de förblir skarpa på stora skärmar.

> **Kolla rummet** Om du inte vet vilken skärm det blir, fråga. En 16:9-presentation på en 4:3-projektor får svarta fält upptill och nedtill, en 4:3-presentation på en bredbildsskärm får dem på sidorna. Båda fungerar, men bakgrunden bör vara formgiven för den du faktiskt får.

## Formge en bakgrundsfamilj, inte en enda bakgrund

Titelsidan har råd med dramatik eftersom den bär några få ord. En innehållssida med ett diagram, sex punkter eller en skärmdump behöver en lugn yta med jämn kontrast överallt där text kan hamna. En bakgrund kan inte göra båda jobben bra, så gör tre av samma palett.

- Titel: uttrycksfull: `radial-gradient(ellipse at 75% 25%, #7c5cff 0%, #3b2a8f 40%, #140f33 100%)`
- Avsnitt: lugnare: `linear-gradient(135deg, #2a1f6b 0%, #1a1545 60%, #120e2e 100%)`
- Innehåll: tyst: `linear-gradient(180deg, #171333 0%, #141030 100%)`

En mörkviolett familj i tre styrkor. Titeln har en stark ljuskälla, innehållssidorna är nästan platta så att diagram och text läses jämnt.

| Sidtyp | Bakgrund | Textyta |
| --- | --- | --- |
| Titel | Den mest uttrycksfulla versionen: färg, ljus, textur | Kort titel, placerad i den lugnaste ytan |
| Avsnittsbrytare | Samma färger, lägre kontrast, eller en enda djärv yta | Ett eller två ord, stora |
| Innehåll | Nästan platt, eller en mild gradient vid en kant | Det mesta av sidan, med jämn kontrast |
| Data och skärmdumpar | Platt eller den tystaste versionen | Allt: diagrammet är innehållet |
| Avslutning | Kan återvända till titelbakgrunden | Kontakt, uppmaning eller tack |

Var varje bakgrundsstyrka hör hemma. Att upprepa titelbakgrunden på slutet ramar in föredraget.

En bredbildsslide med en kort rubrik på en uttrycksfull gradientbakgrund

En titelsida kan använda hela bakgrunden: ljus, färg och yta.

En bredbildsslide med en kort lista på en lugnare version av samma gradient

En innehållssida i samma familj: bakgrunden lugnar sig så att listan läses först.

## Så håller du texten läsbar på slidebakgrunder

Slides läses på avstånd, ofta i ett upplyst rum, på en skärm som är dunklare eller mindre kontrastrik än din laptop. Varje kontrastproblem du ser på din egen skärm blir värre där. Sikta långt över minimum: WCAG-gränserna 4,5:1 för normal text och 3:1 för stor text är ett golv, inte ett mål. [Färgkontrast](https://gradiently.design/sv/guide/color-contrast-accessibility) förklarar hur du kontrollerar.

### Undvik

- En stökig gradient bakom brödtext och diagram
- Mellantoner där varken vitt eller svart läses bra
- Text som korsar den ljusaste delen av en gradient
- Mörka, subtila detaljer som en projektor gör grå

### Gör så här

- En lugn innehållsbakgrund med jämn ljushet
- Tydligt mörka eller tydligt ljusa bottnar
- Ord placerade i den lugnaste ytan
- Djärv, enkel struktur som klarar vilken skärm som helst

Håll också en säker marginal. Lämna ungefär 5 procent av bredden fri vid varje kant så att inget viktigt klipps bort om skärmen beskär eller skalar sliden. Det hindrar också att texten trängs vid kanten av en gradient, där färgen ofta ändras snabbast.

## Mörka eller ljusa presentationsbakgrunder

Mörka bakgrunder känns filmiska och fokuserade i ett dunkelt rum, och de får färger att glöda. Ljusa bakgrunder läses bättre i ljusa rum och på utskrivna handouts, och de går lättare att dela i appar som komprimerar video. Om du ska presentera i båda sorters rum, bygg familjen i båda med en gemensam accentfärg.

- Mörk botten: #141030
- Ljus botten: #f4f1ea
- Gemensam accent: #7c5cff
- Text på mörkt: #f5f3ff
- Text på ljust: #1c1733

En mörk och en ljus presentation av en enda palett. Accenten är densamma, så diagram och markeringar ser likadana ut i båda.

> **Projektorer ändrar färg** Projektorer kan inte visa äkta svart, så mörka bakgrunder blir kolgrå och subtila mörka detaljer försvinner. Mättade färger förskjuts ofta också. Öva på den riktiga projektorn, eller välj djärvare, enklare bakgrunder om du inte kan det.

## Så gör du en uppsättning presentationsbakgrunder

1. **Välj proportion** 16:9 i 1920 gånger 1080 om du inte vet att rummet kräver 4:3 i 1600 gånger 1200.
2. **Bygg titelbakgrunden** Utgå från dina varumärkesfärger eller en gradient du gillar, med en tydlig ljuskälla och en lugn yta för titeln.
3. **Härled resten** Sänk kontrast och textur för avsnittssidor och platta nästan ut den för innehållssidor. Behåll samma nyanser hela vägen.
4. **Lägg den som mall** Placera varje bakgrund på en mall eller layout i ditt presentationsverktyg, så att varje ny slide automatiskt får rätt.
5. **Testa på avstånd** Presentera för dig själv från andra sidan rummet, eller på den riktiga skärmen. Åtgärda allt du måste kisa åt.

I Gradiently renderas en Mark live bakom varje slide i 16:9 eller 4:3 och flyttar sin lugnaste yta bakom dina ord, så att samma bakgrund kan vara uttrycksfull på en titelsida och tyst bakom en lista. Kopiera till storlekar lägger ut en färdig slide på nytt för andra format, till exempel ett [LinkedIn-inlägg](https://gradiently.design/sv/guide/linkedin-post-design) som kungör föredraget.

## FAQ

### Hur stor ska en presentationsbakgrund vara?

1920 gånger 1080 pixlar för 16:9-slides eller 1600 gånger 1200 pixlar för 4:3. Större går bra så länge proportionen stämmer.

### Ska presentationsbakgrunder vara mörka eller ljusa?

Mörka passar dunkla rum och filmiska föredrag, ljusa passar ljusa rum, utskrivna handouts och skärmdelning. Bygg båda av en palett om du presenterar i olika miljöer.

### Hur gör jag text läsbar på en slidebakgrund?

Använd en tyst bakgrund på innehållssidor, placera texten i den lugnaste ytan och sikta på kontrast långt över 4,5:1, eftersom projektorer och rum sänker den.

### Kan jag använda en gradient som presentationsbakgrund?

Ja. Använd den uttrycksfulla versionen på titel- och avsnittssidor och en mycket lugnare version av samma gradient bakom innehåll, diagram och skärmdumpar.