# Slide-design: 15 regler för presentationer som folk minns [Canonical HTML page](https://gradiently.design/sv/guide/slide-design-tips) De flesta dåliga slides är inte fula. De är fullpackade, små och försöker vara själva föredraget i stället för att stödja det. De här femton reglerna rättar till det, ungefär i den ordning du behöver dem. ## The short version - Den viktigaste regeln för slide-design är en idé per bild, formulerad som en rubrik i hel mening. - Standardstorleken för slides är 16:9 i 1920×1080 pixlar; 4:3 i 1600×1200 används fortfarande på vissa äldre projektorer. - Text på slides ska vara tillräckligt stor för att läsas från rummets baksida, vilket på en slide i 1920×1080 betyder brödtext på ungefär 36 pixlar eller mer. - En presentation ser enhetlig ut när varje bild använder samma bakgrundssystem, två typsnitt och ett rutnät. - En presentation som ska skickas i stället för att hållas behöver fler ord per bild än en som talas över. Bra **slide-design** börjar med en regel: en idé per bild. Säg den idén som en kort mening överst, stöd den med en enda bild, ett diagram eller några få ord satta stort, och flytta detaljerna till det du säger eller till en bilaga. Bygg i 16:9, 1920×1080 pixlar, använd ett bakgrundssystem och två typsnitt genomgående, så blir presentationer lugnare, snabbare att följa och mycket lättare att minnas. De femton reglerna nedan täcker resten. ## Struktur: regel 1 till 4 1. **1. En idé per bild** Om en bild gör två poänger är det två bilder. Bilder är gratis; uppmärksamhet är det inte. 2. **2. Skriv rubriker som meningar** ”Intäkterna växte snabbast i norr” slår ”Regionala intäkter”. Den som bläddrar igenom ska få berättelsen enbart av rubrikerna. 3. **3. Gör en disposition innan du öppnar programmet** Skriv rubrikerna i en lista först. Om listan inte berättar historien gör ingen design det. 4. **4. Vet om den ska hållas eller skickas** En presentation som talas kan vara gles. En som skickas som PDF måste stå på egna ben, så den bär fler ord, satta i en tydlig hierarki. En bredbildsslide med rubriken Q3-läget som listar sex ämnen, ett exempel på för mycket på en bild En etikett som rubrik och sex ämnen på en bild. Publiken läser i förväg och slutar lyssna. En bredbildsslide med den enda rubriken Rekrytering är nu vår flaskhals satt stort över en gradient En idé, formulerad som en mening. Talaren förklarar; bilden får poängen att fastna. ## Slidestorlek och layout: regel 5 till 7 **5. Bygg i 16:9.** Nästan varje skärm, projektor och videosamtal är bredbild nu, så 1920×1080 är standard. Använd 4:3 i 1600×1200 bara när du vet att rummet har en äldre projektor. Att ändra formatet efter att du byggt en presentation förstör varje layout, så bestäm först. - 16:9 1920×1080: 1920 × 1080 - 4:3 1600×1200: 1600 × 1200 - Karusell 1080×1350: 1080 × 1350 De två slidestorlekarna i skala, och den stående 4:5 du behöver om presentationen delas om som en karusell. **6. Använd ett rutnät och håll marginalerna breda.** Håll innehållet minst 80 till 100 pixlar från varje kant av en slide i 1920×1080, och rikta rubrikerna mot samma position på varje bild så att inget hoppar när du klickar framåt. **7. Lämna en tredjedel av bilden tom.** Tomrum är det som gör det viktiga uppenbart. Om en bild känns full är den för full. [Visuell hierarki](https://gradiently.design/sv/guide/visual-hierarchy) förklarar varför ögat behöver utrymme för att hitta poängen. ## Typografi på slides: regel 8 till 10 **8. Gör texten större än det känns rätt.** Någon längst bak i ett rum, eller som tittar på en laptop i ett litet fönster, behöver stor text. På en slide i 1920×1080 är de här storlekarna en sund utgångspunkt. | Text | Storlek på en slide i 1920×1080 | Anmärkningar | | --- | --- | --- | | Stort uttalande | 120 till 200 px | En kort rad, för avsnittsstarter | | Bildens rubrik | 64 till 96 px | En eller två rader | | Brödtext och punkter | 36 till 48 px | Aldrig under cirka 32 px om den hålls | | Etiketter och källor | 24 till 28 px | Liten men läsbar på en laptop | Pixelstorlekar för en bredbildscanvas. Om ditt program använder punkter på en slide som är 13,33 tum bred, dela dessa med två för en ungefärlig motsvarighet. **9. Två typsnitt, inte fler.** Ett rubriktypsnitt och ett brödtypsnitt, använda på samma sätt på varje bild. [Typsnitt för presentationer](https://gradiently.design/sv/guide/typography-for-presentations) har testade kombinationer. **10. Korta punkterna till fragment, eller ta bort dem.** Tre korta punkter är gränsen. Ännu bättre, gör om listan till tre bilder eller ett diagram. ## Färg och bakgrunder: regel 11 och 12 **11. Använd ett bakgrundssystem.** Välj en botten och håll dig till den: kanske en djärv version för titel- och avsnittsbilder och en lugnare för innehållsbilder. Att byta bakgrund på varje bild får en presentation att kännas hopsatt snarare än designad. [Bakgrunder för presentationer](https://gradiently.design/sv/guide/presentation-backgrounds) har många idéer. - Titel- och avsnittsbilder: `radial-gradient(circle at 85% 15%, #8b5cf6 0%, #3b0764 40%, #0c0a1d 85%)` - Innehållsbilder, lugna: `linear-gradient(180deg, #0c0a1d 0%, #160f2e 100%)` - Ljust innehåll för ljusa rum: `linear-gradient(180deg, #f7f5fb 0%, #ece7f6 100%)` Ett system i tre delar ur en färgfamilj: en upplyst version för öppningar, en nästan platt bakom innehåll och ett ljust alternativ. **12. Kontrast är inte valfritt.** Projektorer tvättar ur färger, och många tittar på svaga laptopskärmar. Håll texten långt över minimikraven i [WCAG-kontrast](https://gradiently.design/sv/guide/color-contrast-accessibility), och lägg aldrig text över den ljusaste delen av en gradient eller ett foto. ## Bilder, diagram och avslut: regel 13 till 15 **13. En bild, visad stor.** Ett enda foto som fyller bilden slår fyra miniatyrer. Beskär med avsikt och lägg rubriken där bilden är lugn. **14. Låt varje diagram svara på en fråga.** Lägg svaret i rubriken, markera den enda stapel eller linje som bevisar det och tona ner resten till grått. ### Undvik - Ett diagram inklistrat direkt från ett kalkylblad - Teckenförklaringar som publiken måste tyda - Varje serie i en egen skarp färg - En rubrik som bara namnger diagrammet ### Gör - Diagrammet ombyggt i presentationens färger - Etiketter skrivna direkt på linjerna eller staplarna - En accentfärg för poängen, grått för sammanhanget - En rubrik som säger vad diagrammet visar **15. Avsluta med uppmaningen, inte med ”Tack”.** Sista bilden står kvar på skärmen under frågorna, ofta i flera minuter. Använd den för det enda du vill att folk ska göra eller minnas, med kontaktuppgifter. [Design av pitchdeck](https://gradiently.design/sv/guide/pitch-deck-design) och [keynote-slides](https://gradiently.design/sv/guide/public-speaker-slides) visar starka avslut för investerare och scener. Om du bygger presentationen i Gradiently löser sig regel 11 av sig själv: Studio har sidor för presentationer, och en Mark bär samma bakgrund över varje bild medan den flyttar sin lugnaste del bakom dina ord. Designer kan lägga ut första utkast utifrån en beskrivning, och med Pro kan du exportera presentationen som PDF och ändra storlek på nyckelbilder till sociala inlägg i ett steg. ## FAQ ### Vilken är den bästa slidestorleken? 16:9 i 1920×1080 pixlar för nästan alla moderna skärmar. Använd 4:3 i 1600×1200 bara för äldre projektorer. ### Hur många ord ska det vara på en bild? För en presentation som hålls, så få som möjligt: en rubrik i meningsform och en handfull stödjande ord. Presentationer som skickas som PDF kan bära fler. ### Vilken teckenstorlek ska jag använda på slides? På en slide i 1920×1080, rubriker på cirka 64 till 96 pixlar och brödtext på 36 till 48 pixlar, aldrig mycket under 32. ### Hur många typsnitt ska en presentation använda? Två: ett för rubriker och ett för brödtext, använda konsekvent på varje bild. ### Vad ska sista bilden i en presentation vara? Ditt huvudbudskap eller din uppmaning med kontaktuppgifter, eftersom den står kvar på skärmen under frågorna.