Forhåndsvisningsverktøy for Garmin-urskivedesign

Dette verktøyet viser en forhåndsvisning av en rund urskive i nettleseren. Det tegner et oppsett i forretningsstil med klokkeslettet, datoen, et skrittall og en puls, og lar hvert element få ny farge. Forhåndsvisningen oppdateres når fargene endres, og det ferdige designet kan lastes ned som et PNG-bilde.

Det er bare en designforhåndsvisning. Verktøyet kobler seg ikke til en klokke og produserer ikke en installerbar urskive.

Hva forhåndsvisningen viser

Urskiven bruker det oppsettet de fleste runde urskiver ender opp med:

• datoen øverst
• klokkeslettet stort i midten
• skrittallet og pulsen side om side under
• en ramme med timemarkører rundt kanten

Eksempelverdiene kan endres slik at designet vurderes med realistiske tall. Et firesifret skrittall tar mer plass enn et tosifret, og en 12-timers klokke legger til en AM- eller PM-markør.

Hvorfor mørke fargeskjemaer

De fleste runde Garmin-klokker bruker en memory-in-pixel- eller OLED-skjerm. På en OLED-skjerm bruker en mørk bakgrunn mindre strøm, fordi svarte piksler rett og slett er slått av. Mørke urskiver er også lettere å lese i sterkt sollys, der en lys bakgrunn reflekterer blending.

Forvalgene her er derfor alle mørke. Det er fortsatt mulig å velge en lys bakgrunn, og verktøyet vil da påpeke at det avviker fra vanlig praksis.

Kontrast og lesbarhet

En klokke leses med et raskt blikk, ofte i dårlig lys eller i bevegelse, så kontrast betyr mer enn på en telefon. Verktøyet måler kontrastforholdet mellom hvert element og bakgrunnen ved hjelp av WCAG 2.1-formelen.

Forholdet sammenligner den relative luminansen til to farger:

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

L1 er den lyseste luminansen og L2 den mørkeste. Resultatet går fra 1:1, som betyr identiske farger, til 21:1 for svart på hvitt.

To terskelverdier er verdt å kjenne til:

• 3:1 er minimum for stor tekst
• 4.5:1 er minimum for normal tekststørrelse

Klokkeslettet er stort, så 3:1 er i prinsippet nok for det, men et høyere forhold er bedre utendørs. De mindre etikettene har nytte av 4.5:1 eller mer.

Eksempel

Ta en bakgrunn på #0b1020, en svært mørk marineblå, med hvit tekst i #ffffff. Kontrasten er omtrent 18:1, som er behagelig i alt lys.

Endre fargen på skrittallet til #2a3a5e, en blåfarge nær bakgrunnen, og forholdet faller til rundt 1.6:1. Tallet er da nesten usynlig på armlengdes avstand, og verktøyet flagger det.

Laste ned designet

Nedlastingsknappen gjør den direkte forhåndsvisningen om til en PNG på 320 ganger 320 piksler. Bildet genereres i nettleseren; ingenting lastes opp. Filen kan brukes som en mockup, deles for tilbakemelding, eller beholdes som referanse mens den virkelige urskiven bygges med Garmins Connect IQ-verktøy.

Ofte stilte spørsmål

Skaper dette en urskive jeg kan installere?

Nei. Det lager et bilde av et design. Å bygge en installerbar urskive krever Garmins Connect IQ SDK eller Garmin Watch Face Builder.

Hvorfor er forhåndsvisningen firkantet når klokken er rund?

Bildet er et firkantet lerret med en rund urskive tegnet inni, som er slik urskivegrafikk normalt lages. Hjørnene vises rett og slett ikke på klokken.

Hvilken størrelse bør en ekte urskive ha?

Det kommer an på modellen. Vanlige runde Garmin-skjermer er 240 ganger 240, 260 ganger 260 og 416 ganger 416 piksler. Forhåndsvisningen bruker 320 ganger 320 som en middelvei.

Hvorfor ser fargen min annerledes ut på klokken?

Klokkeskjermer varierer i lysstyrke og fargegjengivelse, og memory-in-pixel-skjermer viser en begrenset palett. Bruk forhåndsvisningen som en veiledning, og sjekk deretter den faktiske skjermen.

Hva betyr kontrasttallene?

De er forhold fra WCAG 2.1-tilgjengelighetsstandarden, det samme målet som brukes for nettsteder. Høyere tall er lettere å lese.