Strumento di anteprima design quadrante Garmin
Progetta e visualizza in anteprima un quadrante rotondo con ora, data, passi e frequenza cardiaca. Scegli combinazioni di colori scure, controlla il contrasto WCAG per la leggibilità e scarica il design come PNG.
Anteprima design quadrante Garmin
Progetta un quadrante rotondo in stile business e osservalo aggiornarsi mentre lo modifichi. Scegli una combinazione di colori scuri, imposta le letture di esempio, controlla il contrasto e scarica il risultato come immagine PNG.
Contrasto rispetto allo sfondo
Un rapporto di 3:1 è il minimo per il testo grande e di 4.5:1 per il testo più piccolo, secondo le WCAG 2.1. Un valore più alto è più leggibile alla luce del sole.
Documentazione
Questo strumento mostra in anteprima nel browser un quadrante rotondo per orologio. Disegna un layout in stile professionale che mostra l'ora, la data, il conteggio dei passi e la frequenza cardiaca, e consente di ricolorare ogni elemento. L'anteprima si aggiorna quando cambiano i colori e il design finito può essere scaricato come immagine PNG.
È solo un'anteprima del design. Non si connette a un orologio e non produce un quadrante installabile.
Cosa mostra l'anteprima
Il quadrante utilizza il layout adottato dalla maggior parte dei quadranti rotondi:
- la data nella parte superiore
- l'ora, in grande, al centro
- il conteggio dei passi e la frequenza cardiaca affiancati nella parte inferiore
- una ghiera con le tacche delle ore lungo il bordo
Le letture di esempio possono essere modificate per valutare il design con numeri realistici. Un conteggio dei passi di quattro cifre occupa più spazio di uno a due cifre e un orologio a 12 ore aggiunge un indicatore AM o PM.
Perché gli schemi cromatici scuri
La maggior parte degli orologi Garmin rotondi utilizza 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 la luce e crea abbagliamento.
Per questo motivo, tutte le preimpostazioni disponibili sono scure. È comunque possibile scegliere uno sfondo chiaro e lo strumento segnalerà che si discosta dalla prassi abituale.
Contrasto e leggibilità
Un orologio viene letto a colpo d'occhio, spesso in condizioni di scarsa illuminazione o mentre ci si muove, quindi il contrasto è più importante che su un telefono. Lo strumento misura il rapporto di contrasto tra ogni elemento e lo sfondo secondo la formula WCAG 2,1.
Il rapporto confronta la luminanza relativa di due colori:
dove C è il rapporto di contrasto.
L1 è la luminanza più chiara e L2 quella più scura. Il risultato va da 1:1, che indica colori identici, a 21:1 per il nero su bianco.
È utile conoscere due soglie:
- 3:1 è il minimo per il testo di grandi dimensioni
- 4,5:1 è il minimo per il testo di dimensioni normali
L'ora è visualizzata in grande, quindi in linea di principio per essa è sufficiente 3:1, ma all'aperto è preferibile un rapporto più elevato. Le etichette più piccole traggono vantaggio da un rapporto di 4,5:1 o superiore.
Esempio di calcolo
Consideriamo uno sfondo #0b1020, un blu marino molto scuro, con testo bianco su #ffffff. Il contrasto è di circa 18:1, un valore confortevole in qualsiasi condizione di luce.
Cambiando il colore del conteggio dei passi in #2a3a5e, un blu vicino allo sfondo, il rapporto scende a circa 1,6:1. A quel punto il numero è quasi invisibile alla distanza di un braccio e lo strumento lo segnala.
Scaricare il design
Il pulsante di download trasforma l'anteprima interattiva in un PNG di 320 per 320 pixel. L'immagine viene generata nel browser; non viene caricato nulla. Il file può essere usato come mockup, condiviso per ricevere commenti o conservato come riferimento durante la realizzazione del quadrante vero e proprio con gli strumenti Connect IQ di Garmin.
Domande frequenti
Questo crea un quadrante che posso installare?
No. Produce un'immagine del design. Per realizzare un quadrante installabile sono necessari l'SDK Connect IQ di Garmin o Garmin Watch Face Builder.
Perché l'anteprima è quadrata se l'orologio è rotondo?
L'immagine è un'area di lavoro quadrata con un quadrante rotondo disegnato al suo interno, come avviene normalmente nella creazione della grafica dei quadranti. Gli angoli semplicemente non vengono mostrati sull'orologio.
Quali dimensioni deve avere un quadrante reale?
Dipende dal modello. I comuni schermi rotondi Garmin hanno dimensioni di 240 per 240, 260 per 260 e 416 per 416 pixel. L'anteprima utilizza 320 per 320 come dimensione intermedia.
Perché il colore appare diverso sull'orologio?
Gli schermi degli orologi variano in luminosità e resa cromatica, mentre gli schermi memory-in-pixel mostrano una tavolozza limitata. Considera l'anteprima come una guida, poi verifica il risultato sullo schermo reale.
Che cosa significano i numeri del contrasto?
Sono rapporti basati sullo standard di accessibilità WCAG 2,1, la stessa misura utilizzata per i siti web. I valori più elevati sono più facili da leggere.