
UI / UX デザイン
栄養・食事スキャンアプリのプロトタイプ展示ボード
AI栄養記録iOSアプリのマルチ画面Figma風プレゼンボードを生成します。アプリ名、スキャン対象の料理、アクセントカラーを自由に変更可能です。
uiモックアップモバイルアプリ栄養記録展示ボード食事スキャナーfigmaデザイン
プロンプト
{
"type": "栄養・食事スキャンアプリのモバイルアプリプロトタイププレゼンボード",
"overall_style": "クリーンでモダンなiOS UIモックアップ、白背景、角丸カード、柔らかな影、健康テック系グリーンアクセントカラー、Poppins風タイポグラフィ、横並び配置のリアルなプロダクトデザインショーケース",
"app": {
"name": "[Caloryx]",
"language": "Spanish",
"concept": "AI搭載の食事スキャン、カロリー記録、栄養分析、より健康的な代替案提示、進捗ダッシュボード"
},
"layout": {
"canvas": "上段に5台の大型iPhoneモックアップ、下段にブランドシステム要素を配置した横長プレゼンシート",
"top_row": {
"count": 5,
"screens": [
{
"title": "MENÚ",
"position": "far left",
"description": "プロフィールの挨拶、背後のぼかし画面、垂直に並ぶナビゲーション項目を備えたスライド式サイドドロワー",
"visible_text": [
"Hola, Laura! 👋",
"Tu viaje saludable",
"Inicio",
"Panel principal",
"Análisis",
"Historial y resultados",
"Metas",
"Objetivos y progreso",
"Tendencias",
"Estadísticas",
"Ajustes",
"Preferencias",
"Ayuda",
"Soporte y tutoriales",
"Caloryx PRO",
"Desbloquea todas las funciones",
"Cerrar sesión"
],
"counted_items": {
"navigation_items_count": 7,
"navigation_items": [
"Inicio",
"Análisis",
"Metas",
"Tendencias",
"Ajustes",
"Ayuda",
"Cerrar sesión"
],
"promotional_cards_count": 1,
"promotional_cards": [
"Caloryx PRO"
]
}
},
{
"title": "HOME (NUEVO)",
"position": "left center",
"description": "ユーザーへの挨拶、本日のカロリー概要、マクロ栄養素カード、食事分析CTA、最近の食事カード、下部タブバーを表示するホームダッシュボード",
"visible_text": [
"Caloryx",
"PRO",
"¡Bienvenida, Laura! 🌿",
"Estás haciendo un gran trabajo",
"Tu resumen de hoy",
"700 / 2,777 kcal",
"Resta de tu meta diaria",
"Proteínas",
"Carbohidratos",
"Grasas",
"Analiza tu comida",
"Escanea o sube una foto para obtener información nutricional instantánea.",
"Escanear comida",
"Galería",
"Tomar foto",
"Comidas recientes",
"Hamburguesa",
"700 kcal",
"Inicio",
"Análisis",
"Metas",
"Perfil"
],
"counted_items": {
"macro_cards_count": 3,
"macro_cards": [
"Proteínas",
"Carbohidratos",
"Grasas"
],
"primary_actions_count": 3,
"primary_actions": [
"Escanear comida",
"Galería",
"Tomar foto"
],
"bottom_tabs_count": 4,
"bottom_tabs": [
"Inicio",
"Análisis",
"Metas",
"Perfil"
]
}
},
{
"title": "ESCÁNER DE COMIDA (NUEVO)",
"position": "center",
"description": "緑のスキャンフレーム、下部プログレスバー、閉じるボタン、フラッシュボタン、暗めのカメラオーバーレイを備えたカメラスキャナー画面",
"visible_text": [
"Detectando alimentos...",
"Analizando nutrientes con IA"
],
"food_subject": "[Burger King meal with Whopper burger, fries, and soda cup]",
"counted_items": {
"camera_controls_count": 2,
"camera_controls": [
"close button",
"flash button"
],
"detected_food_items_visible_count": 3,
"detected_food_items_visible": [
"burger",
"fries",
"soda cup"
]
}
},
{
"title": "RESULTADO DEL ANÁLISIS (MEJORADO)",
"position": "right center",
"description": "料理写真ヘッダー、戻るボタン、PROバッジ、健康スコアカード、栄養サマリー、検出食品リスト、緑の保存ボタンを備えた分析結果画面",
"visible_text": [
"PRO",
"Saludabilidad de esta comida",
"1.6",
"Resumen nutricional",
"1,735 kcal",
"Proteínas",
"Carbohidratos",
"Grasas",
"Azúcares",
"Alimentos detectados",
"3 elementos",
"Burger King Whopper",
"670 kcal",
"Burger King Chicken Sandwich",
"500 kcal",
"Burger King French Fries",
"400 kcal",
"Guardar comida"
],
"counted_items": {
"detected_foods_count": 3,
"detected_foods": [
"Burger King Whopper",
"Burger King Chicken Sandwich",
"Burger King French Fries"
],
"nutrition_metrics_count": 5,
"nutrition_metrics": [
"1,735 kcal",
"Proteínas 59g",
"Carbohidratos 181g",
"Grasas 88g",
"Azúcares 58g"
]
}
},
{
"title": "DETALLE DEL ALIMENTO",
"position": "far right",
"description": "カロリー、マクロ栄養素、栄養成分表、より健康的な代替案カード、詳細情報、閉じるボタンを備えた個別食品詳細画面",
"visible_text": [
"PRO",
"Burger King Whopper",
"8.0 oz",
"670 kcal",
"Proteínas 30g",
"Carbohidratos 42g",
"Grasas 43g",
"Información nutricional",
"Calorías",
"Proteínas",
"Carbohidratos",
"Grasas",
"Azúcares",
"Fibra",
"Sodio",
"Alternativas más saludables",
"Ver sugerencias",
"Detalles adicionales",
"Tamaño de porción",
"Categoría",
"Comida rápida",
"Cerrar"
],
"counted_items": {
"top_macro_metrics_count": 3,
"top_macro_metrics": [
"Proteínas 30g",
"Carbohidratos 42g",
"Grasas 43g"
],
"nutrition_table_rows_count": 7,
"nutrition_table_rows": [
"Calorías 670 kcal",
"Proteínas 30g",
"Carbohidratos 42g",
"Grasas 43g",
"Azúcares 8g",
"Fibra 3g",
"Sodio 980mg"
]
}
}
]
},
"bottom_row": {
"sections_count": 5,
"sections": [
{
"title": "BRANDING",
"position": "bottom left",
"description": "白い様式化されたCと葉をあしらった大きな角丸正方形の緑色アプリアイコン、下にCaloryxロゴタイプ"
},
{
"title": "PALETA DE COLORES",
"position": "bottom left-center",
"count": 5,
"labels": [
"green",
"pale mint",
"white",
"dark navy",
"coral red"
]
},
{
"title": "TIPOGRAFÍA",
"position": "bottom center-left",
"description": "主要フォントとしてPoppinsを示すタイポグラフィサンプル"
},
{
"title": "ICONOGRAFÍA",
"position": "bottom center",
"count": 6,
"labels": [
"scanner corners",
"flame",
"heart",
"bar chart",
"target",
"settings gear"
]
},
{
"title": "CAPTURAS PARA APP STORE",
"position": "bottom right",
"count": 5,
"labels": [
"Escanea tu comida con IA",
"Análisis nutricional completo",
"Historial y progreso diario",
"Alternativas más saludables",
"Tu viaje saludable comienza aquí"
]
}
]
}
},
"visual_details": {
"phone_style": "ステータスバー時刻9:41、角丸、繊細なシャドウを備えた白黒iPhoneモックアップ",
"main_accent": "[fresh green]",
"secondary_accents": "オレンジの炎とPROバッジ、コーラルのハートアイコン、ダークネイビーのテキスト、ペールミントのパネル",
"imagery": "洗練されたアプリUIカード内に埋め込まれたリアルなファストフード写真",
"presentation_labels": "各メイン電話画面の上に緑色の大文字スペイン語見出し"
},
"rendering_instructions": "鮮明なタイポグラフィ、正確な余白レイアウト、洗練されたiOS UIコンポーネントを備えた高品質なFigma風アプリプロトタイププレゼンボードを生成"
}カスタマイズできる部分
生成する前に、プロンプトのこれらの部分を自分のテーマや文言に置き換えてください。
[Caloryx]プレースホルダー[Burger King meal with Whopper burger, fries, and soda cup]プレースホルダー[fresh green]プレースホルダー
プロンプトの詳細
- カテゴリ
- UI / UX デザイン
- モデル
- GPT IMAGE 2
- 1 枚あたりのコスト
- 1K:43 クレジット · 2K:86 クレジット · 4K:143 クレジット
- アスペクト比
- 16:9
- 追加日