1 / 1

深色系日式食谱 App UI

案列来源：Yuki @marosiy

App & 网页设计openai/gpt-image-2#App & 网页设计#摄影#极简主义#美食 & 饮品#文字 & 排版

生成一个深色模式的日式烹饪助手界面，包含食谱卡片和逼真的美食摄影，适用于 App 原型设计。

4.1w人正在用

auto推荐尺寸

2.3w收藏人数

提示词模板

目标：创建一个逼真的深色模式移动端烹饪 AI 助手界面，展示根据冰箱现有食材生成的日文食谱建议。

画布：竖屏手机截图，比例约为 4:5，黑色外背景，中间为 App 信息流列。使用圆角、柔和阴影和高级美食 App 的美学风格。

布局：顶部放置一个圆角深炭灰色聊天气泡，内含日文助手文本。下方展示垂直滚动的食谱卡片列表。需显示 2 张食谱卡片：第一张完整显示，第二张在底部仅显示部分。

文本内容：顶部聊天气泡内容为：「冷蔵庫の食材を活かし、フライパン一つで完結する健康的な10種のレシピをご提案します。味付けや調理法が重ならないよう、バリエーション豊かに構成しました。」第一张食谱卡片标题为：「鳥手羽元のエキゾチック酢煮込み」。描述为：「かんたん酢とニンニクを効かせた、中東風の爽やかでコクのある煮込みです。手羽元が驚くほど柔らかく仕上がります。」链接文本为：「レシピを見る」。

卡片细节：食谱卡片 1 顶部为大尺寸美食照片，下方为深色信息面板。照片展示 {argument name="main dish" default="braised chicken drumettes with sliced onions in a light brown sauce"}，盛放在浅米色陶瓷碗中，置于暖色调木桌上，采用略微俯视的角度拍摄，呈现自然的餐厅光影。鸡肉上点缀黑胡椒碎，酱汁色泽光亮，背景虚化柔和。在图片区域右上角放置 1 个圆形的白色心形轮廓收藏按钮。下方信息面板为深棕黑色，标题为加粗白色，描述为柔和灰色，食谱链接为淡粉色。

第二张卡片：在第一张卡片下方仅显示第二张食谱卡片的顶部，并留有垂直间距。应包含一张大尺寸裁剪后的美食照片，展示一碗奶油色调的浅黄色面条或汤，置于木桌上，图片右上角同样有 1 个圆形的白色心形轮廓收藏按钮。裁剪区域内不显示标题。

视觉风格：现代日式食谱 App UI，深色主题，18–22 px 圆角卡片，精致边框，柔和阴影，高分辨率美食摄影，简洁的无衬线字体。使用暖棕色、米色陶瓷、炭黑色面板和柔和的粉色强调文本。

约束条件：包含 1 个顶部聊天气泡，2 张可见的食谱卡片，总共 2 个心形收藏按钮。保持界面真实简洁，不要添加额外的图标、导航栏、水印或英文 UI 文本。