[垫图] https://gdesign-dam-hz.dan… - 图片创意预览

[垫图] https://gdesign-dam-hz.dan…

百果园会员卡主图

用户头像

谁想设计

2026.03.26
设计一个轻奢立体视觉风的水果店网页,网页名称为"鲜果优选"。以真实水果原生色彩为核心配色,打造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/斤,每款卡片顶部是高清无瑕疵真实实拍水果图,中间是专属色水果名,下方是辅助色醒目价格,底部是同色系加入购物车立体按钮;底部功能区包含客服按钮、售后保障和版权信息。整体风格清爽轻奢,突出水果新鲜度,功能齐全,动效立体高级,色彩鲜活真实
[商品] 使用【图2】【图3】【图4】【图5】中的天水花牛苹果外观参考;保留苹果鲜红果皮、自然果粉、水珠质感、果梗翠绿;本张为售后保障页,重点是服务卡与苹果组合,不出现包装箱或仅极少量露出,不出现不同类型纸箱。 [画面] 第9屏·售后保障·坏果包赔。京东详情页竖屏3:4,页面目标是用极简绿色调+服务卡建立售后信任。构图采用左苹果右服务卡的平衡布局:画面中下部浅色桌面上摆放着三个鲜红饱满的花牛苹果,果形端正、色泽鲜红、表面带细微水珠,新鲜有质感;苹果右侧立着一张白色“坏果包赔”服务卡,卡片微微倾斜靠放,卡片顶部有绿色盾牌图标,主标题“坏果包赔”绿色粗体,下方三行服务承诺短句,卡片边缘有浅绿色装饰线条,简约可信。背景为纯白色,四周有极淡的浅绿色装饰线条与小图标点缀,整体极简干净。画面上方和左右留出充足文案区域。 [视觉] 套系策略:风格=简约可信售后页,极简绿色调;标题字=粗厚黑体;正文字=简洁黑体;主色=清新绿+苹果红+白色;背景延展=纯白背景+浅绿色细线装饰点缀;强调色=清新绿,用于服务卡标题、图标和装饰线;标题色=清新绿;正文色=深灰;组件=圆角服务卡、盾牌图标、浅绿色细线;光影=明亮均匀的商业摄影光,苹果与服务卡有柔和接触阴影,干净无杂影。 [文字] 画面上方留白放置主标题“售后保障 坏果包赔”,下方服务卡内有三行横排服务承诺短句;所有文字全部横向排版,禁止竖排、旋转排。文字字号层级清晰,手机端可读,不遮挡苹果主体。 [规格] 京东详情页竖屏,比例3:4(宽1200高1600),4K高清;负向:禁止出现不同类型纸箱、禁止苹果变形错色、禁止文字竖排或斜排、禁止京东Logo/水印、禁止画面杂乱、禁止红色喧宾夺主、禁止冷蓝灰主调。[商品] 使用【图2】【图3】【图4】【图5】中的天水花牛苹果外观参考;保留苹果鲜红果皮、自然果粉、水珠质感、果梗翠绿;本张为售后保障页,重点是服务卡与苹果组合,不出现包装箱或仅极少量露出,不出现不同类型纸箱。
[画面] 第9屏·售后保障·坏果包赔。京东详情页竖屏3:4,页面目标是用极简绿色调+服务卡建立售后信任。构图采用左苹果右服务卡的平衡布局:画面中下部浅色桌面上摆放着三个鲜红饱满的花牛苹果,果形端正、色泽鲜红、表面带细微水珠,新鲜有质感;苹果右侧立着一张白色“坏果包赔”服务卡,卡片微微倾斜靠放,卡片顶部有绿色盾牌图标,主标题“坏果包赔”绿色粗体,下方三行服务承诺短句,卡片边缘有浅绿色装饰线条,简约可信。背景为纯白色,四周有极淡的浅绿色装饰线条与小图标点缀,整体极简干净。画面上方和左右留出充足文案区域。
[视觉] 套系策略:风格=简约可信售后页,极简绿色调;标题字=粗厚黑体;正文字=简洁黑体;主色=清新绿+苹果红+白色;背景延展=纯白背景+浅绿色细线装饰点缀;强调色=清新绿,用于服务卡标题、图标和装饰线;标题色=清新绿;正文色=深灰;组件=圆角服务卡、盾牌图标、浅绿色细线;光影=明亮均匀的商业摄影光,苹果与服务卡有柔和接触阴影,干净无杂影。
[文字] 画面上方留白放置主标题“售后保障 坏果包赔”,下方服务卡内有三行横排服务承诺短句;所有文字全部横向排版,禁止竖排、旋转排。文字字号层级清晰,手机端可读,不遮挡苹果主体。
[规格] 京东详情页竖屏,比例3:4(宽1200高1600),4K高清;负向:禁止出现不同类型纸箱、禁止苹果变形错色、禁止文字竖排或斜排、禁止京东Logo/水印、禁止画面杂乱、禁止红色喧宾夺主、禁止冷蓝灰主调。