Strumento di anteprima design quadrante Garmin

Questo strumento mostra l'anteprima di un quadrante rotondo nel browser. Disegna una disposizione in stile business con l'ora, la data, un numero di passi e una frequenza cardiaca, e permette di cambiare il colore di ogni elemento. L'anteprima si aggiorna quando i colori cambiano, e il design finito può essere scaricato come immagine PNG.

È solo un'anteprima di design. Non si collega a un orologio e non produce un quadrante installabile.

Cosa mostra l'anteprima

Il quadrante usa la disposizione tipica della maggior parte dei quadranti rotondi:

• la data in alto
• l'ora grande al centro
• il numero di passi e la frequenza cardiaca affiancati sotto
• una ghiera con gli indici delle ore intorno al bordo

Le letture di esempio possono essere cambiate, così il design viene valutato con numeri realistici. Un numero di passi a quattro cifre occupa più spazio di uno a due cifre, e un orologio a 12 ore aggiunge un indicatore AM o PM.

Perché combinazioni di colori scure

La maggior parte degli orologi rotondi Garmin usa uno schermo memory-in-pixel o OLED. Su uno schermo OLED, uno sfondo scuro consuma meno energia, perché i pixel neri sono semplicemente spenti. I quadranti scuri sono anche più facili da leggere alla luce diretta del sole, dove uno sfondo chiaro riflette il bagliore.

Per questo motivo, le combinazioni predefinite qui sono tutte scure. È comunque possibile scegliere uno sfondo chiaro, e lo strumento segnalerà che si discosta dalla pratica comune.

Contrasto e leggibilità

Un orologio si legge con uno sguardo veloce, spesso con poca luce o in movimento, quindi il contrasto conta più che su un telefono. Lo strumento misura il rapporto di contrasto tra ogni elemento e lo sfondo usando la formula delle WCAG 2.1.

Il rapporto confronta la luminanza relativa di due colori:

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

L1 è la luminanza più chiara e L2 quella più scura. Il risultato va da 1:1, che significa colori identici, a 21:1 per il nero su bianco.

Due soglie sono utili da conoscere:

• 3:1 è il minimo per il testo grande
• 4.5:1 è il minimo per il testo di dimensioni normali

L'ora è grande, quindi 3:1 è in linea di principio sufficiente per essa, ma un rapporto più alto è meglio all'aperto. Le etichette più piccole beneficiano di 4.5:1 o più.

Esempio

Si prenda uno sfondo #0b1020, un blu navy molto scuro, con testo bianco #ffffff. Il contrasto è di circa 18:1, comodo con qualsiasi luce.

Si cambi il colore del numero di passi in #2a3a5e, un blu vicino allo sfondo, e il rapporto scende a circa 1.6:1. Il numero diventa allora quasi invisibile a distanza di un braccio, e lo strumento lo segnala.

Scaricare il design

Il pulsante di download trasforma l'anteprima dal vivo in un PNG di 320 x 320 pixel. L'immagine viene generata nel browser; non viene caricato nulla online. Il file può essere usato come bozza, condiviso per un parere, o tenuto come riferimento mentre si costruisce il vero quadrante con gli strumenti Connect IQ di Garmin.

Domande frequenti

Questo strumento crea un quadrante che posso installare?

No. Produce l'immagine di un design. Costruire un quadrante installabile richiede il Connect IQ SDK di Garmin o il Garmin Watch Face Builder.

Perché l'anteprima è quadrata se l'orologio è rotondo?

L'immagine è una tela quadrata con un quadrante rotondo disegnato al suo interno, il modo normale in cui si creano le grafiche dei quadranti. Gli angoli semplicemente non vengono mostrati sull'orologio.

Che dimensione dovrebbe avere un quadrante reale?

Dipende dal modello. I display rotondi Garmin più comuni sono 240 x 240, 260 x 260 e 416 x 416 pixel. L'anteprima usa 320 x 320 come via di mezzo.

Perché il mio colore appare diverso sull'orologio?

Gli schermi degli orologi variano per luminosità e resa cromatica, e gli schermi memory-in-pixel mostrano una tavolozza limitata. L'anteprima va considerata come una guida; il colore va poi verificato sullo schermo reale.

Cosa significano i numeri di contrasto?

Sono rapporti dello standard di accessibilità WCAG 2.1, la stessa misura usata per i siti web. Numeri più alti sono più facili da leggere.