Eina de previsualització de disseny d'esfera Garmin

Aquesta eina mostra la previsualització d'una esfera rodona al navegador. Dibuixa un disseny d'estil professional amb l'hora, la data, un recompte de passes i la freqüència cardíaca, i permet canviar el color de cada element. La previsualització s'actualitza en canviar els colors, i el disseny final es pot descarregar com a imatge PNG.

Només és una previsualització de disseny. No es connecta a cap rellotge i no produeix una esfera instal·lable.

Què mostra la previsualització

L'esfera fa servir la disposició que segueixen la majoria d'esferes rodones:

• la data a la part superior
• l'hora gran al centre
• el recompte de passes i la freqüència cardíaca costat a costat a sota
• un bisell amb marques d'hora al voltant de la vora

Les lectures d'exemple es poden canviar perquè el disseny es jutgi amb xifres realistes. Un recompte de passes de quatre xifres ocupa més espai que un de dues xifres, i un format de 12 hores afegeix un marcador d'AM o PM.

Per què combinacions de colors fosques

La majoria de rellotges rodons de Garmin fan servir una pantalla memory-in-pixel o OLED. En una pantalla OLED, un fons fosc consumeix menys energia perquè els píxels negres simplement es desactiven. Les esferes fosques també es llegeixen millor amb llum solar intensa, on un fons clar reflecteix la resplendor.

Les combinacions d'aquí són totes fosques per aquest motiu. Encara es pot triar un fons clar, i l'eina indicarà que això s'allunya de la pràctica habitual.

Contrast i llegibilitat

Un rellotge es llegeix d'un cop d'ull, sovint amb poca llum o en moviment, per això el contrast importa més que en un telèfon. L'eina mesura la relació de contrast entre cada element i el fons mitjançant la fórmula de WCAG 2.1.

La relació compara la lluminositat relativa de dos colors:

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

L1 és la lluminositat més clara i L2 la més fosca. El resultat va d'1:1, és a dir, colors idèntics, fins a 21:1 per a negre sobre blanc.

Hi ha dos llindars a tenir en compte:

• 3:1 és el mínim per a text gran
• 4.5:1 és el mínim per a text de mida normal

L'hora és gran, així que 3:1 n'hi ha prou en principi, però una relació més alta és millor a l'exterior. Les etiquetes més petites es beneficien d'un 4.5:1 o més.

Exemple

Amb un fons de #0b1020, un blau marí molt fosc, i text blanc en #ffffff, el contrast és d'aproximadament 18:1, còmode amb qualsevol llum.

Si es canvia el color del recompte de passes a #2a3a5e, un blau proper al fons, la relació baixa a uns 1.6:1. Aleshores el número és gairebé invisible a distància de braç, i l'eina ho marca.

Descarregar el disseny

El botó de descàrrega converteix la previsualització en directe en un PNG de 320 per 320 píxels. La imatge es genera al navegador; no es puja res. El fitxer es pot fer servir com a maqueta, compartir per rebre opinions, o guardar com a referència mentre es construeix l'esfera real amb les eines Connect IQ de Garmin.

Preguntes freqüents

Això crea una esfera que puc instal·lar?

No. Produeix una imatge d'un disseny. Construir una esfera instal·lable requereix el SDK de Connect IQ de Garmin o el Garmin Watch Face Builder.

Per què la previsualització és quadrada si el rellotge és rodó?

La imatge és un llenç quadrat amb una esfera rodona dibuixada a dins, que és com normalment es creen els gràfics d'esferes de rellotge. Les cantonades simplement no es mostren al rellotge.

Quina mida hauria de tenir una esfera real?

Depèn del model. Les pantalles rodones habituals de Garmin són de 240 per 240, 260 per 260 i 416 per 416 píxels. La previsualització fa servir 320 per 320 com a punt intermedi.

Per què el meu color es veu diferent al rellotge?

Les pantalles dels rellotges varien en brillantor i reproducció del color, i les pantalles memory-in-pixel mostren una paleta limitada. Cal tractar la previsualització com una guia i després comprovar la pantalla real.

Què signifiquen els números de contrast?

Són relacions de l'estàndard d'accessibilitat WCAG 2.1, la mateixa mesura que es fa servir per als llocs web. Els números més alts són més fàcils de llegir.