Pulse
디자인 요약
Pulse는 꾸준히 훈련하는 러너를 위해 워치 데이터, 회복, 러닝 요약, 주간 훈련 부하를 결합합니다. 균일한 눈금 100개가 초대형 회복 점수를 1점당 한 칸으로 둘러싸고 어두운 인터페이스는 하나의 형광 신호색으로 핵심 데이터를 강조합니다.
검증 기록
확인됨세 장의 390×844 화면에 대한 독립 시각 리뷰에서 78, 10.24, 227의 일관된 주 숫자 계층을 확인하고 러닝 시간, 11개 구간, 주간 부하 합계의 관계를 검토했습니다. 경로에는 도시 블록, 강변, 축척, 북쪽 표시가 있습니다.
검증 범위리뷰는 부하 차트에 +69% 경고를 한눈에 뒷받침할 전주 비교가 없고 심박 구역 라벨과 회복 링에도 문제가 있다고 지적했습니다. 정적 프레임만 다뤘으며 애니메이션, 경로 재생, 구간 확장, 공유, 날짜 전환은 검토하지 않았습니다.
프롬프트
제품: 워치와 연동되며 진지하게 훈련하는 러너를 위한 러닝 및 회복 추적 앱 Pulse입니다.
스타일: 데이터가 주된 시각 요소입니다. 초대형 숫자, 강한 대비, 어두운 배경, 에너지 넘치는 단일 신호색을 사용하세요. 차트는 정교하게 만들고 링, 막대, 히트맵 셀로 숫자를 눈에 보이는 양으로 표현하세요.
세 가지 핵심 화면을 디자인하세요.
- Today: 78 같은 회복 점수, 수면, 심박 변이도, 당일 추천 훈련 강도.
- 러닝 요약: 거리, 페이스, 심박 구역, SVG로 그린 현실적인 경로, 구간 페이스.
- 이번 주 훈련 부하: 7일간의 부하와 회복으로 과훈련을 한눈에 알 수 있게 표현.
회복 점수 표현을 사용자가 매일 아침 확인하고 싶을 만큼 기억에 남게 만드세요.
앱 화면은 390×844로 디자인하세요. `index.html`과 세 화면을 나란히 배치한 `screens.html`을 전달하세요.
중국어 원본 프롬프트 보기
产品：「Pulse」，一个跑步和恢复追踪 App，连接手表，给认真训练的跑者用。
风格：数据就是主视觉。超大的数字、强烈的对比、深色背景配一种有能量的信号色；图表要精致，数字画成看得见的量（环、条、热力格子）。
设计 3 个关键屏：
- 今天：恢复分数（例如 78）、睡眠、心率变异性，给出今天建议的训练强度。
- 一次跑步的总结：距离、配速、心率区间、路线（用 SVG 画一条真实感的路线）、分段配速。
- 本周训练负荷：七天的负荷和恢复，是否过度训练一眼看出。
记忆点：恢复分数的呈现方式，要让人每天早上都想打开看一眼。
App 屏幕按 390×844 设计，交付 `index.html` 和把三屏并排的 `screens.html`。
