# Skärminspelning för guider och demos: ett rent arbetssätt

[Canonical HTML page](https://gradiently.design/sv/guide/screen-recording-tips)

De flesta guider är svåra att titta på av skäl som inte har med programvaran att göra: oreda, pyttesmå texter, svamel och dåligt ljud. Här är ett arbetssätt som löser alla fyra.

## The short version

- En bra skärminspelning beror mer på förberedelserna än på inspelningsverktyget: städa skärmen, förstora texten och planera vad du ska säga.
- Att dela en enda webbläsarflik eller ett enda fönster ger en renare och mer privat skärminspelning än att dela hela skärmen.
- Om en skärminspelning inkluderar datorns eget ljud beror på webbläsaren och på vad du väljer att dela.
- Att spela in i korta tagningar med ett steg i varje gör misstag billiga att rätta och den färdiga videon lätt att klippa.
- Undertexter och ett kort titelkort i ditt varumärke gör en guide lättare att följa och tydligt din egen.

En ren **skärminspelning** för en guide eller demo kommer av fyra vanor: städa skärmen och gör texten större innan du börjar, dela bara fliken eller fönstret du behöver, följ en kort skriven disposition och spela in rösten med en mikrofon nära munnen. Spela sedan in i korta tagningar, klipp bort pauserna, lägg till undertexter och inled med ett enkelt titelkort. Verktyget du spelar in med spelar mycket mindre roll än de stegen.

## Förbered skärmen innan du spelar in

Tittarna följer din skärm mycket noggrannare än du själv. Ett belamrat skrivbord, en vilsekommen avisering eller ett bokmärkesfält fullt av privata länkar drar blicken bort från det du lär ut, och kan visa saker du aldrig tänkt dela.

1. **Slå på Stör ej** Tysta aviseringar på datorn och på telefonen bredvid. En förhandsvisning av ett meddelande som glider in är distraherande och kan vara privat.
2. **Stäng allt du inte ska visa** Avsluta andra appar och stäng överflödiga flikar. Dölj bokmärkesfältet och alla tillägg som ligger i verktygsfältet.
3. **Gör texten större** Zooma webbläsaren eller appen till 125 % eller 150 %. Guider ses ofta på mobiler, där vanlig gränssnittstext blir oläslig.
4. **Använd demodata** Logga in på ett demokonto eller fyll appen med exempelnamn och siffror, så att inga kunduppgifter eller privata filer syns.
5. **Anpassa fönstret till 16:9** Om du delar ett fönster, ge det ungefär den färdiga videons form så att det inte blir svarta kanter runt det.

## Välj vad du ska dela: en flik, ett fönster eller hela skärmen

När du spelar in en skärm i en webbläsare visar webbläsaren sin egen delningsdialog och ber dig välja en flik, ett fönster eller en hel skärm. Alla har sina avvägningar.

| Dela | Bra för | Se upp med |
| --- | --- | --- |
| En webbläsarflik | Webbappar och webbplatser; det mest privata valet | Att byta flik mitt i inspelningen följs inte |
| Ett fönster | En skrivbordsapp, som ett kalkylblad eller en redigerare | Menyer och dialoger från andra appar syns inte |
| Hela skärmen | Att röra sig mellan flera appar | Visar allt: aviseringar, dock, andra fönster |

Dela det minsta som täcker hela demon. En flik räcker oftast för programvara som körs i webbläsaren.

> **Behörigheter, ärligt talat** På en Mac behöver själva webbläsaren tillstånd att spela in skärmen: första gången skickar macOS dig till Systeminställningar, Integritet och säkerhet, Skärm- och systemljudsinspelning, och webbläsaren kan behöva startas om. Inspelning fungerar dessutom bara på en säker (https) sida.

## Så spelar du in skärmen med ljud

Det finns två sorters ljud i en skärminspelning: din röst via mikrofonen och datorns eget ljud, till exempel en video som spelas i demon. Din röst är enkel. Datorns ljud är inte garanterat: om en webbläsare kan dela det beror på webbläsaren, operativsystemet och om du delade en flik, ett fönster eller skärmen. Att dela en flik i en Chromium-webbläsare som Chrome eller Edge, med alternativet att dela ljud ikryssat, är den säkraste vägen. Om ljudet spelar roll, gör ett test på tio sekunder och lyssna igenom det före den riktiga tagningen.

- Använd en extern mikrofon, även ett headset med sladd, i stället för laptopens inbyggda, som fångar upp tangentbordsljud och fläktbrus.
- Håll mikrofonen en handsbredd från munnen och något åt sidan.
- Spela in i ett litet rum med mjuka saker i: gardiner, en soffa, en matta. Nakna väggar ger eko.
- Ha hörlurar på om demon låter, så att högtalarna inte matar tillbaka in i mikrofonen.

## Skriv manus för stegen, inte för meningarna

Att läsa ett fullständigt manus ord för ord låter stelt, och improvisation blir svamlig. Mellanvägen är en disposition: en rad per steg, med det exakta klicket och den enda sak tittaren ska förstå. Ha den på papper eller en andra skärm, utanför det delade området.

```text
TITEL   Så exporterar du en tryck-PDF (under 2 min)

0. Krok     Visa den färdiga PDF:en med skärmärken.
1. Öppna    Arkiv-menyn > Exportera. Säg varför: tryckerier behöver utfall.
2. Välj     Format: PDF. Kvalitet: Tryck.
3. Kontrollera  Peka på utfall och skärmärken i förhandsvisningen.
4. Exportera    Klicka på Exportera, öppna filen som bevis.
5. Avsluta  Sammanfatta på en rad. Var nästa video finns.
```

En disposition på en sida. Varje numrerad rad blir en kort tagning.

Spela in ett steg per tagning. Om du fumlar, stanna, vänta en sekund och börja om det steget. Korta tagningar gör misstag billiga och ger dig naturliga ställen att klippa. Flytta musen långsamt och medvetet, och vänta en takt efter varje klick så att tittarna kan se vad som ändrades.

## Redigera, texta och rama in inspelningen

Att redigera en guide handlar mest om att ta bort saker: tystnaden innan du pratar, laddningssnurran, felstarten. Klipp varje tagning tight, lägg dem i ordning och lyssna igenom en gång. [Videoredigering för nybörjare](https://gradiently.design/sv/guide/timeline-video-editing) förklarar klipp, trimning och ljud på ett enkelt sätt.

Lägg sedan till undertexter. Många tittar med ljudet av, och undertexter hjälper alla som följer med på ett andraspråk. Håll dem korta, högst två rader, placerade så att de inte täcker den del av gränssnittet du pekar på. [Undertexter i video](https://gradiently.design/sv/guide/video-captions-design) går igenom storlek och placering.

Ett titelkort i 16:9 för en guide med texten Exportera en tryck-PDF med 4 klick, Guide 07, på en gradientbakgrund i varumärkets stil

Ett titelkort som visas i två eller tre sekunder talar om för tittarna exakt vad de lär sig, och får en serie att se ut som en serie.

För sociala inlägg, placera inspelningen på en bakgrund i ditt varumärke i stället för att sträcka ut den för att fylla en stående ram. En inspelning i 16:9 sitter bra mitt i ett inlägg på 1080×1350 eller en story på 1080×1920, med en rubrik ovanför och plats för undertexter under. Alla ramar listas i [videostorlekar för sociala medier](https://gradiently.design/sv/guide/social-video-sizes).

- Inspelning 1920×1080: 1920 × 1080
- Flödesinlägg 1080×1350: 1080 × 1350
- Story 1080×1920: 1080 × 1920

En bredbildsinspelning och de två stående ramarna den oftast måste få plats i. Placera den på en bakgrund i stället för att beskära den.

### Svår att titta på

- Hela skärmen delad, pyttesmå texter
- Laptopmikrofon, ekande rum
- En lång tagning med varje tvekan
- Musen som rusar runt på skärmen
- Inga undertexter

### Lätt att följa

- En flik, zoomad till 125 % eller mer
- Extern mikrofon, mjukt rum
- En tagning per steg, pauser bortklippta
- Långsam, medveten pekare, en takt efter varje klick
- Korta undertexter utanför det som händer

## Spela in skärmen i Gradiently

Med Pro kan Gradiently spela in en skärm, flik eller ett fönster direkt i en design, med eller utan din mikrofon, liksom din kamera eller enbart din röst. Webbläsarens egen dialog frågar vad som ska delas, och skärmljudet beror på webbläsaren och ytan du väljer. Du granskar klippet innan du lägger till det, och det stannar i din webbläsare tills du gör det. På tidslinjen kan du trimma det, lägga till undertexter och musik och placera det på en bakgrund som är din kanals egen, och sedan exportera varje storlek du behöver. [Produktdemovideor](https://gradiently.design/sv/guide/product-demo-video) och [videor med talande huvud](https://gradiently.design/sv/guide/talking-head-video) använder samma arbetssätt.

## FAQ

### Hur spelar jag in skärmen med ljud?

Slå på mikrofonen för din röst. För datorns eget ljud, dela en enda flik i en Chromium-webbläsare och kryssa i alternativet att dela ljud; stödet i andra webbläsare och vid delning av hela skärmen varierar.

### Varför kan min webbläsare inte spela in skärmen på en Mac?

macOS kräver att du tillåter webbläsaren i Systeminställningar, Integritet och säkerhet, Skärm- och systemljudsinspelning. När du tillåtit den, avsluta och öppna webbläsaren igen.

### Ska jag dela en flik, ett fönster eller hela skärmen?

Dela det minsta som täcker demon. En flik är mest privat och fungerar för webbappar; ett fönster passar en skrivbordsapp; hela skärmen behövs bara när du rör dig mellan appar.

### Hur lång ska en skärminspelning för en guide vara?

Så kort som uppgiften tillåter. Dela upp allt med fler än ungefär fem steg i separata videor så att var och en svarar på en enda fråga.

### Vilken upplösning ska jag spela in skärmen i?

Sikta på ett resultat i 1920×1080 och zooma gränssnittet till 125 % eller mer, så att texten förblir läsbar när videon ses på en mobil.