
Lumen ウェルネスアプリUIコンセプト
すりガラス表現と日本語タイポグラフィを取り入れた、落ち着きのあるiOS風ムード&呼吸記録アプリUIを生成します。アプリ名やラベルテキストを自由に変更できます。
プロンプト
柔らかなApple風グラスモフィズムと日本語UIテキストを採用した、ライトテーマの気分・呼吸記録ウェルネスアプリ「[Lumen]」の洗練されたiOS風モックアップ。 構図とレイアウト:縦型のモバイルスクリーンショット(アスペクト比9:16)。左上に洗練されたセリフ体でアプリ名「[Lumen]」、その下に小さく濃いグレーの日本語でサブタイトル「今日の光」。右上には3本線のハンバーガーメニューが入った半透明の丸いボタンを配置。 背景:淡いクリームホワイトのベースに、下部には柔らかな水彩風の山並みと葦のシルエット。中央を縦に走る光の軌跡は、上部の温かみのあるピーチ色から下部のペールブルーへと緩やかにグラデーションしながら発光。 主要UI要素(縦に並ぶ5つの浮遊するすりガラスカード): 1. 上部ミニピルカード:左側にピーチ色の太陽アイコン、ラベル「集中」、時刻「10:20」、右側に小さなオレンジのステータスドット。 2. 選択中ピルカード:ミントグリーンの発光アウトラインを持つ半透明ホワイトのピル。左にティール色の波・呼吸アイコン、ラベル「穏やか」、時刻「15:40」、右に小さなティール色のドット。下部に小さな下向きの切り込みがあり、展開カードへと繋がる。 3. 展開された気分入力カード:大きな角丸フロストガラスパネル。左上に同じティール色の波アイコン、タイトル「穏やか」、時刻「15:40」、右上に丸い「×」閉じるボタン。中央に悲しい顔・バー・笑顔の3要素からなる水平スライダー。その下に「深呼吸のあと、少し軽くなった」と鉛筆アイコンが入った入力欄。最下部に「記録する」と書かれたティールグラデーションボタン。 4. 下部ミニピルカード:左に青い月と星のアイコン、ラベル「回復」、時刻「20:45」、右に小さな青いドット。 5. ボトムナビゲーションバー:幅広の半透明カプセル型。左にグラフアイコン、中央に黄金色に光る丸ボタン(下に「気分を追加」のラベル)、右にハートのアウトラインアイコンの計3つのコントロール。 スタイル:ミニマルで上質なiOSアプリデザイン、フロストガラスの質感、柔らかなドロップシャドウ、繊細な光彩、チャコール色の文字。端末フレームやステータスバー、透かしはなし。
カスタマイズできる部分
生成する前に、プロンプトのこれらの部分を自分のテーマや文言に置き換えてください。
[Lumen]プレースホルダー“今日の光”引用符内の文言“集中”引用符内の文言“10:20”引用符内の文言“穏やか”引用符内の文言“15:40”引用符内の文言“×”引用符内の文言“深呼吸のあと、少し軽くなった”引用符内の文言
プロンプトの詳細
- カテゴリ
- UI / UX デザイン
- モデル
- GPT IMAGE 2
- 1 枚あたりのコスト
- 1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
- アスペクト比
- 9:16
- 追加日