Screenshots für Dokumentation.
Gute Dokumentation nutzt Screenshots, die auf die richtige Stelle zugeschnitten sind, mit demselben Pfeilstil, Hintergrund und Rand auf jeder Seite. Hier sind die Regeln, denen Styleguides für Dokumentation folgen, und ein Ablauf, um sie unter Windows umzusetzen.
Wie macht man gute Screenshots für Dokumentation?
Schneiden Sie jeden Screenshot auf das Element zu, um das es im Schritt geht, markieren Sie die Aktion mit einem Pfeil oder Rahmen und halten Sie einen Standard über alle Bilder: dasselbe Betriebssystem, dasselbe Design, dieselbe Markierungsfarbe, derselbe Rahmen. Genau das verlangt der Styleguide von Google für Entwicklerdokumentation: auf die relevanten Informationen zuschneiden, einheitlich aussehen und nie ein Bild statt Text, Code oder Terminalausgabe verwenden.
Für umfangreiche Dokumentationsarbeit ist Snagit das vollständigste kostenpflichtige Werkzeug. Es hat Step Capture, das Ihre Klicks in eine Anleitung verwandelt, Themes für einheitliche Farben und Schriften, Scroll-Aufnahme und Smart Redact. Seit 2025 gibt es Snagit nur noch im Abo.
Sincron Screen Tools deckt Markieren und Vereinheitlichen ab: Pfeile, Rahmen und Text, mit Strg + Umschalt + D auf den Bildschirm gezeichnet, und im Screenshot Studio derselbe Hintergrund, Rand, dieselben Ecken, derselbe Schatten und dasselbe Seitenverhältnis für jedes Bild. Aufnehmen und Beschriften sind kostenlos und unbegrenzt.
Überprüft am 4. Oktober 2026
Regeln, die Screenshots in der Dokumentation einheitlich halten
Dasselbe System und Design
Jeder Screenshot mit derselben Windows-Version, demselben hellen oder dunklen Design und derselben Oberflächensprache. Ein Mix lässt Leser zweifeln, ob sie auf dem richtigen Bildschirm sind.
Dieselbe Fenstergröße
Wählen Sie eine Fenstergröße und eine Zoomstufe im Browser und behalten Sie sie für das ganze Dokument. Dann erscheinen Schaltflächen und Text von Seite zu Seite im selben Maßstab.
Auf das Element zuschneiden
Um eine Schaltfläche zu zeigen, nehmen Sie nicht das ganze Fenster auf. Ein enger Ausschnitt lenkt die Aufmerksamkeit und altert besser, wenn sich andere Teile der Oberfläche ändern.
Derselbe Rahmen
Derselbe Hintergrund, Rand und Schatten auf jedem Screenshot, oder auf keinem ein Rahmen. Der Google-Styleguide nennt den Schlagschatten des Fensters als Beispiel für das, was übereinstimmen muss.
Eine Markierungsfarbe
Wählen Sie eine Farbe und eine Strichstärke für Pfeile und Rahmen und wechseln Sie sie nicht mittendrin. Rot oder Orange heben sich auf den meisten Oberflächen ab.
Text außerhalb des Bildes
Die Anweisung des Schritts steht im Dokumenttext, Code, Befehle und Meldungen als kopierbarer Text. Jedes Bild braucht einen Alternativtext, der beschreibt, was es zeigt.
Ein Ablauf, um einen Prozess unter Windows zu dokumentieren
Ein Schritt des Prozesses, ein Screenshot. Wiederholen Sie das bis zum Ende mit denselben Einstellungen.
Den Bildschirm vorbereiten
Nutzen Sie Beispieldaten, schließen Sie alles, was nicht zum Prozess gehört, und bringen Sie das Fenster auf die Standardgröße des Dokuments. Prüfen Sie, dass kein Kundenname, keine E-Mail-Adresse und kein Token sichtbar ist.
Den Schritt markieren
Drücken Sie Strg + Umschalt + D. Halten Sie Strg + Umschalt und ziehen Sie einen Pfeil zur Schaltfläche des Schritts, oder halten Sie Strg für einen Rahmen um das Feld. Immer dieselbe Farbe und Strichstärke.
Samt Markierungen aufnehmen
Drücken Sie Strg + Umschalt + C und schneiden Sie den Bereich des Schritts mit etwas Kontext drumherum aus. Der Ausschnitt öffnet sich im Screenshot Studio, der Pfeil ist schon drauf.
Den Standardrahmen anwenden
Nutzen Sie im Studio für jeden Screenshot des Dokuments denselben Hintergrund, Rand, dieselben Ecken und denselben Schatten. 16:9 für Schulungsfolien, „Automatisch“ für Handbücher.
Mit sortierbarem Namen speichern
Speichern Sie ein PNG mit der Schrittnummer im Dateinamen, etwa 03-drucker-hinzufuegen.png. Oder nutzen Sie „Bild kopieren“ und fügen es mit Strg + V direkt in Ihren Dokumenteditor ein.
Schritt und Alternativtext schreiben
Schreiben Sie die Anweisung in den Dokumenttext und beschreiben Sie das Bild im Alternativtext, zum Beispiel: Einstellungsseite mit hervorgehobener Schaltfläche „Drucker hinzufügen“.
Werkzeuge für Screenshots in der Dokumentation
| Bedarf | Snagit | Snipping Tool | Sincron |
|---|---|---|---|
| Pfeile, Formen und Text | Pfeile, Callouts und Text | Pfeile und Formen; Text nur über Paint | Pfeil, Rechteck, Ellipse, Textmarker und Text, auf dem Bildschirm |
| Automatische Schritt-für-Schritt-Anleitung | Ja, Step Capture | Nein | Nein |
| Einheitlicher Look über alle Screenshots | Themes mit Farben, Schriften und Stilen | Nein | Derselbe Hintergrund, Rand, dieselben Ecken, Schatten und Seitenverhältnis im Studio |
| Daten verbergen | Smart Redact: zeichnet E-Mail-Adressen, Telefonnummern und Kartendaten weich oder blockiert sie | Schwärzt E-Mail-Adressen, Telefonnummern und markierten Text | Zuschneiden beim Auswählen oder deckender Stift; kein Weichzeichnen |
| Preis | 39 US$/Jahr, nur im Abo | Kostenlos, in Windows enthalten | Aufnehmen und Beschriften kostenlos; 89 US$ lebenslang |
| Plattform | Windows und Mac | Windows | Windows 10 und 11 |
Funktionen und Preise am 3. Oktober 2026 auf den Websites von TechSmith und Microsoft geprüft.
Derselbe Hintergrund, Rand und Schatten vom ersten bis zum letzten Schritt
Das Screenshot Studio wendet auf jeden Ausschnitt denselben Hintergrund, Rand, dieselben Ecken und denselben Schatten an. Das Handbuch wirkt fertig, ohne Umweg über eine Bildbearbeitung.
Was Sincron für die Dokumentation nicht kann
Keine Schrittnummern
Es gibt keine nummerierte Schrittmarkierung (1, 2, 3) und keine Sprechblasen. Tippen Sie die Zahl mit dem Textwerkzeug, oder nutzen Sie ShareX, das ein Werkzeug für nummerierte Schritte hat.
Keine automatische Anleitung
Sincron zeichnet keine Klicks auf und stellt kein Dokument zusammen. Jeder Screenshot ist Ihre eigene Geste. Um eine Anleitung aus Ihren Klicks zu bauen, gibt es Step Capture in Snagit.
Keine Scroll-Aufnahme
Nur, was auf dem Bildschirm sichtbar ist. Für lange Seiten nutzen Sie die Ganzseitenaufnahme Ihres Browsers, ShareX oder Snagit.
Keine Screenshot-Bibliothek
Sincron führt keinen Verlauf. Ordnen Sie die PNGs in einem Ordner pro Dokument, mit der Schrittnummer in jedem Dateinamen.
Häufige Fragen zu Screenshots in der Dokumentation
Wie halte ich alle Screenshots in einem Handbuch einheitlich?
Legen Sie Fenstergröße, Design und Zoom vor dem Start fest, nutzen Sie für Markierungen dieselbe Farbe und Strichstärke und wenden Sie auf jedes Bild denselben Rahmen an. In Sincron heißt das: im Screenshot Studio Hintergrund, Rand und Schatten wählen und bei jedem Ausschnitt wiederholen.
Sollten Screenshots in der Dokumentation Schatten und Hintergründe haben?
Das ist eine Stilfrage. Entscheidend ist Einheitlichkeit: derselbe Rahmen auf allen oder auf keinem. Ein Rahmen hilft bei Folien und Marketingmaterial; in technischer Dokumentation bevorzugen viele Teams einen sauberen Ausschnitt.
Darf ich einen Screenshot von Code oder einer Fehlermeldung verwenden?
Besser nicht. Der Styleguide von Google verlangt für Code, Befehle und Terminalausgabe echten Text statt Bildern, weil Leser ihn kopieren und durchsuchen müssen. Nutzen Sie Screenshots, um die Oberfläche zu zeigen.
Wie verberge ich echte Daten in Schulungs-Screenshots?
Richten Sie den Bildschirm mit Beispieldaten ein. Taucht doch etwas Echtes auf, schneiden Sie es weg oder decken es mit einer vollflächigen Farbbox ab. Weichzeichner- und Mosaikeffekte lassen sich umkehren.
Nummeriert Sincron die Schritte auf einem Screenshot?
Nein. Sincron hat keine Schrittnummern und keine Sprechblasen. ShareX hat ein Werkzeug für nummerierte Schritte, und Step Capture in Snagit baut aus Ihren Klicks eine Anleitung.
Siehe auch
Screenshot-Hintergrund unter Windows
Das Screenshot Studio von Sincron: Hintergrund, Rand, Ecken und Schatten für Windows-Screenshots.
Pfeil in Screenshot einfügen
Pfeile im Screenshot mit dem Snipping Tool, mit Paint oder direkt auf dem Bildschirm mit Strg + Umschalt.
Beste Screenshot-Programme für Windows
8 Screenshot-Tools für Windows im Vergleich: Preis, Funktionen und für wen sich welches eignet.
Vereinheitlichen Sie die Screenshots in Ihrem nächsten Handbuch.
Installieren Sie Sincron Screen Tools: mit Strg + Umschalt + D markieren, mit Strg + Umschalt + C aufnehmen und auf jedes Bild denselben Rahmen anwenden. Aufnehmen und Beschriften sind kostenlos und unbegrenzt.