Outil d'aperçu de conception de cadran Garmin

Cet outil affiche l'aperçu d'un cadran de montre rond dans le navigateur. Il dessine une composition de style classique avec l'heure, la date, un compteur de pas et la fréquence cardiaque, et permet de recolorer chaque élément. L'aperçu se met à jour à mesure que les couleurs changent, et le design terminé peut être téléchargé sous forme d'image PNG.

Il s'agit uniquement d'un aperçu de conception. L'outil ne se connecte à aucune montre et ne produit pas de cadran installable.

Ce que montre l'aperçu

Le cadran adopte la disposition retenue par la plupart des cadrans ronds :

• la date en haut
• l'heure en grand au centre
• le compteur de pas et la fréquence cardiaque côte à côte en dessous
• une lunette avec des graduations horaires tout autour

Les valeurs d'exemple peuvent être modifiées afin de juger le design avec des chiffres réalistes. Un compteur de pas à quatre chiffres prend plus de place qu'un compteur à deux chiffres, et une horloge sur 12 heures ajoute un repère AM ou PM.

Pourquoi des jeux de couleurs sombres

La plupart des montres rondes Garmin utilisent un écran memory-in-pixel ou OLED. Sur un écran OLED, un arrière-plan sombre consomme moins d'énergie, car les pixels noirs sont simplement éteints. Les cadrans sombres sont aussi plus faciles à lire en plein soleil, où un arrière-plan clair reflète davantage la lumière.

C'est pourquoi les préréglages proposés ici sont tous sombres. Un arrière-plan clair peut tout de même être choisi, et l'outil signalera alors que ce choix s'écarte de la pratique habituelle.

Contraste et lisibilité

Une montre se lit d'un coup d'œil, souvent dans une lumière faible ou en mouvement, si bien que le contraste compte davantage que sur un téléphone. L'outil mesure le rapport de contraste entre chaque élément et l'arrière-plan à l'aide de la formule WCAG 2.1.

Ce rapport compare la luminance relative de deux couleurs :

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

L1 est la luminance la plus claire et L2 la plus sombre. Le résultat va de 1:1, pour des couleurs identiques, à 21:1 pour du noir sur du blanc.

Deux seuils sont à connaître :

• 3:1 est le minimum pour le texte de grande taille
• 4.5:1 est le minimum pour le texte de taille normale

L'heure est affichée en grand, donc un rapport de 3:1 lui suffit en principe, mais un rapport plus élevé reste préférable en extérieur. Les libellés plus petits gagnent à atteindre 4.5:1 ou plus.

Exemple

Prenons un arrière-plan #0b1020, un bleu marine très sombre, avec un texte blanc #ffffff. Le contraste est d'environ 18:1, ce qui reste confortable quelle que soit la lumière.

En changeant la couleur du compteur de pas pour #2a3a5e, un bleu proche de l'arrière-plan, le rapport chute à environ 1.6:1. Le chiffre devient alors presque invisible à bout de bras, et l'outil le signale.

Télécharger le design

Le bouton de téléchargement transforme l'aperçu en direct en une image PNG de 320 sur 320 pixels. L'image est générée dans le navigateur ; rien n'est envoyé sur un serveur. Le fichier peut servir de maquette, être partagé pour recueillir des avis, ou être conservé comme référence pendant la construction du cadran réel avec les outils Connect IQ de Garmin.

Questions fréquentes

Cet outil crée-t-il un cadran de montre installable ?

Non. Il produit une image d'un design. Construire un cadran installable nécessite le kit de développement Connect IQ de Garmin ou le Garmin Watch Face Builder.

Pourquoi l'aperçu est-il carré alors que la montre est ronde ?

L'image est une toile carrée à l'intérieur de laquelle est dessiné un cadran rond, ce qui correspond à la façon dont les graphismes de cadrans sont habituellement créés. Les coins ne sont simplement pas affichés sur la montre.

Quelle taille doit avoir un vrai cadran de montre ?

Cela dépend du modèle. Les écrans ronds Garmin les plus courants font 240 sur 240, 260 sur 260 et 416 sur 416 pixels. L'aperçu utilise 320 sur 320 comme valeur intermédiaire.

Pourquoi ma couleur paraît-elle différente sur la montre ?

Les écrans des montres varient en luminosité et en reproduction des couleurs, et les écrans memory-in-pixel n'affichent qu'une palette limitée. Il faut considérer l'aperçu comme un guide, puis vérifier sur l'écran réel.

Que signifient les chiffres de contraste ?

Ce sont des rapports issus de la norme d'accessibilité WCAG 2.1, la même mesure utilisée pour les sites web. Plus les chiffres sont élevés, plus la lecture est facile.