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 ein rundes Zifferblatt im Browser als Vorschau an. Es zeichnet ein sachliches Layout mit Uhrzeit, Datum, Schrittzahl und Herzfrequenz und ermöglicht, jedes Element neu einzufärben. Die Vorschau wird aktualisiert, sobald sich die Farben ändern, und das fertige Design kann als PNG-Bild heruntergeladen werden.
Es handelt sich nur um eine Designvorschau. Das Tool stellt keine Verbindung zu einer Uhr her und erzeugt kein installierbares Zifferblatt.
Was die Vorschau zeigt
Das Zifferblatt verwendet das Layout, auf das sich die meisten runden Zifferblätter einpendeln:
- das Datum oben quer über das Zifferblatt
- die Uhrzeit groß in der Mitte
- Schrittzahl und Herzfrequenz nebeneinander darunter
- eine Lünette mit Stundenmarkierungen am Rand
Die Beispielwerte können geändert werden, damit das Design mit realistischen Zahlen beurteilt werden kann. Eine vierstellige Schrittzahl benötigt mehr Platz als eine zweistellige, und eine 12-Stunden-Anzeige ergänzt eine AM- oder PM-Markierung.
Warum dunkle Farbschemata
Die meisten runden Garmin-Uhren verwenden ein Memory-in-Pixel- oder OLED-Display. Bei einem OLED-Bildschirm verbraucht ein dunkler Hintergrund weniger Energie, weil schwarze Pixel einfach ausgeschaltet werden. Dunkle Zifferblätter sind bei hellem Sonnenlicht außerdem leichter abzulesen, da ein heller Hintergrund Blendung reflektiert.
Die Voreinstellungen hier sind aus diesem Grund alle dunkel. Ein heller Hintergrund kann trotzdem ausgewählt werden, und das Tool weist darauf hin, dass er von der üblichen Praxis abweicht.
Kontrast und Lesbarkeit
Eine Uhr wird auf einen Blick abgelesen, oft bei schlechtem Licht oder in Bewegung, daher ist der Kontrast wichtiger als bei einem Telefon. Das Tool misst das Kontrastverhältnis zwischen jedem Element und dem Hintergrund anhand der WCAG-2,1-Formel.
Das Verhältnis vergleicht die relative Leuchtdichte zweier Farben:
Dabei ist C das Kontrastverhältnis.
L1 ist die hellere Leuchtdichte und L2 die dunklere. Das Ergebnis reicht von 1:1 für identische Farben bis zu 21:1 für Schwarz auf Weiß.
Zwei Schwellenwerte sollte man kennen:
- 3:1 ist das Minimum für große Schrift
- 4,5:1 ist das Minimum für normal große Schrift
Die Uhrzeit wird groß dargestellt, daher genügt dafür prinzipiell 3:1, aber im Freien ist ein höheres Verhältnis besser. Die kleineren Beschriftungen profitieren von 4,5:1 oder mehr.
Durchgerechnetes Beispiel
Nehmen wir einen Hintergrund in #0b1020, einem sehr dunklen Marineblau, mit weißem Text in #ffffff. Der Kontrast beträgt etwa 18:1 und ist bei jeder Beleuchtung angenehm.
Ändert man die Farbe der Schrittzahl in #2a3a5e, einem Blau ähnlich dem Hintergrund, sinkt das Verhältnis auf ungefähr 1,6:1. Die Zahl ist dann aus Armlänge nahezu unsichtbar, und das Tool weist darauf hin.
Das Design herunterladen
Die Download-Schaltfläche wandelt die Live-Vorschau in eine PNG-Datei mit 320 mal 320 Pixeln um. Das Bild wird im Browser erzeugt; es wird nichts hochgeladen. Die Datei kann als Entwurf verwendet, zur Rückmeldung geteilt oder beim Erstellen des echten Zifferblatts in Garmins Connect-IQ-Tools als Referenz aufbewahrt werden.
Häufig gestellte Fragen
Erzeugt dies ein installierbares Zifferblatt?
Nein. Das Tool erzeugt ein Bild eines Designs. Für ein installierbares Zifferblatt werden das Garmin Connect IQ SDK oder der Garmin Watch Face Builder benötigt.
Warum ist die Vorschau quadratisch, wenn die Uhr rund ist?
Das Bild ist eine quadratische Fläche, in die ein rundes Zifferblatt gezeichnet wird; so werden Grafiken für Zifferblätter 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. Häufige runde Garmin-Displays haben 240 mal 240, 260 mal 260 oder 416 mal 416 Pixel. Die Vorschau verwendet mit 320 mal 320 einen 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 Farbpalette. Die Vorschau sollte als Orientierung dienen; anschließend sollte der echte Bildschirm überprüft werden.
Was bedeuten die Kontrastzahlen?
Es handelt sich um Verhältnisse aus dem WCAG-2,1-Standard für Barrierefreiheit, also um dasselbe Maß, das auch für Websites verwendet wird. Höhere Werte sind leichter abzulesen.