校园餐阳光公示小程序食谱页面UI设计,手机竖屏9:16比例,长… - 图片创意预览

校园餐阳光公示小程序食谱页面UI设计,手机竖屏9:16比例,长…

校园餐阳光公示小程序食谱页面UI设计,手机竖屏9:16比例,长方形直角外体框架风格。顶部小程序导航栏,标题"每周食谱公示",左侧返回,右侧分享。下方日期周选择栏(周一到周日横向切换),当前选中当天高亮

用户头像

GD772623220

2026.08.18
保留参考图的整体版式、配色、UI布局、圆角卡片样式、左侧彩色波浪方块、右侧空白栏、顶部卡通可爱太阳小图标、底部水果区样式,整体为干净清爽的暖米色背景,UI圆角柔和,色彩明亮温馨,高清画质,真实美食摄影质感,所有菜品均盛放在白色碗/盘中,摆盘精致。修改内容:1. 画面顶部食谱上方空白区域加大,留白更多;画面底部整体空白区域增加,留白更大,底部水果推荐区域下方的空间往下加大,留白更多。2. 中间共7行菜品(周一到周日),每行左侧保留彩色波浪方块,中间放置对应菜品,不需要任何菜品名称文字标注,每行右侧保留与参考图一样的浅色空白长方块,七行菜品的右边空白空间保持不变。3. 7行从上到下依次为:周一:少量杂粮饭 + 清蒸鲈鱼 + 清炒西兰花 + 冬瓜瘦肉汤;周二:少量杂粮饭 + 番茄牛肉 + 清炒生菜 + 虾仁豆腐 ;周三:少量杂粮饭 + 香菇炒肉 + 清炒茼蒿 + 蔬菜蛋汤;周四:少量杂粮饭 + 排骨炖冬瓜(撇油)+ 清炒荷兰豆 + 小白菜;周五:少量杂粮饭 + 白灼虾 + 清炒上海青 + 萝卜瘦肉汤 ;周六:少量杂粮饭 + 瘦牛肉 + 凉拌黄瓜 + 鸡蛋肉片汤 ;周日:少量杂粮饭 + 去皮鸭肉 + 清炒油麦菜 + 山药青菜汤 ,每行菜品之间可以留一定的空白空间 。4. 底部水果区从左到右依次为:秋月梨、奇异果、柚子、苹果 、人参果、白心火龙果 、脆桃(少量),摆盘风格与参考图一致。5. 整体高清画质,不要任何文字标注。保留参考图的整体版式、配色、UI布局、圆角卡片样式、左侧彩色波浪方块、右侧空白栏、顶部卡通可爱太阳小图标、底部水果区样式,整体为干净清爽的暖米色背景,UI圆角柔和,色彩明亮温馨,高清画质,真实美食摄影质感,所有菜品均盛放在白色碗/盘中,摆盘精致。修改内容:1. 画面顶部食谱上方空白区域加大,留白更多;画面底部整体空白区域增加,留白更大,底部水果推荐区域下方的空间往下加大,留白更多。2. 中间共7行菜品(周一到周日),每行左侧保留彩色波浪方块,中间放置对应菜品,不需要任何菜品名称文字标注,每行右侧保留与参考图一样的浅色空白长方块,七行菜品的右边空白空间保持不变。3. 7行从上到下依次为:周一:少量杂粮饭 + 清蒸鲈鱼 + 清炒西兰花 + 冬瓜瘦肉汤;周二:少量杂粮饭 + 番茄牛肉 + 清炒生菜 + 虾仁豆腐 ;周三:少量杂粮饭 + 香菇炒肉 + 清炒茼蒿 + 蔬菜蛋汤;周四:少量杂粮饭 + 排骨炖冬瓜(撇油)+ 清炒荷兰豆 + 小白菜;周五:少量杂粮饭 + 白灼虾 + 清炒上海青 + 萝卜瘦肉汤 ;周六:少量杂粮饭 + 瘦牛肉 + 凉拌黄瓜 + 鸡蛋肉片汤 ;周日:少量杂粮饭 + 去皮鸭肉 + 清炒油麦菜 + 山药青菜汤 ,每行菜品之间可以留一定的空白空间 。4. 底部水果区从左到右依次为:秋月梨、奇异果、柚子、苹果 、人参果、白心火龙果 、脆桃(少量),摆盘风格与参考图一致。5. 整体高清画质,不要任何文字标注。
小红书笔记内页图,食谱表格排版,ins清新暖米色风格,版式精美,信息层级清晰,适合手机竖屏阅读。标题:「第1-4天 三餐食谱(自己做饭版)」,深棕色粗体大字位于顶部。下方是一个5列的清晰表格,表头为:日期、🥣早餐(7:00-8:00)、🥗午餐(12:00-13:00)、🍽️晚餐(17:30-18:30)、💡加餐。表格内容如下:第1天:早餐=燕麦粥(30g)+水煮蛋1个+凉拌黄瓜;午餐=杂粮饭(半碗)+清蒸鲈鱼(100g)+蒜蓉西兰花;晚餐=番茄豆腐汤+凉拌木耳+蒸玉米半根;加餐=无糖酸奶1杯。第2天:早餐=全麦面包1片+牛油果半个+白煮蛋1个;午餐=荞麦面(1碗)+鸡胸肉丝+黄瓜丝+芝麻酱少许;晚餐=菌菇蔬菜汤+蒸蛋羹1份;加餐=苹果半个。第3天:早餐=蒸红薯(中等1个)+无糖豆浆1杯+小番茄5颗;午餐=糙米饭(半碗)+西兰花炒虾仁+紫菜蛋花汤;晚餐=清炒时蔬(任意绿叶菜)+卤豆干3块;加餐=原味坚果1小把。第4天:早餐=玉米1根+水煮蛋1个+黄瓜半根;午餐=杂粮饭(半碗)+番茄炒蛋+清炒空心菜;晚餐=海带豆腐汤+蒸鱼片(100g);加餐=圣女果8颗。背景:暖米色浅底。表格样式:浅米色单元格,深棕色文字,表头用浅棕色色块底白字,行与行之间有细分割线,整体清爽干净。装饰:左上角1个小太阳☀️小贴纸,右下角1个沙拉🥗小图标。整体氛围:温暖治愈、健康清爽、易读。画质:高清细腻,文字清晰可读,四周留安全边距。画面比例 3:4,4K。小红书笔记内页图,食谱表格排版,ins清新暖米色风格,版式精美,信息层级清晰,适合手机竖屏阅读。标题:「第1-4天 三餐食谱(自己做饭版)」,深棕色粗体大字位于顶部。下方是一个5列的清晰表格,表头为:日期、🥣早餐(7:00-8:00)、🥗午餐(12:00-13:00)、🍽️晚餐(17:30-18:30)、💡加餐。表格内容如下:第1天:早餐=燕麦粥(30g)+水煮蛋1个+凉拌黄瓜;午餐=杂粮饭(半碗)+清蒸鲈鱼(100g)+蒜蓉西兰花;晚餐=番茄豆腐汤+凉拌木耳+蒸玉米半根;加餐=无糖酸奶1杯。第2天:早餐=全麦面包1片+牛油果半个+白煮蛋1个;午餐=荞麦面(1碗)+鸡胸肉丝+黄瓜丝+芝麻酱少许;晚餐=菌菇蔬菜汤+蒸蛋羹1份;加餐=苹果半个。第3天:早餐=蒸红薯(中等1个)+无糖豆浆1杯+小番茄5颗;午餐=糙米饭(半碗)+西兰花炒虾仁+紫菜蛋花汤;晚餐=清炒时蔬(任意绿叶菜)+卤豆干3块;加餐=原味坚果1小把。第4天:早餐=玉米1根+水煮蛋1个+黄瓜半根;午餐=杂粮饭(半碗)+番茄炒蛋+清炒空心菜;晚餐=海带豆腐汤+蒸鱼片(100g);加餐=圣女果8颗。背景:暖米色浅底。表格样式:浅米色单元格,深棕色文字,表头用浅棕色色块底白字,行与行之间有细分割线,整体清爽干净。装饰:左上角1个小太阳☀️小贴纸,右下角1个沙拉🥗小图标。整体氛围:温暖治愈、健康清爽、易读。画质:高清细腻,文字清晰可读,四周留安全边距。画面比例 3:4,4K。
参考这张参考图的整体版式、配色、UI布局、圆角卡片样式、左侧彩色波浪方块、右侧空白栏、顶部太阳小图标、底部水果区样式。保留参考图的排版结构,做以下修改: 1. 画面顶部增加更多空白区域,留白更大。 2. 共7行菜品(周一到周日),每行左侧保留彩色波浪方块,中间三碗位置分别放置对应菜品,不需要任何菜品名称文字标注。每行右侧保留与参考图一样的浅色空白长方块。 3. 7行从上到下依次为: 第1行(周一):左碗瘦牛肉炒胡萝卜、中碗杂粮饭(大米+糙米)、右边两碗蔬菜碗一碗白灼生菜、最右边碗清炒西葫芦; 第2行(周二):左碗清蒸猪里脊片、中碗小米饭、右边碗两碗蔬菜碗一碗清炒空心菜、最右边蔬菜凉拌黄瓜; 第3行(周三):左碗冬瓜瘦肉片、中碗荞麦软饭、右碗蒜蓉油麦菜; 第4行(周四):左碗木耳炒瘦肉丝、中碗大米燕麦饭、右碗清炒红薯叶; 第5行(周五):左碗丝瓜滑肉片、中碗杂粮饭、右碗白灼茼蒿 ;第6行(周六):左碗芹菜炒瘦肉丁、中碗玉米段(替代部分米饭)、右碗凉拌黄瓜; 第7行(周日):左碗白萝卜炖瘦肉、中碗小米杂粮饭、右碗清炒苋菜 所有菜品均盛放在与参考图一致的白色碗/盘中,摆盘精致,真实美食摄影质感。4.七行菜品的右边空白空间保持不变,要保留 5. 底部水果推荐区域下方的空间往下加大,留白更多。 6. 底部水果区保持参考图中的雪梨、白心火龙果、苹果、椰子水四样不变,摆盘风格一致。 7. 整体风格保持清新、暖黄渐变背景、卡通可爱的儿童餐风格,干净整洁,高清质感,不添加任何文字标注。参考这张参考图的整体版式、配色、UI布局、圆角卡片样式、左侧彩色波浪方块、右侧空白栏、顶部太阳小图标、底部水果区样式。保留参考图的排版结构,做以下修改: 1. 画面顶部增加更多空白区域,留白更大。 2. 共7行菜品(周一到周日),每行左侧保留彩色波浪方块,中间三碗位置分别放置对应菜品,不需要任何菜品名称文字标注。每行右侧保留与参考图一样的浅色空白长方块。 3. 7行从上到下依次为: 第1行(周一):左碗瘦牛肉炒胡萝卜、中碗杂粮饭(大米+糙米)、右边两碗蔬菜碗一碗白灼生菜、最右边碗清炒西葫芦; 第2行(周二):左碗清蒸猪里脊片、中碗小米饭、右边碗两碗蔬菜碗一碗清炒空心菜、最右边蔬菜凉拌黄瓜; 第3行(周三):左碗冬瓜瘦肉片、中碗荞麦软饭、右碗蒜蓉油麦菜; 第4行(周四):左碗木耳炒瘦肉丝、中碗大米燕麦饭、右碗清炒红薯叶; 第5行(周五):左碗丝瓜滑肉片、中碗杂粮饭、右碗白灼茼蒿 ;第6行(周六):左碗芹菜炒瘦肉丁、中碗玉米段(替代部分米饭)、右碗凉拌黄瓜; 第7行(周日):左碗白萝卜炖瘦肉、中碗小米杂粮饭、右碗清炒苋菜 所有菜品均盛放在与参考图一致的白色碗/盘中,摆盘精致,真实美食摄影质感。4.七行菜品的右边空白空间保持不变,要保留 5. 底部水果推荐区域下方的空间往下加大,留白更多。 6. 底部水果区保持参考图中的雪梨、白心火龙果、苹果、椰子水四样不变,摆盘风格一致。 7. 整体风格保持清新、暖黄渐变背景、卡通可爱的儿童餐风格,干净整洁,高清质感,不添加任何文字标注。
参考这张参考图的整体版式、配色、UI布局、圆角卡片样式、左侧彩色波浪方块、右侧空白栏、顶部太阳小图标、底部水果区样式。保留参考图的排版结构,做以下修改: 1. 画面顶部增加更多空白区域,留白更大。 2. 共7行菜品(周一到周日),每行左侧保留彩色波浪方块,中间三碗位置分别放置对应菜品,不需要任何菜品名称文字标注。每行右侧保留与参考图一样的浅色空白长方块。 3. 7行从上到下依次为: 第1行(周一):左碗瘦牛肉炒胡萝卜、中碗杂粮饭(大米+糙米)、右边两碗蔬菜碗一碗白灼生菜、最右边碗清炒西葫芦; 第2行(周二):左碗清蒸猪里脊片、中碗小米饭、右边碗两碗蔬菜碗一碗清炒空心菜、最右边蔬菜凉拌黄瓜; 第3行(周三):左碗冬瓜瘦肉片、中碗荞麦软饭、右碗蒜蓉油麦菜; 第4行(周四):左碗木耳炒瘦肉丝、中碗大米燕麦饭、右碗清炒红薯叶; 第5行(周五):左碗丝瓜滑肉片、中碗杂粮饭、右碗白灼茼蒿 ;第6行(周六):左碗芹菜炒瘦肉丁、中碗玉米段(替代部分米饭)、右碗凉拌黄瓜; 第7行(周日):左碗白萝卜炖瘦肉、中碗小米杂粮饭、右碗清炒苋菜 所有菜品均盛放在与参考图一致的白色碗/盘中,摆盘精致,真实美食摄影质感。4.七行菜品的右边空白空间保持不变,要保留 5. 底部水果推荐区域下方的空间往下加大,留白更多。 6. 底部水果区保持参考图中的雪梨、白心火龙果、苹果、椰子水四样不变,摆盘风格一致。 7. 整体风格保持清新、暖黄渐变背景、卡通可爱的儿童餐风格,干净整洁,高清质感,不添加任何文字标注。参考这张参考图的整体版式、配色、UI布局、圆角卡片样式、左侧彩色波浪方块、右侧空白栏、顶部太阳小图标、底部水果区样式。保留参考图的排版结构,做以下修改: 1. 画面顶部增加更多空白区域,留白更大。 2. 共7行菜品(周一到周日),每行左侧保留彩色波浪方块,中间三碗位置分别放置对应菜品,不需要任何菜品名称文字标注。每行右侧保留与参考图一样的浅色空白长方块。 3. 7行从上到下依次为: 第1行(周一):左碗瘦牛肉炒胡萝卜、中碗杂粮饭(大米+糙米)、右边两碗蔬菜碗一碗白灼生菜、最右边碗清炒西葫芦; 第2行(周二):左碗清蒸猪里脊片、中碗小米饭、右边碗两碗蔬菜碗一碗清炒空心菜、最右边蔬菜凉拌黄瓜; 第3行(周三):左碗冬瓜瘦肉片、中碗荞麦软饭、右碗蒜蓉油麦菜; 第4行(周四):左碗木耳炒瘦肉丝、中碗大米燕麦饭、右碗清炒红薯叶; 第5行(周五):左碗丝瓜滑肉片、中碗杂粮饭、右碗白灼茼蒿 ;第6行(周六):左碗芹菜炒瘦肉丁、中碗玉米段(替代部分米饭)、右碗凉拌黄瓜; 第7行(周日):左碗白萝卜炖瘦肉、中碗小米杂粮饭、右碗清炒苋菜 所有菜品均盛放在与参考图一致的白色碗/盘中,摆盘精致,真实美食摄影质感。4.七行菜品的右边空白空间保持不变,要保留 5. 底部水果推荐区域下方的空间往下加大,留白更多。 6. 底部水果区保持参考图中的雪梨、白心火龙果、苹果、椰子水四样不变,摆盘风格一致。 7. 整体风格保持清新、暖黄渐变背景、卡通可爱的儿童餐风格,干净整洁,高清质感,不添加任何文字标注。
参考图版式复刻,将右上角的孕妇插画替换为健康阳光的男生插画形象(短发、运动休闲风格、充满活力),整体保留参考图的清新手绘插画风、暖米+绿色系配色、圆角卡片式排版结构。 画面结构从上到下: 1. 顶部主标题区:大字标题"第1周 | 营养食谱",副标题"均衡营养 科学搭配一周饮食",右上角配男生健康形象插画 2. 早餐任选区:绿色圆角标签"早餐任选",3条编号选项 3. 上午加餐区:带苹果图标的横条"上午加餐:原味坚果(核桃、南瓜子)、苹果" 4. 午餐表格区:绿色表头,Day1-Day7共7行,每行左侧Day编号+文字菜品+右侧食物小图 5. 下午加餐区:带水果图标的横条"下午加餐:橙子、无糖酸奶" 6. 晚餐表格区:绿色表头,Day1-Day7共7行,每行左侧Day编号+文字菜品+右侧食物小图 早餐文字内容: "1. 全麦面包、水煮蛋2个、纯牛奶、香蕉" "2. 杂粮粥、蒸蛋羹、一把南瓜子" "3. 豆浆、鸡蛋、玉米" 午餐文字内容: "Day1:杂粮饭、牡蛎煎蛋、清炒西兰花、菌菇汤" "Day2:糙米饭、瘦牛肉炒洋葱、蒜蓉油麦菜、番茄豆腐汤" "Day3:杂粮饭、白灼虾、木耳莴笋、紫菜蛋花汤" "Day4:米饭、红烧鲈鱼、凉拌海带丝、炒娃娃菜" "Day5:杂粮饭、瘦羊肉炒胡萝卜、白灼菜心、冬瓜汤" "Day6:荞麦饭、香煎鸡胸肉、炒茼蒿、菌菇肉汤" "Day7:杂粮饭、扇贝豆腐汤、清炒芥兰" 晚餐文字内容: "Day1:红薯、虾仁炒西芹、小白菜" "Day2:玉米、瘦牛肉炖菌菇、凉拌秋葵" "Day3:山药、蛤蜊蛋汤、炒生菜" "Day4:杂粮馒头、清蒸鱼块、炒空心菜" "Day5:南瓜、鸡蛋炒木耳、丝瓜汤" "Day6:红薯、爆炒瘦牛柳、凉拌西兰花" "Day7:玉米、豆腐炖贝类、油麦菜" 画面中所有食物配手绘风格小插图,整体色调温暖清新,绿色为主色调,米色背景,装饰有绿叶、小番茄等食物元素点缀。排版精美,信息层级分明,文字清晰可读。 画面中必须完整呈现以上所有文字信息,所有数字必须精确渲染,不得错位、遗漏或编造。画面中所有信息区域、表格、列表必须填充完整合理的内容,不得出现空白框、空白占位、空列表项、空单元格。画面中所有二维码区域使用纯色方块占位符呈现,方块中央标注"二维码占位"文字,严禁生成任何可识别的二维码图案。参考图版式复刻,将右上角的孕妇插画替换为健康阳光的男生插画形象(短发、运动休闲风格、充满活力),整体保留参考图的清新手绘插画风、暖米+绿色系配色、圆角卡片式排版结构。

