Garmin Zifferblatt-Design-Vorschau-Tool
Gestalte und sieh die Vorschau eines runden Zifferblatts mit Uhrzeit, Datum, Schritten und Herzfrequenz. Wähle dunkle Farbschemata, prüfe den WCAG-Kontrast für die Lesbarkeit und lade das Design als PNG herunter.
Garmin Zifferblatt-Design-Vorschau
Gestalte ein rundes Zifferblatt im Business-Stil und sieh die Vorschau live, während du es änderst. Wähle ein dunkles Farbschema, lege Beispielwerte fest, prüfe den Kontrast und lade das Ergebnis als PNG herunter.
Kontrast zum Hintergrund
Nach WCAG 2.1 gilt ein Verhältnis von 3:1 als Minimum für große Schrift und 4.5:1 für kleinere Schrift. Je höher der Wert, desto besser lesbar bei Sonnenlicht.
Dokumentation
Dieses Tool zeigt die Vorschau eines runden Zifferblatts im Browser. Es zeichnet ein Layout im Business-Stil mit Uhrzeit, Datum, Schrittzahl und Herzfrequenz und lässt jedes Element einzeln einfärben. Die Vorschau aktualisiert sich, sobald sich die Farben ändern, und das fertige Design lässt sich als PNG-Bild herunterladen.
Es ist nur eine Design-Vorschau. Es verbindet sich nicht mit einer Uhr und erzeugt kein installierbares Zifferblatt.
Was die Vorschau zeigt
Das Zifferblatt nutzt das Layout, auf das sich die meisten runden Uhren einigen:
- das Datum oben quer
- die Uhrzeit groß in der Mitte
- die Schrittzahl und die Herzfrequenz nebeneinander darunter
- eine Lünette mit Stundenmarkierungen am Rand
Die Beispielwerte lassen sich ändern, damit das Design mit realistischen Zahlen beurteilt werden kann. Eine vierstellige Schrittzahl braucht mehr Platz als eine zweistellige, und ein 12-Stunden-Format fügt eine AM- oder PM-Markierung hinzu.
Warum dunkle Farbschemata
Die meisten runden Garmin-Uhren nutzen ein Memory-in-Pixel- oder OLED-Display. Bei einem OLED-Display verbraucht ein dunkler Hintergrund weniger Strom, weil schwarze Pixel einfach abgeschaltet werden. Dunkle Zifferblätter lassen sich außerdem bei hellem Sonnenlicht besser ablesen, wo ein heller Hintergrund blendet.
Die Vorlagen hier sind aus diesem Grund alle dunkel. Ein heller Hintergrund lässt sich trotzdem wählen, und das Tool weist dann darauf hin, dass dies von der üblichen Praxis abweicht.
Kontrast und Lesbarkeit
Eine Uhr wird auf einen Blick abgelesen, oft bei schlechtem Licht oder in Bewegung, daher zählt Kontrast mehr als bei einem Telefon. Das Tool misst das Kontrastverhältnis zwischen jedem Element und dem Hintergrund nach der Formel von WCAG 2.1.
Das Verhältnis vergleicht die relative Leuchtdichte zweier Farben:
contrast = (L1 + 0.05) ÷ (L2 + 0.05)
L1 ist die hellere Leuchtdichte und L2 die dunklere. Das Ergebnis reicht von 1:1, was identische Farben bedeutet, bis 21:1 für Schwarz auf Weiß.
Zwei Schwellenwerte sind wichtig:
- 3:1 ist das Minimum für große Schrift
- 4.5:1 ist das Minimum für normal große Schrift
Die Uhrzeit ist groß, daher reicht 3:1 im Prinzip aus, aber ein höheres Verhältnis ist im Freien besser. Die kleineren Beschriftungen profitieren von 4.5:1 oder mehr.
Beispiel
Bei einem Hintergrund von #0b1020, einem sehr dunklen Marineblau, mit weißem Text in #ffffff liegt der Kontrast bei etwa 18:1, was bei jedem Licht angenehm zu lesen ist.
Wird die Farbe der Schrittzahl auf #2a3a5e geändert, ein Blau nahe am Hintergrund, sinkt das Verhältnis auf etwa 1.6:1. Die Zahl ist dann aus Armlänge fast unsichtbar, und das Tool markiert das.
Design herunterladen
Die Download-Schaltfläche wandelt die Live-Vorschau in ein PNG mit 320 mal 320 Pixel um. Das Bild wird im Browser erzeugt, nichts wird hochgeladen. Die Datei lässt sich als Entwurf nutzen, für Feedback teilen oder als Referenz aufbewahren, während das echte Zifferblatt mit Garmins Connect-IQ-Werkzeugen gebaut wird.
Häufig gestellte Fragen
Erstellt das ein Zifferblatt, das ich installieren kann?
Nein. Es erzeugt ein Bild eines Designs. Ein installierbares Zifferblatt zu bauen erfordert Garmins Connect IQ SDK oder den Garmin Watch Face Builder.
Warum ist die Vorschau quadratisch, obwohl die Uhr rund ist?
Das Bild ist eine quadratische Leinwand mit einem runden Zifferblatt darin, so werden Zifferblatt-Grafiken normalerweise erstellt. Die Ecken werden auf der Uhr einfach nicht angezeigt.
Welche Größe sollte ein echtes Zifferblatt haben?
Das hängt vom Modell ab. Gängige runde Garmin-Displays sind 240 mal 240, 260 mal 260 und 416 mal 416 Pixel groß. Die Vorschau nutzt 320 mal 320 als Mittelwert.
Warum sieht meine Farbe auf der Uhr anders aus?
Uhrendisplays unterscheiden sich in Helligkeit und Farbwiedergabe, und Memory-in-Pixel-Bildschirme zeigen eine begrenzte Palette. Die Vorschau als Anhaltspunkt nehmen und dann den echten Bildschirm prüfen.
Was bedeuten die Kontrastwerte?
Es sind Verhältnisse aus dem Standard WCAG 2.1 für Barrierefreiheit, demselben Maß, das für Websites verwendet wird. Höhere Zahlen sind leichter lesbar.