Pulse
Resumen del diseño
Pulse combina datos del reloj, recuperación, resúmenes de carrera y carga semanal de entrenamiento para corredores que entrenan en serio. Cien marcas uniformes rodean la enorme puntuación de recuperación, una por punto, y una interfaz oscura usa un único color de señal fluorescente para destacar los datos clave.
Registro de verificación
VerificadoUna revisión visual independiente de las tres pantallas a 390×844 confirmó una jerarquía coherente alrededor de 78, 10.24 y 227, y comprobó las relaciones entre duración de carrera, 11 segmentos y carga semanal total. La ruta incluye manzanas, una ribera, una escala y un indicador de norte.
Límites de la verificaciónEsa revisión no encontró una comparación con la semana anterior en el gráfico de carga que respaldara de un vistazo su advertencia de +69 %, y también identificó problemas en las etiquetas de zonas de frecuencia cardiaca y el anillo de recuperación. Abarcó solo fotogramas estáticos, no animación, reproducción de ruta, expansión de segmentos, compartir ni cambio de fecha.
Prompt
Producto: Pulse, una app de seguimiento de carrera y recuperación conectada a un reloj, para corredores que entrenan en serio.
Estilo: los datos son el elemento visual principal. Usa números sobredimensionados, contraste fuerte, fondo oscuro y un color de señal enérgico. Los gráficos deben estar refinados, con números representados como cantidades visibles mediante anillos, barras y celdas de mapa de calor.
Diseña tres pantallas clave:
- Hoy: una puntuación de recuperación como 78, sueño, variabilidad de la frecuencia cardiaca y una intensidad de entrenamiento recomendada para el día.
- Resumen de carrera: distancia, ritmo, zonas de frecuencia cardiaca, una ruta realista dibujada en SVG y ritmos por segmentos.
- Carga de entrenamiento de esta semana: siete días de carga y recuperación, con el sobreentrenamiento visible de un vistazo.
Haz que la presentación de la puntuación de recuperación sea lo bastante memorable para que los usuarios quieran consultarla cada mañana.
Diseña las pantallas de la app a 390×844. Entrega `index.html` y `screens.html` con las tres pantallas una al lado de otra.
Ver el prompt original en chino
产品:「Pulse」,一个跑步和恢复追踪 App,连接手表,给认真训练的跑者用。
风格:数据就是主视觉。超大的数字、强烈的对比、深色背景配一种有能量的信号色;图表要精致,数字画成看得见的量(环、条、热力格子)。
设计 3 个关键屏:
- 今天:恢复分数(例如 78)、睡眠、心率变异性,给出今天建议的训练强度。
- 一次跑步的总结:距离、配速、心率区间、路线(用 SVG 画一条真实感的路线)、分段配速。
- 本周训练负荷:七天的负荷和恢复,是否过度训练一眼看出。
记忆点:恢复分数的呈现方式,要让人每天早上都想打开看一眼。
App 屏幕按 390×844 设计,交付 `index.html` 和把三屏并排的 `screens.html`。
Abrir ejemplo interactivo