创意预览图

淘宝商品详情页第九屏,用户真实评价展示,标题写"用户真实口碑",展示三条真实好评文案,搭配用户头像占位,简约清新风格,现代商业设计,竖屏构图

[商品购买须知与售后说明页] 本屏用于展示发货规则、退换货流程和特殊说明,放置在商品详情页最底部。 [氛围/风格] 简约百搭风格,干净清晰,易读性强,简约电商服务说明页质感。 [元素布局] 页面顶部放置大标题"购买须知与售后保障",下方分为三个板块:关于发货、退换货流程、特殊说明。每个板块配一个简约小图标,文字分点清晰排版,不拥挤,所有用户提供的文字完整展示,文字大小适配移动端阅读,每个板块间留出适当呼吸间距。 [光影质感] 均匀柔和的顶光,文字和板块边界清晰,无过曝或暗角,整体干净通透。 [配色色系] 全局底色#FFFFFF(纯白色),主色深灰色文字,辅助色浅灰色区块分割线,图标用浅黑色,简约素雅。 [视角构图] 竖向排版,从上到下自然阅读动线,标题在最上方,依次排列三个信息板块,页面底部留白。 [文字版式] 大标题字体加粗放大居中,每个板块标题加粗放大,分点文字字号适中,手机端清晰可读,行间距宽松,重点内容用浅灰色底色块标注,不遮挡文字。完整包含用户提供的全部文字: 关于发货:1.商品将在支付成功后3个工作日内发出(周末、法定节假日将顺延)2.实物类快递配送商品,配送范围覆盖全国大部分地区,港澳台,西藏,新疆、内蒙古、宁夏、甘肃、青海、黑龙江、辽宁、等偏远地区不支持发货。 退换货流程:1.点击“我的”-“联系客服”进行发起沟通;2.反馈订单号、退换货原因并上传商品问题图片;3.由客服反馈商家审核,通过后,获取相应售后地址;4.用户按照售后地址回寄问题商品,提供物流单号给客服;5.待商家售后仓库签收并验货无误后,订单发起退款/重发。注:是否支持7天无理由退换以商品详情页标签展示为准。 特殊说明:1.生鲜、蛋糕商品,发货或完成制作后,一般不支持退单、换址,请在下单前确保提交信息无误;验收过程中如有外包明显损坏等问题,请当面拒收并及时联系在线客服进行处理;2.如在收货后发现商品问题,请于签收24小时内(生鲜、蛋糕类商品为12小时内)提交快递面单及能够体现具体问题的商品合照图片2-3张或视频,联系在线客服进行处理;3.非质量问题商品,中途拦截或回寄而额外产生的运费,需自行承担。 [比例分辨率] 比例2:3竖版,适合国内电商详情页,文字清晰可辨,高清画质。 [负向提示词] 文字错乱,文字过小,文字重叠,排版拥挤,变形,水印,颜色偏差,背景杂乱,缺字漏字。[商品购买须知与售后说明页] 本屏用于展示发货规则、退换货流程和特殊说明,放置在商品详情页最底部。
[氛围/风格] 简约百搭风格,干净清晰,易读性强,简约电商服务说明页质感。
[元素布局] 页面顶部放置大标题"购买须知与售后保障",下方分为三个板块:关于发货、退换货流程、特殊说明。每个板块配一个简约小图标,文字分点清晰排版,不拥挤,所有用户提供的文字完整展示,文字大小适配移动端阅读,每个板块间留出适当呼吸间距。
[光影质感] 均匀柔和的顶光,文字和板块边界清晰,无过曝或暗角,整体干净通透。
[配色色系] 全局底色#FFFFFF(纯白色),主色深灰色文字,辅助色浅灰色区块分割线,图标用浅黑色,简约素雅。
[视角构图] 竖向排版,从上到下自然阅读动线,标题在最上方,依次排列三个信息板块,页面底部留白。
[文字版式] 大标题字体加粗放大居中,每个板块标题加粗放大,分点文字字号适中,手机端清晰可读,行间距宽松,重点内容用浅灰色底色块标注,不遮挡文字。完整包含用户提供的全部文字:
关于发货:1.商品将在支付成功后3个工作日内发出(周末、法定节假日将顺延)2.实物类快递配送商品,配送范围覆盖全国大部分地区,港澳台,西藏,新疆、内蒙古、宁夏、甘肃、青海、黑龙江、辽宁、等偏远地区不支持发货。
退换货流程:1.点击“我的”-“联系客服”进行发起沟通;2.反馈订单号、退换货原因并上传商品问题图片;3.由客服反馈商家审核,通过后,获取相应售后地址;4.用户按照售后地址回寄问题商品,提供物流单号给客服;5.待商家售后仓库签收并验货无误后,订单发起退款/重发。注:是否支持7天无理由退换以商品详情页标签展示为准。
特殊说明:1.生鲜、蛋糕商品,发货或完成制作后,一般不支持退单、换址,请在下单前确保提交信息无误;验收过程中如有外包明显损坏等问题,请当面拒收并及时联系在线客服进行处理;2.如在收货后发现商品问题,请于签收24小时内(生鲜、蛋糕类商品为12小时内)提交快递面单及能够体现具体问题的商品合照图片2-3张或视频,联系在线客服进行处理;3.非质量问题商品,中途拦截或回寄而额外产生的运费,需自行承担。 
[比例分辨率] 比例2:3竖版,适合国内电商详情页,文字清晰可辨,高清画质。
[负向提示词] 文字错乱,文字过小,文字重叠,排版拥挤,变形,水印,颜色偏差,背景杂乱,缺字漏字。
这是剩下的6屏设计「图片1」「图片1」原料溯源 图片设计思路 背景:#0A0A0A。 两列金色文字,白色正文。标题金色,分隔线金色(1px)。无需图片。 详细设计参数 元素 坐标 (x, y) 尺寸 说明 主标题 (540, 60) — 金色 #C9A03D,34px Bold,“每一种原料,都经得起追问” 左列标题 (60, 140) — 金色18px Bold,“动物源成分” 左列列表 (60, 180) 起 行高1.8 白色 #FFFFFF,16px Regular,“鲜鸡肉(山东XX公司)”“冻乳鸽”“鲜鸡肝”“鲜鸡心”“鸡蛋” 右列标题 (540, 140) — 金色18px Bold,“油脂及功能成分” 右列列表 (540, 180) 起 行高1.8 白色16px Regular,“三文鱼油”“磷虾油”“亚麻籽油”“益生菌”“丝兰提取物” 金色分隔线 (60, 380) 至 (1020, 380) 高1px 金色 #C9A03D 底部小字 (540, 1100) — #999999,14px Light,“原料供应商可追溯,具体信息欢迎咨询客服” 第8屏:用户评价(黑金卡片) 图片设计思路 背景:#0A0A0A。 3张卡片:背景 #1A1A1A,金色边框1px,圆角16px。内部头像金色圆形边框,昵称白色,评价文字白色,猫咪小图金色边框。 与方案二第9屏类似,但配色改为黑金。 详细设计参数 元素 坐标 (x, y) 尺寸 说明 主标题 (540, 40) — 金色 #C9A03D,32px Bold,“他们选择,他们信任” 卡片1背景 (60, 100) 宽320px,高300px 背景 #1A1A1A,金色边框1px,圆角16px 卡片1头像 (180, 130) 直径60px 金色圆形边框,内部头像 卡片1昵称 (180, 200) — #CCCCCC,16px,“喵***” 卡片1正文 (60, 220) 宽280px #FFFFFF,16px Regular,“吃了两周,软便明显改善,毛也亮了” 卡片1猫咪小图 (220, 260) 宽80px,圆角8px 金色边框1px 卡片2背景 (390, 100) 同上 同上 卡片2正文 (390, 220) 宽280px “原来便便特别臭,换了这个粮味道小了很多” 卡片3背景 (720, 100) 同上 同上 卡片3正文 (720, 220) 宽280px “我家挑食怪终于肯好好吃饭了” 底部小字 (540, 1130) — #999999,14px Light,“更多真实评价可查看店铺评价” 第9屏:检测报告(金色数据框) 图片设计思路 背景:#0A0A0A。 左侧:检测报告缩略图,加金色边框。 右侧:数据框,背景半透明黑(#00000080),金色边框,金色大数字,白色文字。 详细设计参数 元素 坐标 (x, y) 尺寸 说明 报告缩略图 (80, 200) 宽450px,圆角12px 金色边框2px 数据框 (550, 200) 宽450px,高280px 背景 #00000080,金色边框1px,圆角16px,内边距25px 框内大数字 (775, 260) — 金色 #C9A03D,56px Heavy,“92.4%” 框内文字 (775, 330) — 白色 #FFFFFF,20px Medium,“胃蛋白酶消化率(体外)” 框内编号 (775, 370) — #CCCCCC,12px Light,“A2250688959101005C” 框内小字 (775, 400) — #CCCCCC,12px Light,“数据反映蛋白质体外消化程度,个体差异存在” 底部说明 (540, 1120) — #CCCCCC,14px Light,“核心营养指标符合AAFCO、GB/T、fediaf标准” 第10屏:0添加承诺(金色禁止符号) 图片设计思路 背景:#0A0A0A。 四个禁止图标:金色禁止符号,80×80px,2×2网格。下方白色文字。标题金色。 小字灰色。 详细设计参数 元素 坐标 (x, y) 尺寸 说明 主标题 (540, 80) — 金色 #C9A03D,32px Bold,“我们不添加什么,和添加了什么同样重要” 0谷物图标 (270, 200) 80×80px 金色禁止符号 0肉粉图标 (810, 200) 80×80px 金色禁止符号 0诱食剂图标 (270, 400) 80×80px 金色禁止符号 0防腐剂图标 (810, 400) 80×80px 金色禁止符号 图标下方文字 (270, 300), (810, 300), (270, 500), (810, 500) — 白色 #FFFFFF,18px Bold,“0谷物”“0肉粉”“0人工诱食剂”“0人工防腐剂” 小字 (540, 550) — #999999,14px Light,“0谷物:不添加玉米、小麦、大米等常见谷物” 第11屏:科学喂养(黑色表格,金色边框) 图片设计思路 背景:#0A0A0A。 喂食量卡片背景 #1A1A1A,金色边框1px,文字白色(体重)和金色(喂食量)。 换粮法进度条底色 #2C2C2C,渐变金色。 详细设计参数 元素 坐标 (x, y) 尺寸 说明 主标题 (540, 60) — 金色 #C9A03D,34px Bold,“每天喂多少?参考这个表” 卡片1 (80, 140) 宽920px,高70px 背景 #1A1A1A,金色边框1px,圆角12px;左文字18px白色“<2.5kg”,右文字18px金色“30-50g/天” 卡片2 (80, 220) 同上 “2.5-4kg”→“50-80g/天” 卡片3 (80, 300) 同上 “4-6kg”→“80-110g/天” 卡片4 (80, 380) 同上 “>6kg”→“110-140g/天” 换粮法标题 (540, 520) — 金色 #C9A03D,24px Bold,“7天换粮法,肠胃不闹脾气” 进度条 (80, 580) 宽920px,高30px,圆角15px 底色 #2C2C2C,渐变 #C9A03D 进度条下方文字 (180,620), (460,620), (740,620), (1020,620) — #CCCCCC,14px Light,“第1-2天 25%新粮”“第3-4天 50%新粮”“第5-6天 75%新粮”“第7天起 100%新粮” 底部小字 (540, 1120) — #999999,14px Light,“请根据运动量、季节调整,并提供充足清洁饮水。” 第12屏:售后+行动号召(爱马仕橙底,金色按钮) 图片设计思路 背景:爱马仕橙 #FF6600(纯色,无渐变)。 产品包装和试吃装图片与方案一相同。 按钮:金色底,黑色文字(或白色,保持对比)。 详细设计参数 元素 坐标 (x, y) 尺寸 说明 产品包装 (280, 150) 宽280px 透明底PNG 试吃装 (720, 180) 宽200px 透明底PNG 主标题 (540, 600) — 白色 #FFFFFF,40px Bold,“不爱吃?正装退,试吃送你”这是剩下的6屏设计「图片1」「图片1」原料溯源
图片设计思路
背景:#0A0A0A。
两列金色文字,白色正文。标题金色,分隔线金色(1px)。无需图片。
详细设计参数
元素	坐标 (x, y)	尺寸	说明
主标题	(540, 60)	—	金色 #C9A03D,34px Bold,“每一种原料,都经得起追问”
左列标题	(60, 140)	—	金色18px Bold,“动物源成分”
左列列表	(60, 180) 起	行高1.8	白色 #FFFFFF,16px Regular,“鲜鸡肉(山东XX公司)”“冻乳鸽”“鲜鸡肝”“鲜鸡心”“鸡蛋”
右列标题	(540, 140)	—	金色18px Bold,“油脂及功能成分”
右列列表	(540, 180) 起	行高1.8	白色16px Regular,“三文鱼油”“磷虾油”“亚麻籽油”“益生菌”“丝兰提取物”
金色分隔线	(60, 380) 至 (1020, 380)	高1px	金色 #C9A03D
底部小字	(540, 1100)	—	#999999,14px Light,“原料供应商可追溯,具体信息欢迎咨询客服”
第8屏:用户评价(黑金卡片)
图片设计思路
背景:#0A0A0A。
3张卡片:背景 #1A1A1A,金色边框1px,圆角16px。内部头像金色圆形边框,昵称白色,评价文字白色,猫咪小图金色边框。
与方案二第9屏类似,但配色改为黑金。
详细设计参数
元素	坐标 (x, y)	尺寸	说明
主标题	(540, 40)	—	金色 #C9A03D,32px Bold,“他们选择,他们信任”
卡片1背景	(60, 100)	宽320px,高300px	背景 #1A1A1A,金色边框1px,圆角16px
卡片1头像	(180, 130)	直径60px	金色圆形边框,内部头像
卡片1昵称	(180, 200)	—	#CCCCCC,16px,“喵***”
卡片1正文	(60, 220)	宽280px	#FFFFFF,16px Regular,“吃了两周,软便明显改善,毛也亮了”
卡片1猫咪小图	(220, 260)	宽80px,圆角8px	金色边框1px
卡片2背景	(390, 100)	同上	同上
卡片2正文	(390, 220)	宽280px	“原来便便特别臭,换了这个粮味道小了很多”
卡片3背景	(720, 100)	同上	同上
卡片3正文	(720, 220)	宽280px	“我家挑食怪终于肯好好吃饭了”
底部小字	(540, 1130)	—	#999999,14px Light,“更多真实评价可查看店铺评价”
第9屏:检测报告(金色数据框)
图片设计思路
背景:#0A0A0A。
左侧:检测报告缩略图,加金色边框。
右侧:数据框,背景半透明黑(#00000080),金色边框,金色大数字,白色文字。
详细设计参数
元素	坐标 (x, y)	尺寸	说明
报告缩略图	(80, 200)	宽450px,圆角12px	金色边框2px
数据框	(550, 200)	宽450px,高280px	背景 #00000080,金色边框1px,圆角16px,内边距25px
框内大数字	(775, 260)	—	金色 #C9A03D,56px Heavy,“92.4%”
框内文字	(775, 330)	—	白色 #FFFFFF,20px Medium,“胃蛋白酶消化率(体外)”
框内编号	(775, 370)	—	#CCCCCC,12px Light,“A2250688959101005C”
框内小字	(775, 400)	—	#CCCCCC,12px Light,“数据反映蛋白质体外消化程度,个体差异存在”
底部说明	(540, 1120)	—	#CCCCCC,14px Light,“核心营养指标符合AAFCO、GB/T、fediaf标准”
第10屏:0添加承诺(金色禁止符号)
图片设计思路
背景:#0A0A0A。
四个禁止图标:金色禁止符号,80×80px,2×2网格。下方白色文字。标题金色。
小字灰色。
详细设计参数
元素	坐标 (x, y)	尺寸	说明
主标题	(540, 80)	—	金色 #C9A03D,32px Bold,“我们不添加什么,和添加了什么同样重要”
0谷物图标	(270, 200)	80×80px	金色禁止符号
0肉粉图标	(810, 200)	80×80px	金色禁止符号
0诱食剂图标	(270, 400)	80×80px	金色禁止符号
0防腐剂图标	(810, 400)	80×80px	金色禁止符号
图标下方文字	(270, 300), (810, 300), (270, 500), (810, 500)	—	白色 #FFFFFF,18px Bold,“0谷物”“0肉粉”“0人工诱食剂”“0人工防腐剂”
小字	(540, 550)	—	#999999,14px Light,“0谷物:不添加玉米、小麦、大米等常见谷物”
第11屏:科学喂养(黑色表格,金色边框)
图片设计思路
背景:#0A0A0A。
喂食量卡片背景 #1A1A1A,金色边框1px,文字白色(体重)和金色(喂食量)。
换粮法进度条底色 #2C2C2C,渐变金色。
详细设计参数
元素	坐标 (x, y)	尺寸	说明
主标题	(540, 60)	—	金色 #C9A03D,34px Bold,“每天喂多少?参考这个表”
卡片1	(80, 140)	宽920px,高70px	背景 #1A1A1A,金色边框1px,圆角12px;左文字18px白色“<2.5kg”,右文字18px金色“30-50g/天”
卡片2	(80, 220)	同上	“2.5-4kg”→“50-80g/天”
卡片3	(80, 300)	同上	“4-6kg”→“80-110g/天”
卡片4	(80, 380)	同上	“>6kg”→“110-140g/天”
换粮法标题	(540, 520)	—	金色 #C9A03D,24px Bold,“7天换粮法,肠胃不闹脾气”
进度条	(80, 580)	宽920px,高30px,圆角15px	底色 #2C2C2C,渐变 #C9A03D
进度条下方文字	(180,620), (460,620), (740,620), (1020,620)	—	#CCCCCC,14px Light,“第1-2天 25%新粮”“第3-4天 50%新粮”“第5-6天 75%新粮”“第7天起 100%新粮”
底部小字	(540, 1120)	—	#999999,14px Light,“请根据运动量、季节调整,并提供充足清洁饮水。”
第12屏:售后+行动号召(爱马仕橙底,金色按钮)
图片设计思路
背景:爱马仕橙 #FF6600(纯色,无渐变)。
产品包装和试吃装图片与方案一相同。
按钮:金色底,黑色文字(或白色,保持对比)。
详细设计参数
元素	坐标 (x, y)	尺寸	说明
产品包装	(280, 150)	宽280px	透明底PNG
试吃装	(720, 180)	宽200px	透明底PNG
主标题	(540, 600)	—	白色 #FFFFFF,40px Bold,“不爱吃?正装退,试吃送你”