创意预览图

参考图片风格,重新生成一个生鲜电商手机端首页,保留原有排版布局和绿色清新风格,替换所有商品为新鲜生鲜蔬果产品

用户头像

用户CQIm8yvz

2026.04.29
参考这张参考图的整体版式、配色、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. 整体风格保持清新、暖黄渐变背景、卡通可爱的儿童餐风格,干净整洁,高清质感,不添加任何文字标注。
设计一个轻奢立体视觉风的水果店网页,网页名称为"鲜果优选"。以真实水果原生色彩为核心配色,打造3D立体感,功能齐全、视觉清爽,突出水果新鲜度与价格优势。 网页从上到下布局: 1.顶部导航栏:左侧立体LOGO"鲜果优选",中间立体搜索栏placeholder文字"搜索草莓 / 芒果 / 蓝莓..."配橙色搜索按钮,右侧领取优惠按钮+购物车图标; 2.顶部优惠通栏横幅文字"新人专属・立即领券",三张分层悬浮的3D折叠优惠券:"满 59 减 20"橙色、"满 39 减 10"绿色、"全场 9 折"紫色; 3.水果分类筛选立体标签栏:全部水果、新鲜草莓、热带芒果、当季西瓜、高端蓝莓; 4.核心水果商品区:4列网格排列,8款水果独立3D卡片,每款水果专属配色方案: 草莓:主色#FF4D6D,辅助色浅粉#FFCCD5,价格¥12.9/盒; 芒果:主色#FFB703,辅助色浅黄#FFE66D,价格¥8.9/斤; 蓝莓:主色#4361EE,辅助色浅蓝#CAF0F8,价格¥15.9/盒; 西瓜:主色#2EC4B6,辅助色浅红#FF5757,价格¥3.9/斤; 橙子:主色#FB8500,辅助色浅橙#FFD6A5,价格¥6.9/斤; 葡萄:主色#7209B7,辅助色浅紫#E0AAFF,价格¥11.9/斤; 香蕉:主色#FFE169,辅助色浅黄#FFF9DB,价格¥4.9/斤; 猕猴桃:主色#1B5E20,辅助色浅绿#C8E6C9,价格¥7.9/斤; 每张卡片含高清实拍水果图、水果名、价格、加入购物车按钮,卡片悬浮立体效果,默认带阴影,鼠标悬浮上浮5px阴影加深。 5.底部功能区:客服按钮、售后保障、版权信息。 整体效果:卡片悬浮微阴影、渐变光影、统一8px-12px圆角、立体风图标,标题用对应水果主色,价格用辅助色醒目大号字体,全页面立体悬浮动效,风格清爽轻奢,突出水果新鲜活力。设计一个轻奢立体视觉风的水果店网页,网页名称为"鲜果优选"。以真实水果原生色彩为核心配色,打造3D立体感,功能齐全、视觉清爽,突出水果新鲜度与价格优势。
网页从上到下布局:
1.顶部导航栏:左侧立体LOGO"鲜果优选",中间立体搜索栏placeholder文字"搜索草莓 / 芒果 / 蓝莓..."配橙色搜索按钮,右侧领取优惠按钮+购物车图标;
2.顶部优惠通栏横幅文字"新人专属・立即领券",三张分层悬浮的3D折叠优惠券:"满 59 减 20"橙色、"满 39 减 10"绿色、"全场 9 折"紫色;
3.水果分类筛选立体标签栏:全部水果、新鲜草莓、热带芒果、当季西瓜、高端蓝莓;
4.核心水果商品区:4列网格排列,8款水果独立3D卡片,每款水果专属配色方案:
草莓:主色#FF4D6D,辅助色浅粉#FFCCD5,价格¥12.9/盒;
芒果:主色#FFB703,辅助色浅黄#FFE66D,价格¥8.9/斤;
蓝莓:主色#4361EE,辅助色浅蓝#CAF0F8,价格¥15.9/盒;
西瓜:主色#2EC4B6,辅助色浅红#FF5757,价格¥3.9/斤;
橙子:主色#FB8500,辅助色浅橙#FFD6A5,价格¥6.9/斤;
葡萄:主色#7209B7,辅助色浅紫#E0AAFF,价格¥11.9/斤;
香蕉:主色#FFE169,辅助色浅黄#FFF9DB,价格¥4.9/斤;
猕猴桃:主色#1B5E20,辅助色浅绿#C8E6C9,价格¥7.9/斤;
每张卡片含高清实拍水果图、水果名、价格、加入购物车按钮,卡片悬浮立体效果,默认带阴影,鼠标悬浮上浮5px阴影加深。
5.底部功能区:客服按钮、售后保障、版权信息。
整体效果:卡片悬浮微阴影、渐变光影、统一8px-12px圆角、立体风图标,标题用对应水果主色,价格用辅助色醒目大号字体,全页面立体悬浮动效,风格清爽轻奢,突出水果新鲜活力。
轻奢立体视觉风水果店网页设计,主题为鲜果优选。整体浅色系渐变背景,页面元素统一圆角,所有水果卡片采用悬浮立体效果,带微阴影和外发光,鼠标悬停上浮效果。从上到下布局:顶部导航栏左侧是渐变立体水果风LOGO「鲜果优选」,中间是白色立体圆角搜索栏,右侧是橙红色渐变领取优惠按钮和带角标的购物车图标;顶部通栏立体优惠横幅显示「新人专属・立即领券」,三张分层悬浮3D折叠优惠券分别是橙色满59减20、绿色满39减10、紫色全场9折;水果分类标签栏;核心商品区是4列网格排列,8款水果独立立体卡片,每款卡片色彩匹配专属方案:草莓暖红#FF4D6D主色调浅粉辅助价¥12.9/盒、芒果明黄#FFB703主色调浅黄辅助价¥8.9/斤、蓝莓深蓝#4361EE主色调浅蓝辅助价¥15.9/盒、西瓜翠绿#2EC4B6主色调浅红辅助价¥3.9/斤、橙子橙红#FB8500主色调浅橙辅助价¥6.9/斤、葡萄紫调#7209B7主色调浅紫辅助价¥11.9/斤、香蕉奶黄#FFE169主色调浅黄辅助价¥4.9/斤、猕猴桃墨绿#1B5E20主色调浅绿辅助价¥7.9/斤,每款卡片顶部是高清无瑕疵真实实拍水果图,中间是专属色水果名,下方是辅助色醒目价格,底部是同色系加入购物车立体按钮;底部功能区包含客服按钮、售后保障和版权信息。整体风格清爽轻奢,突出水果新鲜度,功能齐全,动效立体高级,色彩鲜活真实轻奢立体视觉风水果店网页设计,主题为鲜果优选。整体浅色系渐变背景,页面元素统一圆角,所有水果卡片采用悬浮立体效果,带微阴影和外发光,鼠标悬停上浮效果。从上到下布局:顶部导航栏左侧是渐变立体水果风LOGO「鲜果优选」,中间是白色立体圆角搜索栏,右侧是橙红色渐变领取优惠按钮和带角标的购物车图标;顶部通栏立体优惠横幅显示「新人专属・立即领券」,三张分层悬浮3D折叠优惠券分别是橙色满59减20、绿色满39减10、紫色全场9折;水果分类标签栏;核心商品区是4列网格排列,8款水果独立立体卡片,每款卡片色彩匹配专属方案:草莓暖红#FF4D6D主色调浅粉辅助价¥12.9/盒、芒果明黄#FFB703主色调浅黄辅助价¥8.9/斤、蓝莓深蓝#4361EE主色调浅蓝辅助价¥15.9/盒、西瓜翠绿#2EC4B6主色调浅红辅助价¥3.9/斤、橙子橙红#FB8500主色调浅橙辅助价¥6.9/斤、葡萄紫调#7209B7主色调浅紫辅助价¥11.9/斤、香蕉奶黄#FFE169主色调浅黄辅助价¥4.9/斤、猕猴桃墨绿#1B5E20主色调浅绿辅助价¥7.9/斤,每款卡片顶部是高清无瑕疵真实实拍水果图,中间是专属色水果名,下方是辅助色醒目价格,底部是同色系加入购物车立体按钮;底部功能区包含客服按钮、售后保障和版权信息。整体风格清爽轻奢,突出水果新鲜度,功能齐全,动效立体高级,色彩鲜活真实