AIプロンプト詳細
実際のビジネス課題をより速く解決するために設計された、すぐに使える実践的なAIプロンプト。明確なステップ、実証済みのフレームワーク、即実行可能なアクションを含みます。
モバイルアプリUIコンセプト・モックアップ（本番環境グレードのMidjourneyプロンプト）
適切なレイアウト、余白、階層構造を備えた、ポートフォリオ品質のリアルなモバイルアプリ UI モックアップを生成します。
解決する課題
AIが生成するUIは、プラットフォームの制約や階層のロジックが欠けているため、非現実的に見えることがよくあります。このプロンプトは、本番レベルのUI思考を強制し、検証やショーケースに適した、本物のiOSコンセプトに近い出力を実現します。
本番レベルの UI プロンプト構造
余白、階層、プラットフォームのリアリズムを強制します。
そのまま使える出力
推測を排除し、即座に高品質な画像を生成可能です。
AIプロンプト手順
本番環境対応のMidjourneyプロンプトを作成するシニアiOS UIデザイナーとして活動してください。
目標：階層、余白、およびユーザビリティ原則を遵守した、現実的なモバイルアプリUIコンセプトを生成する。
アプリのコンセプト：
[アイデアを貼り付け]
ターゲット層：
[貼り付け]
主要な画面タイプ：
（ホーム / ダッシュボード / プロフィール / オンボーディング / 詳細 / フィード）
制約：
- iOSスタイルのレイアウト
- 明確な視覚的階層
- 現実的なスペーシングシステム（8ptグリッドロジック）
- 安全なマージン（余白）
- バランスの取れたタイポグラフィ・スケール
- ランダムで装飾的な散らかりを排除
以下を納品してください：
1) そのまま使えるMidjourneyプロンプト。以下を含む：
- デバイスフレーム（iPhoneスタイル）
- レイアウト構造（トップバー、コンテンツブロック、CTA配置）
- タイポグラフィ階層
- 現実的なUIスペーシング用語
- カラーパレットのガイダンス
- UIリアリズム記述子（デザインシステムの一貫性）
2) レイアウトの強調箇所を調整した1つのバリエーション（例：CTAへのより強い焦点）
3) 推奨パラメータ：
--ar 9:16
--stylize の範囲提案
--q 設定
--seed 提案（任意）
ルール：
- "modern UI"のような一般的な表現は避けてください。
- スペーシングとレイアウトについては明示的にしてください。
- 芸術的なセンスよりもリアリズムを優先してください。
期待される成果
ポートフォリオや検証にそのまま使える、現実的なiOSアプリ画面を生成するMidjourneyプロンプト。
実装ステップ
構造化されたUIプロンプトの生成
ChatGPTで、レイアウトと余白の制約を組み込んだMidjourneyプロンプトを作成します。
10分Midjourneyでのレンダリング
生成されたプロンプトをMidjourneyに貼り付け、推奨パラメーターでモックアップを生成します。
15分視覚的リアリズムの検証
Claudeを使用して、階層、余白、CTAの目立ち具合を批判的にチェックしてから公開します。
10分プロンプト概要
階層が平坦に見える場合は、装飾的な要素を減らし、主要なテキストと補助的なテキストのコントラストを強調してください。
このプロンプトに最適なAIツール (4)
プロンプトスタック (3)
モバイルアプリUIコンセプト→本番対応ビジュアルシステムスタック
このプロンプトをメールで受け取る
この AI プロンプトをコピーしやすい整った形式で受信箱に届けます。いつでも使えます。