创意预览图

校园餐阳光公示小程序非营养餐饭菜价格页面UI设计,手机竖屏9:16比例,长方形直角外体框架风格。顶部小程序导航栏,标题"非营养餐价格公示",左侧返回,右侧分享。下方分类标签栏(全部/主食/菜品/汤品/

用户头像

GD772623220

2026.08.18
[第2张] 顾客点餐界面展示页——小吃类菜单浏览与加购操作。本张使用【图1】作为点餐界面主体展示。 [氛围/风格] 简洁清爽APP界面展示风,突出操作便捷性,商业产品展示质感。 [元素布局] 左侧展示完整手机点餐界面截图,占比约60%,界面包含顶部搜索栏、左侧分类导航(小吃类/汤类/冰品类)、右侧商品列表(卤蛋¥2.00、肉沫蒸蛋¥6.00等)、底部点单/我的导航栏;右侧为功能说明区,配3个功能点图标与文字;背景为浅灰白渐变,界面带手机外框与轻微阴影。 [光影质感] 均匀柔光,界面清晰锐利,手机模型带自然投影,立体感强。 [配色色系] 全局底色 #F7F9FC 浅灰白;主色 #00B4D8 青蓝色(与APP主色一致);辅助色 #FF8C42 橙色点缀;文字深灰 #2D3748。 [视角构图] 正面平视,手机界面居中偏左,右侧文字说明区,阅读动线从左到右。 [文字版式] 右上主标题「丰富菜单 轻松点单」,副标题「分类清晰 快速找到想吃的」;右侧三个功能点:「多分类导航」「图文并茂」「一键加购」,每个配圆形图标+标题+简短说明,图标为青蓝色渐变;左下角标注页码「02」;文字清晰可读,不遮挡界面核心内容。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 界面变形,文字错乱,水印,商品图模糊,颜色偏差,界面元素缺失。[第2张] 顾客点餐界面展示页——小吃类菜单浏览与加购操作。本张使用【图1】作为点餐界面主体展示。
[氛围/风格] 简洁清爽APP界面展示风,突出操作便捷性,商业产品展示质感。
[元素布局] 左侧展示完整手机点餐界面截图,占比约60%,界面包含顶部搜索栏、左侧分类导航(小吃类/汤类/冰品类)、右侧商品列表(卤蛋¥2.00、肉沫蒸蛋¥6.00等)、底部点单/我的导航栏;右侧为功能说明区,配3个功能点图标与文字;背景为浅灰白渐变,界面带手机外框与轻微阴影。
[光影质感] 均匀柔光,界面清晰锐利,手机模型带自然投影,立体感强。
[配色色系] 全局底色 #F7F9FC 浅灰白;主色 #00B4D8 青蓝色(与APP主色一致);辅助色 #FF8C42 橙色点缀;文字深灰 #2D3748。
[视角构图] 正面平视,手机界面居中偏左,右侧文字说明区,阅读动线从左到右。
[文字版式] 右上主标题「丰富菜单 轻松点单」,副标题「分类清晰 快速找到想吃的」;右侧三个功能点:「多分类导航」「图文并茂」「一键加购」,每个配圆形图标+标题+简短说明,图标为青蓝色渐变;左下角标注页码「02」;文字清晰可读,不遮挡界面核心内容。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 界面变形,文字错乱,水印,商品图模糊,颜色偏差,界面元素缺失。
一张300*150厘米横版饭店菜单价目表,包含全部菜品名称和价格,菜品配小图片,排版清晰 文字内容: 炒菜系列 麻辣豆腐 12 元 醋溜土豆丝 12 元 醋溜白菜 12 元 土豆丝炒肉 16 元 西红柿鸡蛋 16 元 尖椒豆片 16 元 菜花炒肉 16 元 芹菜木耳五花肉 16 元 角瓜五花肉 16 元 烧茄子 16 元 地三鲜 18 元 木须肉 18 元 鱼香肉丝 18 元 宫爆鸡丁 22 元 豆角炒肉 18 元 蒜苔炒肉 18 元 小炒罗马生菜 16 元 风味茄子 20 元 葱爆羊肉 36 元 熘 肝 26 元 熘大肠 28 元 红烧带鱼 30 元 辣椒炒肉 26 元 大葱烧豆腐 20 元 香菇油菜 16 元 糖醋里脊 28元 炖菜系列 汆丸子 32 元 大肠豆皮 30 元 酸菜粉红烧肉 28 元 水煮肉片 28 元 乱 炖 28 元 大锅鱼 26 元 清蒸鲈鱼 38 元 特色菜系列 毛血旺 38元 炒鸡杂 26 元 四喜丸子 6 元 / 个 凉菜系列 果仁菠菜 14 元 炝拌土豆丝 12 元 小葱拌豆腐 12 元 拍黄瓜 14 元 老虎菜 14 元 黄瓜拌豆皮 16 元 蔬菜沙拉 20 元 皮蛋豆腐 14 元 大丰收 18 元 水爆肚 32元 主食系列 米 饭 2元/碗 家常饼 3元/块 猪肉饼 5元/块 炒 饼 8元 蛋炒饭 10 元 红烧肉炒米饭 16 元 肉丝面 10 元 肉 饼 25 元 汤类系列 西红柿蛋汤 8元/碗 豆皮汤 8元/碗 羊杂汤 10元/碗 滋补鸡汤 10元/碗 为麻辣豆腐、宫保鸡丁、红烧带鱼、水煮肉片、毛血旺、拍黄瓜、皮蛋豆腐、肉饼、西红柿蛋汤搭配对应的菜品小图片,整体风格简约清晰,中式餐饮风一张300*150厘米横版饭店菜单价目表,包含全部菜品名称和价格,菜品配小图片,排版清晰
文字内容:
炒菜系列
麻辣豆腐	12 元
醋溜土豆丝 12 元
醋溜白菜	12 元
土豆丝炒肉 16 元
西红柿鸡蛋 16 元
尖椒豆片	16 元
菜花炒肉	16 元
芹菜木耳五花肉 16 元
角瓜五花肉 16 元
烧茄子	16 元
地三鲜	18 元
木须肉	18 元
鱼香肉丝	18 元
宫爆鸡丁	22 元
豆角炒肉	18 元
蒜苔炒肉	18 元
小炒罗马生菜 16 元
风味茄子	20 元
葱爆羊肉	36 元
熘 肝	26 元
熘大肠	28 元
红烧带鱼	30 元
辣椒炒肉	26 元
大葱烧豆腐  20 元
香菇油菜	16 元
糖醋里脊 28元


炖菜系列
汆丸子	32 元
大肠豆皮	30 元
酸菜粉红烧肉	28 元
水煮肉片	28 元
乱 炖	28 元
大锅鱼	26 元
清蒸鲈鱼	38 元


特色菜系列
毛血旺 38元
炒鸡杂	26 元
四喜丸子	6 元 / 个


凉菜系列
果仁菠菜	14 元
炝拌土豆丝 12 元
小葱拌豆腐 12 元
拍黄瓜	14 元
老虎菜	14 元
黄瓜拌豆皮 16 元
蔬菜沙拉	20 元
皮蛋豆腐	14 元
大丰收	18 元
水爆肚 32元


主食系列
米 饭	2元/碗
家常饼	3元/块
猪肉饼	5元/块
炒 饼	8元
蛋炒饭	10 元
红烧肉炒米饭 16 元
肉丝面	10 元
肉 饼	25 元


汤类系列
西红柿蛋汤 8元/碗
豆皮汤	8元/碗
羊杂汤	10元/碗
滋补鸡汤 10元/碗


为麻辣豆腐、宫保鸡丁、红烧带鱼、水煮肉片、毛血旺、拍黄瓜、皮蛋豆腐、肉饼、西红柿蛋汤搭配对应的菜品小图片,整体风格简约清晰,中式餐饮风
小红书笔记配图大字封面,ins清新生活风,版式精美,小红书笔记封面质感,适合信息流点击。主标题必须完整呈现且为画面视觉中心,逐字锁定:「顾客扫码就能点单!太省心」。主标题字号占画面约 45% 视觉权重,清晰可读,不得增删改字。副标题:「扫码点餐页面展示」。装饰角标:「节省人工」。背景:淡绿色渐变弥散背景,清新餐饮感,带几片淡绿色叶子装饰。配图层:采用用户【图2】扫码点餐页面截图,以白色圆角手机卡片形式置于画面下半部分,截图占画面约 45%,卡片带悬浮阴影立体感。标题排版:深绿色扁平粗黑体(非3D立体),主标题加白色圆角色块底框,左上角配一碗面条emoji图标,右侧有白色感叹号装饰,左下角有绿色对勾圆圈图标,右侧有绿色吊牌写着节省人工。采用配图大字 I18 底图+半透明文本框策略。装饰:主标题行首 1 个🍜面条 emoji 小贴纸;左下角 1 个手绘对勾符号;禁止底部横排多个 emoji。整体氛围:实用便捷、清新种草、餐饮老板必看。画质:高清细腻,信息层级清晰,主标题与背景强对比,文字完整处于安全区内不可裁切,四周留安全边距。画面比例 3:4,4K。图生图:严格使用用户上传图片,【图1】= 参考版式和整体风格,保持标题、背景、装饰元素位置不变;【图2】= 扫码点餐页面截图,替换手机卡片内的内容,保持手机卡片大小位置不变,顺序与上传一致。小红书笔记配图大字封面,ins清新生活风,版式精美,小红书笔记封面质感,适合信息流点击。主标题必须完整呈现且为画面视觉中心,逐字锁定:「顾客扫码就能点单!太省心」。主标题字号占画面约 45% 视觉权重,清晰可读,不得增删改字。副标题:「扫码点餐页面展示」。装饰角标:「节省人工」。背景:淡绿色渐变弥散背景,清新餐饮感,带几片淡绿色叶子装饰。配图层:采用用户【图2】扫码点餐页面截图,以白色圆角手机卡片形式置于画面下半部分,截图占画面约 45%,卡片带悬浮阴影立体感。标题排版:深绿色扁平粗黑体(非3D立体),主标题加白色圆角色块底框,左上角配一碗面条emoji图标,右侧有白色感叹号装饰,左下角有绿色对勾圆圈图标,右侧有绿色吊牌写着节省人工。采用配图大字 I18 底图+半透明文本框策略。装饰:主标题行首 1 个🍜面条 emoji 小贴纸;左下角 1 个手绘对勾符号;禁止底部横排多个 emoji。整体氛围:实用便捷、清新种草、餐饮老板必看。画质:高清细腻,信息层级清晰,主标题与背景强对比,文字完整处于安全区内不可裁切,四周留安全边距。画面比例 3:4,4K。图生图:严格使用用户上传图片,【图1】= 参考版式和整体风格,保持标题、背景、装饰元素位置不变;【图2】= 扫码点餐页面截图,替换手机卡片内的内容,保持手机卡片大小位置不变,顺序与上传一致。