プロンプト
アプリのイメージを画像で伝える(UIモック生成)
📝 プロンプトの説明
「こんなアプリが欲しい」をAIで画像にして見せられます。開発前のアイデア段階で、UIイメージを作ってチームや仲間に共有できます。 ■ 使い方 ・アプリの種類・目的・画面構成を{...}に記入 ・配色やタブ名をイメージに合わせて変更 ・例: 「副業マッチングアプリ」「ペット管理アプリ」「家計簿アプリ」 ■ こんな方におすすめ ・アプリのアイデアをビジュアルで伝えたい方 ・企画書やプレゼンにイメージ画像を付けたい方 ・開発前にUI案を検討したいチーム ■ ポイント ・画面の構成要素は3〜4つに絞ると見やすい ・キャッチコピーを入れるとコンセプトが伝わりやすい ■ 注意点 ・コーディング用のUIではなく、イメージ共有用の画像です ・細かい文字は崩れやすいので、大きな要素を中心に指定
画像
プロンプト
{アプリの種類(例: ヘルスケア管理アプリ)}のUIデザインを作成してください。
コンセプト: {アプリの目的(例: ユーザーが歩数、睡眠、食事を記録して健康状態を可視化できるアプリ)}。
配色: {メインカラー(例: 落ち着いた青)}と{サブカラー(例: 白)}を基調にした{印象(例: 清潔感と信頼感)}のある配色。
レイアウト構成:
・上部に{メイン表示(例: 今日の健康スコア)}を大きく表示
・中央に{3つの指標(例: 歩数/睡眠時間/食事評価)}をアイコンで表示
・下部に{グラフ(例: 7日間の健康推移)}
・「{タブ1(例: 入力)}」「{タブ2(例: 目標)}」「{タブ3(例: プロフィール)}」などのボタンを下部ナビゲーションに設置
スマホ画面に最適化した縦長UI。
シンプルで直感的な操作感。
商用利用を想定したデザイン。
キャッチコピー「{キャッチコピー(例: 毎日の健康を、手のひらに)}」を上部に配置。