Spring til indhold

Værktøj til forhåndsvisning af Garmin urskive-design

Design og forhåndsvis en rund urskive med klokkeslæt, dato, skridt og puls. Vælg mørke farveskemaer, tjek WCAG-kontrast for læsbarhed, og download designet som PNG.

Forhåndsvisning af Garmin urskive-design

Design en rund urskive i forretningsstil, og se den opdatere sig, mens du ændrer den. Vælg et mørkt farveskema, angiv eksempelværdier, tjek kontrasten, og download resultatet som PNG.

MON 2110:098,432SKRIDT62PULS
Farvepresets
Elementfarver
Eksempelværdier

Kontrast mod baggrunden

Klokkeslæt
18.9:1
Dato
7.3:1
Skridt
9.8:1
Puls
6.9:1

Ifølge WCAG 2.1 er 3:1 minimum for stor tekst og 4.5:1 for mindre tekst. Jo højere forhold, jo lettere at læse i sollys.

Indlæsningsberegner...
📚

Dokumentation

Dette værktøj viser en forhåndsvisning af en rund urskive i browseren. Det tegner et layout i forretningsstil med klokkeslæt, dato, et skridttal og en puls, og lader hvert element farvelægges. Forhåndsvisningen opdateres, når farverne ændres, og det færdige design kan downloades som et PNG-billede.

Det er kun en design-forhåndsvisning. Det opretter ikke forbindelse til et ur og producerer ikke en installerbar urskive.

Hvad forhåndsvisningen viser

Urskiven bruger det layout, som de fleste runde urskiver ender med:

  • datoen øverst tværs over
  • klokkeslættet stort i midten
  • skridttallet og pulsen side om side nedenunder
  • en kant med timemarkeringer rundt langs kanten

Eksempelværdierne kan ændres, så designet bedømmes med realistiske tal. Et firecifret skridttal fylder mere end et tocifret, og et 12-timers ur tilføjer en AM- eller PM-markering.

Hvorfor mørke farveskemaer

De fleste runde Garmin-ure bruger en memory-in-pixel- eller OLED-skærm. På en OLED-skærm bruger en mørk baggrund mindre strøm, fordi sorte pixels simpelthen slukkes. Mørke urskiver er også lettere at læse i stærkt sollys, hvor en lys baggrund reflekterer genskin.

Presets her er alle mørke af den grund. Der kan stadig vælges en lys baggrund, og værktøjet vil påpege, at det afviger fra den sædvanlige praksis.

Kontrast og læsbarhed

Et ur aflæses med et blik, ofte i dårligt lys eller i bevægelse, så kontrast betyder mere end på en telefon. Værktøjet måler kontrastforholdet mellem hvert element og baggrunden ved hjælp af WCAG 2.1-formlen.

Forholdet sammenligner den relative luminans af to farver:

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

L1 er den lyseste luminans og L2 den mørkeste. Resultatet går fra 1:1, hvilket betyder identiske farver, til 21:1 for sort på hvid.

To grænser er værd at kende:

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

Klokkeslættet er stort, så 3:1 er i princippet nok til det, men et højere forhold er bedre udendørs. De mindre labels har gavn af 4.5:1 eller mere.

Eksempel

Med en baggrund på #0b1020, en meget mørk marineblå, og hvid tekst i #ffffff er kontrasten omkring 18:1, hvilket er behageligt i alt lys.

Ændres farven på skridttallet til #2a3a5e, en blå tæt på baggrunden, falder forholdet til omkring 1.6:1. Tallet er da næsten usynligt på en armslængde, og værktøjet markerer det.

Download af designet

Download-knappen omdanner den levende forhåndsvisning til en PNG på 320 gange 320 pixels. Billedet genereres i browseren; intet uploades. Filen kan bruges som mockup, deles for feedback eller gemmes som reference, mens den rigtige urskive bygges med Garmins Connect IQ-værktøjer.

Ofte stillede spørgsmål

Skaber dette en urskive, jeg kan installere?

Nej. Det giver et billede af et design. At bygge en installerbar urskive kræver Garmins Connect IQ SDK eller Garmin Watch Face Builder.

Hvorfor er forhåndsvisningen kvadratisk, når uret er rundt?

Billedet er et kvadratisk lærred med en rund urskive tegnet indeni, hvilket er, hvordan urskive-grafik normalt laves. Hjørnerne vises simpelthen ikke på uret.

Hvilken størrelse skal en rigtig urskive have?

Det afhænger af modellen. Almindelige runde Garmin-skærme er 240 gange 240, 260 gange 260 og 416 gange 416 pixels. Forhåndsvisningen bruger 320 gange 320 som et mellemniveau.

Hvorfor ser min farve anderledes ud på uret?

Urskærme varierer i lysstyrke og farvegengivelse, og memory-in-pixel-skærme viser en begrænset palet. Betragt forhåndsvisningen som en vejledning, og tjek derefter den rigtige skærm.

Hvad betyder kontrasttallene?

Det er forhold fra tilgængelighedsstandarden WCAG 2.1, det samme mål der bruges til websites. Højere tal er lettere at læse.