Text im Screenshot einer App oder Website bearbeiten

Wann du einen Screenshot bearbeiten statt neu aufnehmen solltest

Eine neue Aufnahme zeigt immer die echte Oberfläche; mache also einen neuen Screenshot, wenn der Screen leicht erreichbar ist. Das Bearbeiten hilft, wenn sich der genaue Zustand schwer nachstellen lässt: ein Screen, der Demodaten braucht, ein Ablauf mit vielen Schritten, eine ältere Version, die du nicht mehr betreibst, oder ein Mockup, das nur als Bild existiert.

Für ein Design-Review kannst du eine vorgeschlagene Button-Beschriftung oder Überschrift im echten Screen zeigen, statt sie in einem Kommentar zu beschreiben. Erstelle für jede Formulierungsvariante ein eigenes Bild, damit alle Beteiligten sie im Kontext vergleichen können, und kennzeichne jedes als Vorschlag, damit niemand es für die ausgelieferte Oberfläche hält.

In Dokumentationen und Tutorials kann ein einziger umbenannter Menüpunkt einen sonst korrekten Screenshot verwirrend machen. Bearbeite Text im Screenshot nur, um ihn an die aktuelle Version anzupassen – mit derselben Groß- und Kleinschreibung und Zeichensetzung wie in der Live-Oberfläche –, und nimm ihn neu auf, sobald sich der Screen nicht nur im Wortlaut ändert.

Kleine Oberflächenschriften

Oberflächentext ist oft klein, dünn und mit weichen Kanten gezeichnet; er ist daher schwerer zu lesen und nachzubilden als eine große Überschrift. Je mehr Pixel jeder Buchstabe hat, desto mehr Details hat die KI zur Verfügung. Nimm den Screenshot deshalb nach Möglichkeit auf einem hochauflösenden Display oder mit höherer Zoomstufe auf.

Dichte Tabellen, Seitenleisten, Einstellungsbereiche und Tooltips enthalten auf den meisten Screens den kleinsten Text. Fällt eine Beschriftung dort selbst mit der Option Hohe Qualität noch uneinheitlich aus, nimm den Screen in größerem Maßstab neu auf oder kürze den neuen Text. Ein kurzes Wort lässt sich meist leichter nachbilden als eine Wendung, die in eine schmale Spalte gequetscht wird.

Ein Screenshot ist ein flaches Bild, daher fließt beim Verlängern einer Beschriftung nichts nach. Wo eine echte Oberfläche den Button verbreitern oder den Text in eine zweite Zeile umbrechen würde, kann eine deutlich längere Beschriftung im Screenshot gequetscht wirken oder das Icon daneben bedrängen. Wähle einen Text, der nicht mehr Platz braucht als die alte Beschriftung, oder ändere das Quelldesign, wenn er mehr Platz braucht.

Was du vor dem Teilen prüfen solltest

Oberflächentext sitzt dicht an Icons, Rahmen und Badges, und eine Änderung an einer Beschriftung kann auch verändern, was sie berührt. Prüfe jeden der folgenden Punkte mit dem Vergleichsregler.

• Icons, Checkboxen und Umschalter neben der geänderten Beschriftung sind weiterhin scharf und am richtigen Platz.
• Button-Kanten, Unterstreichungen, Fokusrahmen und Badges haben sich nicht verschoben und sind nicht unscharf geworden.
• Zahlen, Versionsangaben und Tastenkürzel stimmen genau mit der echten Oberfläche überein.
• Die neue Beschriftung ist in der gleichen Groß- und Kleinschreibung gesetzt wie die Beschriftungen um sie herum.
• Zeilen, die du nicht geändert hast, sind mit dem Original identisch.