Herramienta de vista previa de diseño de esfera Garmin
Diseña y previsualiza una esfera de reloj redonda con hora, fecha, pasos y frecuencia cardíaca. Elige esquemas de color oscuros, comprueba el contraste WCAG para la legibilidad y descarga el diseño como PNG.
Vista previa de diseño de esfera Garmin
Diseña una esfera de reloj redonda de estilo clásico y observa cómo se actualiza al modificarla. Elige un esquema de colores oscuro, define los valores de ejemplo, comprueba el contraste y descarga el resultado como PNG.
Contraste con el fondo
Según la norma WCAG 2.1, una proporción de 3:1 es el mínimo para texto grande y de 4.5:1 para texto más pequeño. Cuanto más alta sea, más fácil será leerla bajo el sol.
Documentación
Esta herramienta muestra la vista previa de una esfera de reloj redonda en el navegador. Dibuja un diseño de estilo clásico con la hora, la fecha, un contador de pasos y la frecuencia cardíaca, y permite cambiar el color de cada elemento. La vista previa se actualiza al cambiar los colores, y el diseño terminado se puede descargar como imagen PNG.
Es solo una vista previa de diseño. No se conecta a ningún reloj ni genera una esfera instalable.
Qué muestra la vista previa
La esfera usa la disposición habitual en la mayoría de las esferas redondas:
- la fecha en la parte superior
- la hora en grande en el centro
- el contador de pasos y la frecuencia cardíaca uno junto al otro debajo
- un bisel con marcas de hora alrededor del borde
Los valores de ejemplo se pueden cambiar para juzgar el diseño con cifras realistas. Un contador de pasos de cuatro dígitos ocupa más espacio que uno de dos, y un reloj de 12 horas añade un indicador AM o PM.
Por qué esquemas de color oscuros
La mayoría de los relojes redondos Garmin usan una pantalla de memoria en píxel (memory-in-pixel) o OLED. En una pantalla OLED, un fondo oscuro consume menos energía porque los píxeles negros simplemente se apagan. Las esferas oscuras también se leen mejor con luz solar intensa, donde un fondo claro refleja más el resplandor.
Por eso los preajustes de esta herramienta son todos oscuros. También se puede elegir un fondo claro, y la herramienta avisará de que se aparta de la práctica habitual.
Contraste y legibilidad
Un reloj se lee de un vistazo, a menudo con poca luz o en movimiento, así que el contraste importa más que en un teléfono. La herramienta mide la relación de contraste entre cada elemento y el fondo con la fórmula de WCAG 2.1.
La relación compara la luminancia relativa de dos colores:
contrast = (L1 + 0.05) ÷ (L2 + 0.05)
L1 es la luminancia más clara y L2 la más oscura. El resultado va de 1:1, que significa colores idénticos, a 21:1 para negro sobre blanco.
Hay dos umbrales que conviene conocer:
- 3:1 es el mínimo para texto grande
- 4.5:1 es el mínimo para texto de tamaño normal
La hora es grande, así que en principio le basta con 3:1, pero una relación más alta es mejor al aire libre. Las etiquetas más pequeñas se benefician de 4.5:1 o más.
Ejemplo
Tómese un fondo #0b1020, un azul marino muy oscuro, con texto blanco #ffffff. El contraste es de unos 18:1, cómodo con cualquier luz.
Si se cambia el color del contador de pasos a #2a3a5e, un azul cercano al fondo, la relación baja a aproximadamente 1.6:1. El número queda entonces casi invisible a distancia de brazo, y la herramienta lo señala.
Descargar el diseño
El botón de descarga convierte la vista previa en directo en un PNG de 320 por 320 píxeles. La imagen se genera en el navegador; no se sube nada. El archivo se puede usar como maqueta, compartir para recibir opiniones o guardar como referencia mientras se construye la esfera real con las herramientas Connect IQ de Garmin.
Preguntas frecuentes
¿Esto crea una esfera de reloj que se pueda instalar?
No. Produce una imagen de un diseño. Para construir una esfera instalable hace falta el SDK Connect IQ de Garmin o el Garmin Watch Face Builder.
¿Por qué la vista previa es cuadrada si el reloj es redondo?
La imagen es un lienzo cuadrado con una esfera redonda dibujada dentro, que es como suelen crearse los gráficos de esferas de reloj. Las esquinas simplemente no se muestran en el reloj.
¿Qué tamaño debe tener una esfera de reloj real?
Depende del modelo. Las pantallas redondas Garmin más comunes son de 240 por 240, 260 por 260 y 416 por 416 píxeles. La vista previa usa 320 por 320 como término medio.
¿Por qué mi color se ve distinto en el reloj?
Las pantallas de los relojes varían en brillo y reproducción del color, y las pantallas de memoria en píxel muestran una paleta limitada. Hay que tratar la vista previa como una guía y luego comprobar la pantalla real.
¿Qué significan los números de contraste?
Son relaciones del estándar de accesibilidad WCAG 2.1, la misma medida usada para sitios web. Los números más altos son más fáciles de leer.