画面结构从上到下:
1. 顶部主标题区:大字标题"第1周 | 营养食谱",副标题"均衡营养 科学搭配一周饮食",右上角配男生健康形象插画
2. 早餐任选区:绿色圆角标签"早餐任选",3条编号选项
3. 上午加餐区:带苹果图标的横条"上午加餐:原味坚果(核桃、南瓜子)、苹果"
4. 午餐表格区:绿色表头,Day1-Day7共7行,每行左侧Day编号+文字菜品+右侧食物小图
5. 下午加餐区:带水果图标的横条"下午加餐:橙子、无糖酸奶"
6. 晚餐表格区:绿色表头,Day1-Day7共7行,每行左侧Day编号+文字菜品+右侧食物小图

早餐文字内容:
"1. 全麦面包、水煮蛋2个、纯牛奶、香蕉"
"2. 杂粮粥、蒸蛋羹、一把南瓜子"
"3. 豆浆、鸡蛋、玉米"

午餐文字内容:
"Day1:杂粮饭、牡蛎煎蛋、清炒西兰花、菌菇汤"
"Day2:糙米饭、瘦牛肉炒洋葱、蒜蓉油麦菜、番茄豆腐汤"
"Day3:杂粮饭、白灼虾、木耳莴笋、紫菜蛋花汤"
"Day4:米饭、红烧鲈鱼、凉拌海带丝、炒娃娃菜"
"Day5:杂粮饭、瘦羊肉炒胡萝卜、白灼菜心、冬瓜汤"
"Day6:荞麦饭、香煎鸡胸肉、炒茼蒿、菌菇肉汤"
"Day7:杂粮饭、扇贝豆腐汤、清炒芥兰"

晚餐文字内容:
"Day1:红薯、虾仁炒西芹、小白菜"
"Day2:玉米、瘦牛肉炖菌菇、凉拌秋葵"
"Day3:山药、蛤蜊蛋汤、炒生菜"
"Day4:杂粮馒头、清蒸鱼块、炒空心菜"
"Day5:南瓜、鸡蛋炒木耳、丝瓜汤"
"Day6:红薯、爆炒瘦牛柳、凉拌西兰花"
"Day7:玉米、豆腐炖贝类、油麦菜"

画面中所有食物配手绘风格小插图,整体色调温暖清新,绿色为主色调,米色背景,装饰有绿叶、小番茄等食物元素点缀。排版精美,信息层级分明,文字清晰可读。

画面中必须完整呈现以上所有文字信息,所有数字必须精确渲染,不得错位、遗漏或编造。画面中所有信息区域、表格、列表必须填充完整合理的内容,不得出现空白框、空白占位、空列表项、空单元格。画面中所有二维码区域使用纯色方块占位符呈现,方块中央标注"二维码占位"文字,严禁生成任何可识别的二维码图案。