Countdown-Grafik gestalten: Ein Leitfaden für 2026

Aktualisiert 20. Oktober 2026 · 5 Min. Lesezeit

Mit „Countdown-Grafik“ ist meist eines von zwei Dingen gemeint: ein statisches Bild, das du einmal mit „Noch 100 Tage bis zum Sommer“ erstellt hast, oder ein Live-Widget, das wirklich die aktuelle Zahl zeigt. Das Erste ist Dekoration. Das Zweite verändert Verhalten. In dieser Anleitung geht es um das Zweite – eine Countdown-Grafik, die sich selbst aktualisiert, auf deinem Handy sitzt und über die erste Woche hinaus nützlich bleibt.

Wir zeigen die Gestaltungsprinzipien, die ein Countdown-Widget wirksam machen, die Falle überladener Countdowns und das Setup mit dem Widget für Kommende in Left, das aus einer Grafikidee einen lebendigen, täglich aktualisierten Countdown auf Home-Bildschirm, Sperrbildschirm und in Standby macht. Das fertige Ergebnis siehst du auf der Seite zum Countdown-Widget.

Statische Grafik oder Live-Widget

Eine statische Countdown-Grafik sieht auf einem Screenshot toll aus und ist morgen schon falsch. Ein Live-Widget ist im Schnitt weniger hübsch und jeden Tag richtig. Für alles, was du wirklich verfolgen willst (ein Ziel, eine Reise, eine Deadline), gewinnt live. Statisch reicht für einen einmaligen Social-Media-Post.

Diese Anleitung geht davon aus, dass du die Live-Version willst.

Gestaltungsprinzipien für ein Countdown-Widget

1. Eine Zahl, groß

Die Countdown-Zahl ist der ganze Sinn. Sie sollte das größte Element im Widget sein. Alles, was mit ihr konkurriert – Illustrationen, Verläufe, verzierte Schriften –, kämpft gegen die Daten. Umgib eine dominante Zahl mit einem neutralen Rahmen.

2. Benenne das Ereignis konkret

„Reise nach Tokio“ ist besser als „Urlaub“. „Launch Q3“ ist besser als „Deadline“. Erst das Konkrete macht den Countdown greifbar. Ist die Bezeichnung allgemein, ist der Countdown nur Dekoration.

3. Wähle die richtige Einheit

• Tage für Ereignisse, die 7 oder mehr Tage entfernt sind.
• Tage + Stunden für Ereignisse, die 1–7 Tage entfernt sind.
• Stunden + Minuten für Ereignisse, die weniger als einen Tag entfernt sind.
• Sekunden so gut wie nie. Sie wirken hektisch, und durch die Verzögerung bei der Aktualisierung sind sie sichtbar ungenau.

Bei vielen Widget-Apps passt sich die Einheit automatisch an, wenn das Datum näher rückt – schalte das ein, wenn es verfügbar ist.

4. Hoher Kontrast

Die Zahl sollte auf einen Blick lesbar sein. Schwarz auf Creme, Weiß auf Schwarz, Marineblau auf Knochenweiß. Paletten in mittleren Tönen wirken edel, sind im Alltag aber schwer zu lesen – vor allem in der Sonne oder bei wenig Licht.

5. Eine einzige Schriftfamilie

Eine Schriftfamilie für den gesamten Text des Widgets. Die Zahl darf fetter oder leichter sein als die Bezeichnung, aber aus derselben Familie. Eine Mischung aus Serifen-, Display- und serifenloser Schrift sieht immer nach Versehen aus.

Farbwahl nach Art des Ziels

• Countdowns mit Vorfreude (Reise, Geburtstag, Launch): wärmere Palette – Terrakotta, Gold, Ocker. Die Farbe signalisiert Vorfreude.
• Countdowns unter Druck (Deadline, Prüfung): kühlere, ruhigere Palette – Schiefergrau, Marineblau, Salbeigrün. Die Farbe sollte Druck nehmen, nicht verstärken.
• Lange Zeiträume (Jahr, Semester): neutrale Töne – Knochenweiß, Anthrazit, gebrochenes Weiß. Widgets, die ein ganzes Jahr bleiben, sind fast Teil des Hintergrunds; gedämpfte Farben wirken auf Dauer besser.

Knallrote Countdowns sind ein häufiger Fehler. Auf einem Screenshot wirken sie dringend, im Alltag stressig. Heb dir Rot für wirklich zeitkritische Warnungen auf.

Die Platzierung zählt so viel wie das Design

