Pulse
デザイン概要
Pulse は、熱心なランナー向けに時計データ、回復、ランニングサマリー、週間トレーニング負荷を統合します。100本の等間隔の目盛りが特大の回復スコアを1点1目盛りで囲み、暗いインターフェースでは1つの蛍光シグナルカラーだけで重要なデータを強調します。
検証記録
確認済み3枚の390×844画面による独立ビジュアルレビューでは、78、10.24、227を中心とする一貫した主数字の階層を確認し、ランニング時間、11区間、週間負荷合計の関係を照合しました。ルートには街の街区、河岸、縮尺、北方向の指標が含まれます。
検証の範囲そのレビューでは、負荷グラフに前週との比較がなく、+69%の警告を一目で裏づけられないこと、心拍ゾーンのラベルと回復リングにも課題があることを指摘しました。対象は静止フレームのみで、アニメーション、ルート再生、区間展開、共有、日付切り替えはレビューしていません。
プロンプト
製品:Pulse。本格的にトレーニングするランナー向けに、時計と接続してランニングと回復を記録するアプリ。
スタイル:データを主なビジュアルにする。特大の数字、強いコントラスト、暗い背景、エネルギッシュな1つのシグナルカラーを使う。グラフを洗練させ、リング、バー、ヒートマップセルで数値を目に見える量として表す。
3つの主要画面をデザインする:
- Today:78などの回復スコア、睡眠、心拍変動、その日の推奨トレーニング強度。
- ランニングサマリー:距離、ペース、心拍ゾーン、SVGで描いた現実的なルート、区間ペース。
- 今週のトレーニング負荷:7日間の負荷と回復を示し、過剰トレーニングを一目で分かるようにする。
回復スコアの表現を、毎朝確認したくなるほど印象的にする。
アプリ画面を390×844でデザインする。`index.html` と、3画面を横に並べた `screens.html` を納品する。
中国語の元のプロンプトを見る
产品:「Pulse」,一个跑步和恢复追踪 App,连接手表,给认真训练的跑者用。
风格:数据就是主视觉。超大的数字、强烈的对比、深色背景配一种有能量的信号色;图表要精致,数字画成看得见的量(环、条、热力格子)。
设计 3 个关键屏:
- 今天:恢复分数(例如 78)、睡眠、心率变异性,给出今天建议的训练强度。
- 一次跑步的总结:距离、配速、心率区间、路线(用 SVG 画一条真实感的路线)、分段配速。
- 本周训练负荷:七天的负荷和恢复,是否过度训练一眼看出。
记忆点:恢复分数的呈现方式,要让人每天早上都想打开看一眼。
App 屏幕按 390×844 设计,交付 `index.html` 和把三屏并排的 `screens.html`。
ライブデモを開く