Dark-Mode-Screenshot

Ein Dark-Mode-Screenshot zeigt eine Oberfläche im dunklen Erscheinungsbild: heller Text und helle Bedienelemente auf dunklem Hintergrund. Unter macOS wird das Erscheinungsbild in den Systemeinstellungen unter „Erscheinungsbild“ mit den Optionen „Hell“, „Dunkel“ und „Automatisch“ festgelegt. „Automatisch“ wechselt im Tagesverlauf zwischen beiden.

Native Apps folgen meist der Systemeinstellung, viele haben aber auch eine eigene Design-Option. Websites erkennen die Einstellung über das CSS-Media-Feature prefers-color-scheme, das in Media Queries Level 5 definiert ist. Eine Website ohne dunkle Stile zeigt in beiden Modi ihr helles Design, eine dunkle Systemeinstellung garantiert also keine dunkle Seite.

Warum Dark-Mode-Screenshots wichtig sind

Viele Menschen nutzen ihren Mac oder ihr Smartphone im Dunkelmodus. Eine Dokumentation, die nur helle Bildschirme zeigt, kann sie verwirren, weil Farben, Rahmen und Symbole abweichen. Produktseiten und Store-Einträge zeigen oft beide Varianten, um zu signalisieren, dass die App beide unterstützt.

Beide Modi aufnehmen

1. Wählen Sie die aufzunehmenden Bildschirme aus und legen Sie Fenstergröße und -position fest.
2. Stellen Sie das Erscheinungsbild auf „Hell“ und nehmen Sie den kompletten Satz auf.
3. Wechseln Sie zu „Dunkel“, prüfen Sie, ob sich die Ziel-App umgestellt hat, und nehmen Sie denselben Satz erneut auf.
4. Versehen Sie die Dateinamen mit dem Suffix light oder dark, damit die Paare zusammenbleiben.

Temposhot nimmt den Bildschirm so auf, wie er erscheint. Führen Sie dieselbe Auto-Capture-Einrichtung zweimal aus, einmal pro Erscheinungsbild. Die Quelle Custom Area öffnet sich erneut auf dem gespeicherten Bereich, sodass beide Sätze deckungsgleich sind.

Dunkelmodus und Lesbarkeit

Dünner heller Text auf dunklem Hintergrund verliert an Gewicht, wenn ein Bild verkleinert wird. Große, flächige dunkle Bereiche lassen sich als PNG gut komprimieren. JPEG mit niedriger Qualität kann in dunklen Verläufen Streifen und um hellen Text Säume zeigen, prüfen Sie daher einen vergrößerten Ausschnitt. Für scharfen Text exportieren Sie mit PNG Export (Lossless).

Häufige Fehler

• Helle und dunkle Screenshots in einer Anleitung mischen.
• Das Systemerscheinungsbild umstellen, während eine App ihre eigene Design-Einstellung beibehält.
• Bei einer langen Aufnahme das automatische Erscheinungsbild aktiviert lassen, sodass es mitten im Lauf wechselt.
• Dunkle Screenshots ohne Rahmen auf einer dunklen Seite platzieren, wodurch die Kanten verschwinden.

Immer wieder dieselben Screenshots?

Speichern Sie die Einrichtung als Preset und führen Sie sie für jedes Erscheinungsbild aus. Siehe Screenshot-Automatisierung auf dem Mac.

Häufige Fragen

Warum bleibt eine Website hell, obwohl mein Mac dunkel ist?

Die Website hat möglicherweise keine dunklen Stile oder verwendet statt der Systemeinstellung einen eigenen Design-Schalter. Prüfen Sie vor der Aufnahme die Einstellungen der Website.

Welches Format eignet sich am besten für dunkle Screenshots?

PNG erhält Textkanten exakt. Verwenden Sie JPG mit hoher Qualitätsstufe, wenn die Dateigröße zählt.

Quellen

• Media Queries Level 5 (W3C)
• Light-on-dark color scheme (Wikipedia)

Weiterführende Ressourcen

• Aufnahme-Presets: eine Einrichtung speichern und wiederverwenden.
• Exportformate: Optionen für PNG und JPG.
• Compare Images: helle und dunkle Version vergleichen.