Splitwater
デザイン概要
Splitwater は、198×242の黒いウォッチ画面で、水泳、休憩、ウォーターロック、一時停止、サマリーを表示し、各ビューで一つの大きな数字を主役にします。新しい往復では往復マークの次の半分だけが光り、休憩とクラウンのロック解除はシアンの進行リングを共有します。ワークアウト記録はローカル保存できます。
検証記録
確認済み5画面、詳細キャプチャ、連続タイムラインの独立レビューでは、往復数と往復マークの同期、数字と単位の一貫したグループ化、ロック解除後に元のアクティビティへ戻り往復が誤って増えないことを確認しました。
検証の範囲レビュアーはブラウザーを操作していません。実際の時計での濡れた画面の使用、クラウンの抵抗、振動、センサー、一目での可読性は未検証で、サンプルフレームでは完全なイージング体験を証明できません。
プロンプト
プールでのワークアウトを記録するウォッチアプリ(各画面を198×242でデザインし、時計のケースやストラップは描かない)。英語のインターフェースとし、往復数、ペース、心拍数、休憩カウントダウン、水泳後のサマリーを表示する。
手首を一目見るだけで分かるように、各画面では一つの大きな数字を主役にする。1往復完了するたびに往復数が短く跳ねて更新される。休憩中はカウントダウンリングが一周し、振動でプールに戻る合図をする。画面が濡れるため、クラウンを回してロック解除し、その状態をインターフェースに表示する。
色:ウォッチ画面はピュアブラック、プールシアンをメインカラー、数字は白とする。暖色は使わない。
水泳中、休憩カウントダウン、ウォーターロック、一時停止と終了、ワークアウトサマリーの5画面をデザインする。1つのインタラクティブ画面を持つ `index.html` と、5画面を横に並べた `screens.html` を納品する。198×242、DPR=4でスクリーンショットを撮影する。
中国語の元のプロンプトを見る
一个记录泳池训练的手表 App(屏幕按 198×242 设计,不画表壳和表带),界面用英文:训练中的趟数、配速、心率、休息倒计时,以及游完后的总结。
抬腕一眼就够是这件作品的核心:每一屏只有一个大数字是主角;每游完一趟,趟数跳一下;休息时一圈倒计时环走完就震动提示下水。屏幕会沾水,所以用转动表冠来解锁,界面上要有对应的状态。
配色:纯黑的表盘底,泳池的青色做主色,白色数字;不用暖色。
设计五屏:训练中、休息倒计时、屏幕锁定、暂停与结束、训练总结。交付 `index.html`(一块可操作的屏)和把五屏并排的 `screens.html`。截图按 198×242、DPR=4。
ライブデモを開く