Outil d'aperçu de conception de cadran Garmin
Concevez et prévisualisez un cadran de montre rond avec l'heure, la date, les pas et la fréquence cardiaque. Choisissez des jeux de couleurs sombres, vérifiez le contraste WCAG pour la lisibilité et téléchargez le design au format PNG.
Aperçu de conception de cadran Garmin
Concevez un cadran de montre rond, de style classique, et regardez-le se mettre à jour au fil de vos modifications. Choisissez un jeu de couleurs sombre, définissez les valeurs d'exemple, vérifiez le contraste et téléchargez le résultat au format PNG.
Contraste par rapport à l'arrière-plan
Selon la norme WCAG 2.1, un rapport de 3:1 est le minimum pour le texte de grande taille et de 4.5:1 pour le texte plus petit. Plus le rapport est élevé, plus le texte est facile à lire en plein soleil.
Documentation
Cet outil affiche un aperçu d’un cadran de montre rond dans le navigateur. Il dessine une présentation de style professionnel avec l’heure, la date, le nombre de pas et la fréquence cardiaque, et permet de recolorer chaque élément. L’aperçu se met à jour lorsque 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 design. Il ne se connecte pas à une montre et ne produit pas de cadran installable.
Ce que montre l’aperçu
Le cadran reprend la disposition généralement adoptée par les cadrans de montre ronds :
- la date en haut, sur toute la largeur
- l’heure en grand au centre
- le nombre de pas et la fréquence cardiaque côte à côte en dessous
- une lunette avec des graduations horaires sur le pourtour
Les valeurs d’exemple peuvent être modifiées afin d’évaluer le design avec des nombres réalistes. Un nombre de pas à quatre chiffres prend plus de place qu’un nombre à deux chiffres, et une horloge sur 12 heures ajoute un indicateur AM ou PM.
Pourquoi des jeux de couleurs sombres
La plupart des montres Garmin rondes utilisent un écran à mémoire de pixels 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 également plus faciles à lire en plein soleil, où un arrière-plan clair réfléchit les reflets lumineux.
Les préréglages proposés sont tous sombres pour cette raison. Il est toutefois possible de choisir un arrière-plan clair, et l’outil signalera que cela s’écarte de la pratique habituelle.
Contraste et lisibilité
Une montre se lit d’un coup d’œil, souvent dans une faible luminosité ou en mouvement ; le contraste est donc plus important 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 de WCAG 2,1.
Le rapport compare la luminance relative de deux couleurs :
où C est le ratio de contraste.
L1 est la luminance la plus claire et L2 la plus sombre. Le résultat va de 1:1, qui correspond à des couleurs identiques, à 21:1 pour du noir sur du blanc.
Deux seuils sont utiles à connaître :
- 3:1 est le minimum pour un texte de grande taille
- 4,5:1 est le minimum pour un texte de taille normale
L’heure est affichée en grand : 3:1 suffit donc en principe, mais un rapport plus élevé est préférable à l’extérieur. Les libellés plus petits bénéficient d’un rapport de 4,5:1 ou plus.
Exemple détaillé
Prenons un arrière-plan de couleur #0b1020, un bleu marine très sombre, avec du texte blanc en #ffffff. Le contraste est d’environ 18:1, ce qui offre une lecture confortable quelle que soit la luminosité.
Remplacez la couleur du nombre de pas par #2a3a5e, un bleu proche de l’arrière-plan : le rapport tombe alors à environ 1,6:1. Le nombre devient 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 un fichier PNG de 320 par 320 pixels. L’image est générée dans le navigateur ; rien n’est téléversé. Le fichier peut servir de maquette, être partagé pour recueillir des avis ou être conservé comme référence lors de la création du véritable cadran dans les outils Connect IQ de Garmin.
Foire aux questions
Cela crée-t-il un cadran de montre que je peux installer ?
Non. L’outil produit une image représentant un design. La création d’un cadran installable nécessite le SDK 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 dans laquelle un cadran rond est dessiné, ce qui correspond à la manière dont les graphismes de cadran sont généralement conçus. Les coins ne sont tout simplement pas affichés sur la montre.
Quelle doit être la taille d’un véritable cadran de montre ?
Cela dépend du modèle. Les écrans ronds Garmin courants mesurent 240 par 240, 260 par 260 et 416 par 416 pixels. L’aperçu utilise 320 par 320 pixels comme compromis intermédiaire.
Pourquoi ma couleur paraît-elle différente sur la montre ?
La luminosité et la reproduction des couleurs varient selon les écrans de montre, et les écrans à mémoire de pixels affichent une palette limitée. Considérez l’aperçu comme un guide, puis vérifiez le résultat sur l’écran réel.
Que signifient les valeurs de contraste ?
Ce sont des rapports définis par la norme d’accessibilité WCAG 2,1, qui correspondent à la même mesure que celle utilisée pour les sites web. Plus les valeurs sont élevées, plus la lecture est facile.