ai21.net
言語

モバイル家計簿アプリのモックアップ

モバイル家計簿アプリのモックアップ — 1

プロンプト

Design a polished mobile finance app UI mockup for a fictional neobank called AURAE, shown on a 1290x2796 smartphone screen, front-facing, with a soft off-white background and subtle shadow. Use a calm palette of deep navy, mint green, warm gray, and white. Create a complete home screen with crisp typography, clean spacing, rounded cards, and precise icon alignment. Include a top header with the in-image text "AURAE", "Good morning, Lina", and "Total balance $12,480.36". Add three summary chips labeled "Income +$4,200", "Spent -$1,830", and "Saved 32%". Show a weekly spending bar chart labeled "Mon Tue Wed Thu Fri Sat Sun" and a recent transactions list with "Metro Pass $18.50", "Green Bowl $14.20", and "Rent $1,240.00". Include a bottom nav with "Home", "Cards", "Budget", and "Profile". Prioritize crisp UI hierarchy, realistic mobile app styling, sharp labels, and production-quality mockup presentation.

日本語訳

架空のネオバンク AURAE のための、洗練されたモバイル金融アプリUIモックアップをデザインしてください。1290x2796のスマートフォン画面に正面から表示し、柔らかなオフホワイトの背景と控えめな影を添える。落ち着いた配色としてディープネイビー、ミントグリーン、ウォームグレー、ホワイトを使用。くっきりとしたタイポグラフィ、整った余白、角丸のカード、精密に揃ったアイコンを備えた完全なホーム画面を作成すること。上部ヘッダーに画像内テキスト "AURAE"、"Good morning, Lina"、"Total balance $12,480.36" を入れる。"Income +$4,200"、"Spent -$1,830"、"Saved 32%" とラベルされた3つのサマリーチップを加える。"Mon Tue Wed Thu Fri Sat Sun" とラベルされた週次の支出棒グラフと、"Metro Pass $18.50"、"Green Bowl $14.20"、"Rent $1,240.00" を含む最近の取引リストを表示する。"Home"、"Cards"、"Budget"、"Profile" を備えた下部ナビを含めること。くっきりとしたUIのヒエラルキー、リアルなモバイルアプリのスタイリング、鮮明なラベル、制作品質のモックアップ提示を優先すること。

出典

原作者
wuyoscar
収録元