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.
Kontrast mod baggrunden
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.
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.