• Sperrbildschirm: der dringendste Countdown. Sichtbar, sobald du das Handy in die Hand nimmst.
• Home-Bildschirm (Hauptseite): der wichtigste laufende Countdown.
• Home-Bildschirm (zweite Seite): alle anderen laufenden Countdowns, gestapelt.
• Standby: der Countdown auf dem Schreibtisch.
• Hintergrundbild: der Bogen des Jahres.

Ein Countdown an der falschen Stelle ist unsichtbar. Ein Countdown an der richtigen Stelle verändert, wie du deine Tage verbringst.

Das Setup in Left

1. Tippe unter Kommende auf Kommenden Termin hinzufügen und lege einen Termin mit Namen und Datum des Ereignisses an.
2. Wähle unter Weitere Optionen mit Anzeigen als... Stunden, Tage, Wochen, Monate oder Jahre und dazu ein Symbol.
3. Wähle eine Farbe und, wenn du magst, ein Hintergrundfoto.
4. Füge das Widget an der gewünschten Stelle hinzu (Home-Bildschirm, Sperrbildschirm, Standby).
5. Halte das Widget gedrückt → Widget bearbeiten → wähle den gewünschten Termin unter Kommende.

Get the countdown widget

Häufige Gestaltungsfehler

• Sekunden anzeigen. Wirkt unruhig und hinkt merklich hinterher.
• Alles zentrieren. Zentrierter Text in jeder Zeile wirkt wie ein Plakat. Asymmetrische Layouts wirken funktional.
• Verzierende Illustrationen hinter der Zahl. Sie machen die Zahl schwerer lesbar.
• Mehrere konkurrierende Widgets auf derselben Seite. Zwei Countdowns nebeneinander behindern sich gegenseitig. Ein Countdown plus ein passendes Widget (Uhr, Jahresfortschritt) liest sich besser.
• Ein Stockfoto als Hintergrund. Wird schnell pixelig und konkurriert mit der Zahl.

Wenn Countdowns ihre Wirkung verlieren

Drei typische Probleme und ihre Lösungen:

• Optische Ermüdung. Ändere nach 4–6 Wochen Farbe oder Größe des Widgets. Veränderung weckt die Aufmerksamkeit neu.
• Die Zahl fühlt sich nicht mehr real an. Der Countdown ist schon so lange da, dass er zur Tapete geworden ist. Verschieb ihn auf den Sperrbildschirm, falls er dort noch nicht ist.
• Der Countdown ist abgelaufen. Entferne ihn. Lass keinen beendeten Countdown stehen – er schwächt die Wirkung des nächsten.

Für Grafiken in sozialen Medien

Wenn du wirklich eine statische Grafik zum Teilen willst (etwa für einen Ankündigungspost), gelten dieselben Prinzipien: eine große Zahl, eine konkrete Bezeichnung, hoher Kontrast, eine einzige Schriftfamilie. Erstelle sie an dem Tag, an dem du sie postest. Versuch nicht, sie wiederzuverwenden.

Weiterlesen

Der größere Überblick über Countdown-Widgets: die besten Countdown-Widgets fürs iPhone. Design als Ästhetik: ästhetische iPhone-Widgets. Layout des Home-Bildschirms: Timer auf dem Home-Bildschirm einrichten.

FAQ

Welche Schrift eignet sich am besten für ein Countdown-Widget?
Eine geometrische serifenlose Schrift (Helvetica, Inter, Outfit) oder eine kräftige Slab-Serif. Meide Display-Schriften, die in kleinen Größen schwer lesbar werden.

Sollte ich einen Farbverlauf als Hintergrund nutzen?
Dezente Verläufe sind in Ordnung, kräftige konkurrieren mit der Zahl. Im Zweifel nimm eine flache Farbe.

Kann ich ein Countdown-Design mit jemandem teilen?
Mit Left teilst du den zugrunde liegenden Countdown über Joint Ahead (Teil von Left Premium) – die andere Person bekommt denselben Termin unter Kommende; das Widget auf ihrem Handy nutzt ihre eigene Gestaltung. Die Daten werden geteilt, das Design wählt jede Person selbst.

Wie genau ist der Countdown?
iOS steuert, wie oft Widgets aktualisiert werden. Der Countdown ist bei Ereignissen in wenigen Stunden minutengenau, bei Ereignissen in wenigen Tagen stundengenau und bei weiter entfernten Ereignissen tagesgenau.

Was genau zeigt das Widget für Kommende in Left?
Einen anpassbaren Countdown – Stunden, Tage, Wochen, Monate oder Jahre, optional mit Fortschritt, Symbol, Farbe und Hintergrundfoto. Gedacht als Live-Version einer „Countdown-Grafik“.