Voorvertoningstool voor Garmin-wijzerplaatontwerp

Deze tool toont een voorvertoning van een ronde wijzerplaat in de browser. Hij tekent een indeling in zakelijke stijl met de tijd, de datum, een stappenteller en een hartslag, en laat elk element van kleur veranderen. De voorvertoning wordt bijgewerkt zodra de kleuren veranderen, en het uiteindelijke ontwerp kan als PNG-afbeelding worden gedownload.

Het is alleen een ontwerpvoorvertoning. De tool maakt geen verbinding met een horloge en levert geen installeerbare wijzerplaat op.

Wat de voorvertoning toont

De wijzerplaat gebruikt de indeling die de meeste ronde wijzerplaten uiteindelijk kiezen:

• de datum bovenaan
• de tijd groot in het midden
• de stappenteller en de hartslag naast elkaar daaronder
• een rand met uurmarkeringen langs de omtrek

De voorbeeldwaarden kunnen worden aangepast, zodat het ontwerp met realistische getallen wordt beoordeeld. Een stappenteller met vier cijfers neemt meer ruimte in dan een met twee cijfers, en een 12-uursklok voegt een AM- of PM-teken toe.

Waarom donkere kleurenschema's

De meeste ronde Garmin-horloges gebruiken een memory-in-pixel- of OLED-scherm. Op een OLED-scherm verbruikt een donkere achtergrond minder stroom, omdat zwarte pixels gewoon worden uitgeschakeld. Donkere wijzerplaten zijn ook beter leesbaar in fel zonlicht, waar een lichte achtergrond verblindt door reflectie.

Om die reden zijn de voorinstellingen hier allemaal donker. Een lichte achtergrond kan nog steeds worden gekozen, en de tool zal aangeven dat dit afwijkt van de gangbare praktijk.

Contrast en leesbaarheid

Een horloge wordt in één oogopslag afgelezen, vaak bij slecht licht of in beweging, dus contrast is belangrijker dan bij een telefoon. De tool meet de contrastverhouding tussen elk element en de achtergrond met de WCAG 2.1-formule.

De verhouding vergelijkt de relatieve helderheid van twee kleuren:

contrast = (L1 + 0.05) ÷ (L2 + 0.05)

L1 is de lichtere helderheid en L2 de donkerdere. Het resultaat loopt van 1:1, wat identieke kleuren betekent, tot 21:1 voor zwart op wit.

Twee drempelwaarden zijn goed om te kennen:

• 3:1 is het minimum voor grote tekst
• 4.5:1 is het minimum voor tekst van normale grootte

De tijd wordt groot weergegeven, dus in principe volstaat 3:1 daarvoor, maar buiten is een hogere verhouding beter. De kleinere labels hebben baat bij 4.5:1 of meer.

Voorbeeld

Neem een achtergrond van #0b1020, een zeer donker marineblauw, met witte tekst in #ffffff. Het contrast is ongeveer 18:1, wat in elk licht comfortabel leesbaar is.

Verander de kleur van de stappenteller naar #2a3a5e, een blauwtint die dicht bij de achtergrond ligt, en de verhouding daalt tot ongeveer 1.6:1. Het getal is dan op armlengte bijna onzichtbaar, en de tool geeft hiervoor een waarschuwing.

Het ontwerp downloaden

De downloadknop zet de live voorvertoning om in een PNG van 320 bij 320 pixels. De afbeelding wordt in de browser gegenereerd; er wordt niets geüpload. Het bestand kan worden gebruikt als mock-up, gedeeld voor feedback, of bewaard als referentie tijdens het bouwen van de echte wijzerplaat met Garmins Connect IQ-tools.

Veelgestelde vragen

Maakt dit een wijzerplaat die ik kan installeren?

Nee. Het levert alleen een afbeelding van een ontwerp op. Voor een installeerbare wijzerplaat is Garmins Connect IQ SDK of de Garmin Watch Face Builder nodig.

Waarom is de voorvertoning vierkant terwijl het horloge rond is?

De afbeelding is een vierkant canvas met daarbinnen een ronde wijzerplaat getekend, en zo worden wijzerplaatafbeeldingen doorgaans gemaakt. De hoeken worden op het horloge gewoon niet getoond.

Welk formaat moet een echte wijzerplaat hebben?

Dat hangt af van het model. Gangbare ronde Garmin-schermen zijn 240 bij 240, 260 bij 260 en 416 bij 416 pixels. De voorvertoning gebruikt 320 bij 320 als tussenmaat.

Waarom ziet mijn kleur er anders uit op het horloge?

Horlogeschermen verschillen in helderheid en kleurweergave, en memory-in-pixel-schermen tonen een beperkt kleurenpalet. Beschouw de voorvertoning als richtlijn en controleer daarna het echte scherm.

Wat betekenen de contrastgetallen?

Het zijn verhoudingen uit de WCAG 2.1-toegankelijkheidsnorm, dezelfde maatstaf die voor websites wordt gebruikt. Hogere getallen zijn beter leesbaar.