Skärmdumpar till dokumentation.
God dokumentation använder skärmdumpar som är beskurna på rätt ställe, med samma pilstil, bakgrund och marginal på varje sida. Här är reglerna som stilguider för dokumentation följer, och ett arbetsflöde för att tillämpa dem i Windows.
Hur tar man bra skärmdumpar till dokumentation?
Beskär varje skärmdump till elementet som steget handlar om, markera handlingen med en pil eller ruta och håll en enda standard för alla bilder: samma operativsystem, samma tema, samma markeringsfärg, samma ram. Googles stilguide för utvecklardokumentation ber om exakt det: beskär till relevant information, håll utseendet enhetligt och använd aldrig en bild i stället för text, kod eller terminalutdata.
För tungt dokumentationsarbete är Snagit det mest kompletta betalverktyget. Det har Step Capture, som gör om dina klick till en guide, Themes för enhetliga färger och typsnitt, rullande fångst och Smart Redact. Sedan 2025 säljs det bara som prenumeration.
Sincron Screen Tools täcker markering och standardisering: pilar, rutor och text ritade på skärmen med Ctrl + Skift + D och, i Screenshot Studio, samma bakgrund, marginal, hörn, skugga och bildförhållande för varje bild. Att fånga och kommentera är gratis, utan begränsningar.
Granskad den 5 oktober 2026
Regler som håller skärmdumparna i dokumentationen enhetliga
Samma system och tema
Varje skärmdump på samma Windows-version, med samma ljusa eller mörka tema och samma gränssnittsspråk. Blandar du dem undrar läsaren om hen är på rätt skärm.
Samma fönsterstorlek
Välj en fönsterstorlek och en zoomnivå i webbläsaren och behåll dem för hela dokumentet. Då visas knappar och text i samma skala från sida till sida.
Beskär till elementet
För att visa en enda knapp ska du inte fånga hela fönstret. Ett snävt utklipp riktar uppmärksamheten och åldras bättre när andra delar av gränssnittet ändras.
Samma ram
Samma bakgrund, marginal och skugga på varje skärmdump, eller ingen ram på någon av dem. Googles guide nämner fönsterskuggan som exempel på något som måste stämma överens.
En markeringsfärg
Välj en färg och en tjocklek för pilar och rutor och ändra dem inte halvvägs. Rött eller orange syns i de flesta gränssnitt.
Text utanför bilden
Stegets instruktion står i dokumentets text, och kod, kommandon och meddelanden läggs in som text som går att kopiera. Varje bild behöver alternativtext som beskriver vad den visar.
Ett arbetsflöde för att dokumentera en process i Windows
Ett steg i processen, en skärmdump. Upprepa till slutet med samma inställningar.
Förbered skärmen
Använd exempeldata, stäng allt som inte hör till processen och sätt fönstret till dokumentets standardstorlek. Kontrollera att inget kundnamn, ingen e-postadress eller token syns.
Markera steget
Tryck på Ctrl + Skift + D. Håll ned Ctrl + Skift och dra en pil till stegets knapp, eller håll ned Ctrl för en ruta runt fältet. Använd alltid samma färg och tjocklek.
Fånga med markeringarna
Tryck på Ctrl + Skift + C och klipp ut stegets område med lite sammanhang runt om. Utklippet öppnas i Screenshot Studio med pilen redan på.
Tillämpa standardramen
Använd samma bakgrund, marginal, hörn och skugga för varje skärmdump i dokumentet. Använd 16:9 för utbildningsbilder och bildförhållandet Automatiskt för manualer.
Spara med ett namn som sorterar sig
Spara en PNG med stegnumret i filnamnet, till exempel 03-lagg-till-skrivare.png. Eller använd Kopiera bild och klistra in den direkt i dokumentredigeraren med Ctrl + V.
Skriv steget och alternativtexten
Skriv instruktionen i dokumentets text och beskriv bilden i dess alternativtext, till exempel: inställningsskärmen med knappen för att lägga till en skrivare markerad.
Verktyg för skärmdumpar i dokumentation
| Behov | Snagit | Skärmklippverktyget | Sincron |
|---|---|---|---|
| Pilar, former och text | Pilar, pratbubblor och text | Pilar och former; text bara via Paint | Pil, rektangel, ellips, överstrykningspenna och text, på skärmen |
| Automatisk steg-för-steg-guide | Ja, Step Capture | Nej | Nej |
| Enhetligt utseende mellan skärmdumpar | Themes med färger, typsnitt och stilar | Nej | Samma bakgrund, marginal, hörn, skugga och förhållande i Studio |
| Dölja uppgifter | Smart Redact: suddar eller blockerar e-postadresser, telefonnummer och kortuppgifter | Döljer e-postadresser, telefonnummer och markerad text | Beskärning under markeringen eller ogenomskinlig penna; ingen suddning |
| Pris | US$ 39 per år, bara prenumeration | Gratis, inbyggt i Windows | Gratis för att fånga och kommentera; US$ 89 för livstid |
| Plattform | Windows och Mac | Windows | Windows 10 och 11 |
Funktioner och priser kontrollerade på TechSmiths och Microsofts webbplatser den 3 oktober 2026.
Samma bakgrund, marginal och skugga från steg 1 till det sista
Screenshot Studio tillämpar samma bakgrund, marginal, hörn och skugga på varje utklipp. Manualen ser färdig ut utan en omväg via en bildredigerare.
Vad Sincron inte gör för dokumentation
Inga stegnummer
Det finns ingen numrerad stegmarkering (1, 2, 3) och ingen pratbubbla. Skriv numret med textverktyget eller använd ShareX, som har ett verktyg för numrerade steg.
Ingen automatisk guide
Sincron registrerar inte klick och sätter inte ihop något dokument. Varje skärmdump är din egen handling. För att bygga en guide av dina klick gör Snagits Step Capture det.
Ingen rullande fångst
Bara det som syns på skärmen. För långa sidor använder du webbläsarens helsidesfångst, ShareX eller Snagit.
Inget skärmdumpsbibliotek
Sincron sparar ingen historik. Organisera PNG-filerna i en mapp per dokument, med stegnumret i varje filnamn.
Vanliga frågor om skärmdumpar för dokumentation
Hur håller jag alla skärmdumpar i en manual enhetliga?
Lås fönsterstorlek, tema och zoom innan du börjar, använd samma färg och tjocklek för markeringar och tillämpa samma ram på varje bild. I Sincron betyder det att välja en bakgrund, marginal och skugga i Screenshot Studio och upprepa dem på varje utklipp.
Ska skärmdumpar i dokumentation ha skuggor och bakgrunder?
Det är ett stilval. Det som räknas är konsekvens: samma ram på alla, eller ingen alls. En ram hjälper på bilder och marknadsföringsmaterial; i teknisk dokumentation föredrar många team ett rent utklipp.
Kan jag använda en skärmdump av kod eller ett felmeddelande?
Undvik det. Googles stilguide ber om riktig text i stället för bilder för kod, kommandon och terminalutdata, eftersom läsare behöver kunna kopiera och söka i den. Använd skärmdumpar för att visa gränssnittet.
Hur döljer jag riktiga uppgifter i skärmdumpar för utbildning?
Förbered skärmen med exempeldata. Om något riktigt dyker upp klipper du bort det eller täcker över det med en ruta i en enda färg. Sudd- och mosaikeffekter kan återställas.
Numrerar Sincron stegen på en skärmdump?
Nej. Sincron har inga stegnummer eller pratbubblor. ShareX har ett verktyg för numrerade steg, och Snagits Step Capture bygger en guide av dina klick.
Se även
Skärmdump med bakgrund i Windows
Sincrons Screenshot Studio: bakgrund, marginal, hörn och skugga för skärmdumpar i Windows.
Lägga till en pil på en skärmdump
Pilar på en skärmdump med Skärmklippverktyget, Paint eller direkt på skärmen med Ctrl + Skift.
Bästa programmen för skärmdumpar i Windows
8 program för skärmdumpar i Windows jämförda på pris, funktioner och vem var och en är till för.
Standardisera skärmdumparna i din nästa manual.
Installera Sincron Screen Tools: markera med Ctrl + Skift + D, fånga med Ctrl + Skift + C och använd samma ram på varje bild. Gratis, utan begränsningar för att fånga och kommentera.