ai21.net
言語

ヘルストラッカーアプリのモックアップ

ヘルストラッカーアプリのモックアップ — 1

プロンプト

Create a refined mobile health tracking app screen for a fictional wellness product named VITA LOOP, displayed on a tall smartphone with a bright editorial UI aesthetic. Use a palette of soft mint, deep forest green, cream, coral, and cool gray. Compose a daily overview screen with clean cards, circular progress rings, miniature charts, and a tidy bottom navigation. Include crisp in-image text: "VITA LOOP", "Daily Summary", "Steps 8,420", "Sleep 7.6 h", "Heart Rate 64 bpm", and "Hydration 2.1 L". Add three progress rings labeled "Move 78%", "Recovery 84%", and "Focus 66%". Show a weekly chart labeled "Mon Tue Wed Thu Fri Sat Sun" and two buttons reading "Log Meal" and "Start Session". Add a health insight card with the text "Recovery improved 12% this week". The result should feel production-ready, medically clean, carefully spaced, sharply rendered, and optimized for crisp typography and accurate labels.

日本語訳

VITA LOOP という架空のウェルネス製品のための、洗練されたモバイル健康トラッキングアプリの画面を作成してください。縦長のスマートフォンに表示し、明るくエディトリアルな UI 美学を持たせます。ソフトミント、深いフォレストグリーン、クリーム、コーラル、クールグレーのパレットを使用してください。きれいなカード、円形のプログレスリング、ミニチャート、整ったボトムナビゲーションを備えたデイリー概要画面を構成してください。画像内には明瞭なテキストを含めてください:"VITA LOOP"、"Daily Summary"、"Steps 8,420"、"Sleep 7.6 h"、"Heart Rate 64 bpm"、"Hydration 2.1 L"。"Move 78%"、"Recovery 84%"、"Focus 66%" とラベルされた 3 つのプログレスリングを追加してください。"Mon Tue Wed Thu Fri Sat Sun" とラベルされた週間チャートと、"Log Meal" と "Start Session" という 2 つのボタンを表示してください。"Recovery improved 12% this week" というテキストの健康インサイトカードを追加してください。結果は、製品としてすぐに使える完成度、医療的にクリーン、丁寧な余白、シャープなレンダリングで、明瞭なタイポグラフィと正確なラベルに最適化されているように感じられるものにしてください。

出典

原作者
wuyoscar
収録元