创意预览图

合成一个详情页

用户头像

随心而走

2026.06.21
[第9屏] 服务保障与常见问题页面。 [氛围/风格] 专业可信、安心放心的信息说明风格,简洁清晰,日系简约。 [元素布局] 画面上半部分为四大服务保障图标区,四个图标横向两排排列:「上门准时」配时钟图标、「损坏赔付」配盾牌图标、「隐私保护」配锁图标、「售后回访」配电话图标;下半部分为常见问题FAQ,两个折叠式问答卡片:「服务需要我在场吗?」「整理用的收纳盒谁提供?」。背景为浅米色,卡片为白色。 [光影质感] 均匀柔和光线,图标有轻微立体感,整体干净明亮。 [配色色系] 全局底色 #F7F5F0 米白色;图标浅绿+深灰;FAQ卡片白底浅灰边框;强调色橙色。 [视角构图] 上下两段式布局,上方保障图标区,下方FAQ区,顶部标题区。 [文字版式] 顶部主标题「服务有保障 更放心」,黑体加粗居中;保障区每个图标下方有标题+简短说明:「准时上门」「迟到赔付」;「物品保障」「损坏赔偿」;「隐私保护」「全程保密」;「售后回访」「30天跟进」;FAQ区每个问题加粗显示,答案灰色小字:「Q:服务需要我在场吗?A:建议初次沟通时在场,整理过程中可以自由安排时间」「Q:收纳用品谁提供?A:可由我们代购或您自行准备,方案中会列明清单」。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,图标模糊,颜色偏差,排版拥挤。[第9屏] 服务保障与常见问题页面。
[氛围/风格] 专业可信、安心放心的信息说明风格,简洁清晰,日系简约。
[元素布局] 画面上半部分为四大服务保障图标区,四个图标横向两排排列:「上门准时」配时钟图标、「损坏赔付」配盾牌图标、「隐私保护」配锁图标、「售后回访」配电话图标;下半部分为常见问题FAQ,两个折叠式问答卡片:「服务需要我在场吗?」「整理用的收纳盒谁提供?」。背景为浅米色,卡片为白色。
[光影质感] 均匀柔和光线,图标有轻微立体感,整体干净明亮。
[配色色系] 全局底色 #F7F5F0 米白色;图标浅绿+深灰;FAQ卡片白底浅灰边框;强调色橙色。
[视角构图] 上下两段式布局,上方保障图标区,下方FAQ区,顶部标题区。
[文字版式] 顶部主标题「服务有保障 更放心」,黑体加粗居中;保障区每个图标下方有标题+简短说明:「准时上门」「迟到赔付」;「物品保障」「损坏赔偿」;「隐私保护」「全程保密」;「售后回访」「30天跟进」;FAQ区每个问题加粗显示,答案灰色小字:「Q:服务需要我在场吗?A:建议初次沟通时在场,整理过程中可以自由安排时间」「Q:收纳用品谁提供?A:可由我们代购或您自行准备,方案中会列明清单」。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,图标模糊,颜色偏差,排版拥挤。
[第7屏] 一站式贴心服务-全流程服务展示。 [氛围/风格] 专业服务风,流程清晰,贴心可靠,商业设计质感。 [元素布局] 顶部标题区,占比约15%;中部为竖向时间轴服务流程(7个步骤从上到下排列,每个步骤配圆形图标和文字说明),占比约70%;底部为服务承诺区,占比约15%;背景为浅暖灰色渐变,温馨专业。 [光影质感] 均匀柔光,图标有轻微立体感,整体明亮温暖,层次清晰。 [配色色系] 全局底色 #F5F2ED 暖灰渐变;主色深棕 #5D4E37;辅助色古铜金 #B8860B、暖橙 #E67E22、白色 #FFFFFF。 [视角构图] 正面平视,竖向时间轴布局,阅读动线从上到下依次阅读。 [文字版式] 版式为顶部标题 + 中部7步时间轴 + 底部承诺。主标题「一站式贴心服务」,副标题「全程跟进 售后无忧」,深棕粗体,居中;7个服务步骤竖向排列:1.对话图标+「免费咨询对接」2.卷尺图标+「上门勘测测量」3.设计图标+「一对一设计方案」4.相机图标+「生产进度实拍」5.箱子图标+「模块化生产运输」6.扳手图标+「上门安装指导」7.盾牌图标+「售后保障服务」;每个步骤圆形图标在左,文字在右,中间用虚线连接成时间轴;底部服务承诺:「专业团队 全程省心」,暖橙色背景白色文字。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 流程混乱,图标模糊,颜色偏差,水印,文字错乱,排版拥挤。[第7屏] 一站式贴心服务-全流程服务展示。
[氛围/风格] 专业服务风,流程清晰,贴心可靠,商业设计质感。
[元素布局] 顶部标题区,占比约15%;中部为竖向时间轴服务流程(7个步骤从上到下排列,每个步骤配圆形图标和文字说明),占比约70%;底部为服务承诺区,占比约15%;背景为浅暖灰色渐变,温馨专业。
[光影质感] 均匀柔光,图标有轻微立体感,整体明亮温暖,层次清晰。
[配色色系] 全局底色 #F5F2ED 暖灰渐变;主色深棕 #5D4E37;辅助色古铜金 #B8860B、暖橙 #E67E22、白色 #FFFFFF。
[视角构图] 正面平视,竖向时间轴布局,阅读动线从上到下依次阅读。
[文字版式] 版式为顶部标题 + 中部7步时间轴 + 底部承诺。主标题「一站式贴心服务」,副标题「全程跟进 售后无忧」,深棕粗体,居中;7个服务步骤竖向排列:1.对话图标+「免费咨询对接」2.卷尺图标+「上门勘测测量」3.设计图标+「一对一设计方案」4.相机图标+「生产进度实拍」5.箱子图标+「模块化生产运输」6.扳手图标+「上门安装指导」7.盾牌图标+「售后保障服务」;每个步骤圆形图标在左,文字在右,中间用虚线连接成时间轴;底部服务承诺:「专业团队 全程省心」,暖橙色背景白色文字。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 流程混乱,图标模糊,颜色偏差,水印,文字错乱,排版拥挤。
[第2屏] 核心卖点总览,定制地图服务四大优势展示。 [氛围/风格] 专业干净简约设计风,浅蓝背景,清晰明亮,商务设计质感,信息层级分明。 [元素布局] 页面顶部放置标题,下方分四个卡片区域展示四大卖点,每个区域配有小图标、标题和短句说明,四个卡片均匀分布,上下留白充足。每个卡片占比约四分之一,信息排布整齐。 [光影质感] 整体光线均匀柔和,卡片之间有浅灰色分割线,每个卡片带有轻微阴影增加层次感,整体清晰通透。 [配色色系] 全局底色:#F5F8FC;主体配色:#0F2B5B(标题文字),#3A7CA5(卡片边框),#FFFFFF(卡片背景);辅助色:#87CEEB(图标底色)。 [视角构图] 正面排版,横版信息分布,上下结构,标题在上,卖点卡片在下,符合从上到下阅读顺序。 [文字版式] 顶部主标题"四大核心优势 打造专属精准地图",深蓝色加粗字体,居中排列,字号为画面宽度5%。四个卖点卡片从上到下依次排列,每个卡片左侧图标,右侧文字: 1. 标题"专业定制 精准匹配",说明:任意区域 精准还原细节; 2. 标题"高清喷绘 细节清晰",说明:色彩鲜艳 线条锐利清晰; 3. 标题"多种材质 随心选择",说明:多款式装裱 适配不同需求; 4. 标题"多类地图 满足需求",说明:全品类支持 适用多样场景; 文字层级分明,标题加粗,说明文字浅灰色,均清晰可读,不互相遮挡。 [比例分辨率] 宽高比 3:4,分辨率 4K,文字清晰可辨,超高清。 [负向提示词] 布局混乱,文字错乱,卡片变形,颜色刺眼,水印,背景杂乱,诱导按钮,联系方式[第2屏] 核心卖点总览,定制地图服务四大优势展示。
[氛围/风格] 专业干净简约设计风,浅蓝背景,清晰明亮,商务设计质感,信息层级分明。
[元素布局] 页面顶部放置标题,下方分四个卡片区域展示四大卖点,每个区域配有小图标、标题和短句说明,四个卡片均匀分布,上下留白充足。每个卡片占比约四分之一,信息排布整齐。
[光影质感] 整体光线均匀柔和,卡片之间有浅灰色分割线,每个卡片带有轻微阴影增加层次感,整体清晰通透。
[配色色系] 全局底色:#F5F8FC;主体配色:#0F2B5B(标题文字),#3A7CA5(卡片边框),#FFFFFF(卡片背景);辅助色:#87CEEB(图标底色)。
[视角构图] 正面排版,横版信息分布,上下结构,标题在上,卖点卡片在下,符合从上到下阅读顺序。
[文字版式] 顶部主标题"四大核心优势 打造专属精准地图",深蓝色加粗字体,居中排列,字号为画面宽度5%。四个卖点卡片从上到下依次排列,每个卡片左侧图标,右侧文字:
1. 标题"专业定制 精准匹配",说明:任意区域 精准还原细节;
2. 标题"高清喷绘 细节清晰",说明:色彩鲜艳 线条锐利清晰;
3. 标题"多种材质 随心选择",说明:多款式装裱 适配不同需求;
4. 标题"多类地图 满足需求",说明:全品类支持 适用多样场景;
文字层级分明,标题加粗,说明文字浅灰色,均清晰可读,不互相遮挡。
[比例分辨率] 宽高比 3:4,分辨率 4K,文字清晰可辨,超高清。
[负向提示词] 布局混乱,文字错乱,卡片变形,颜色刺眼,水印,背景杂乱,诱导按钮,联系方式
[第6屏] 售后服务保障页-斜角直角红色翼闸,展示售后安装服务保障。本屏左上角放置【图1】产品小图,保持产品结构颜色与原图一致。 [氛围/风格] 专业可靠,简洁大气,增强购买信任。 [元素布局] 顶部大标题,中间区域分四个图标矩阵展示服务保障,底部收尾文案,整体排版均衡舒适。背景为纯净浅灰色,简约不花哨,突出服务信息。 [光影质感] 均匀布光,图标文字清晰明亮,产品小图质感真实,整体干净通透。 [配色色系] 全局底色 #F5F7F9,保持整套详情页风格统一;标题黑色,服务标题红色点缀,说明文字深灰色,图标灰色,和整体配色协调。 [视角构图] 中心排版,从上到下依次为标题、服务矩阵、收尾文案,阅读顺序清晰流畅。 [文字版式] 顶部大标题 "专业服务 售后无忧",黑色加粗居中。中间四个服务保障模块呈2x2矩阵排列:1、全国上门安装,说明 "专业团队 上门勘测安装";2、定制通道,说明 "支持多种规格 按需定制";3、工程质保,说明 "品质保障 稳定运行";4、及时响应,说明 "专业售后 快速处理问题";每个模块配对应服务图标,图标在上,标题和说明在下,文字清晰,间距均匀。底部收尾文案 "全国上门安装 让您采购放心 使用舒心",居中排列,字号适中,不添加诱导抢购按钮。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 文字错乱,排版混乱,产品变形,颜色偏差,水印,诱导按钮,杂乱背景[第6屏] 售后服务保障页-斜角直角红色翼闸,展示售后安装服务保障。本屏左上角放置【图1】产品小图,保持产品结构颜色与原图一致。
[氛围/风格] 专业可靠,简洁大气,增强购买信任。
[元素布局] 顶部大标题,中间区域分四个图标矩阵展示服务保障,底部收尾文案,整体排版均衡舒适。背景为纯净浅灰色,简约不花哨,突出服务信息。
[光影质感] 均匀布光,图标文字清晰明亮,产品小图质感真实,整体干净通透。
[配色色系] 全局底色 #F5F7F9,保持整套详情页风格统一;标题黑色,服务标题红色点缀,说明文字深灰色,图标灰色,和整体配色协调。
[视角构图] 中心排版,从上到下依次为标题、服务矩阵、收尾文案,阅读顺序清晰流畅。
[文字版式] 顶部大标题 "专业服务 售后无忧",黑色加粗居中。中间四个服务保障模块呈2x2矩阵排列:1、全国上门安装,说明 "专业团队 上门勘测安装";2、定制通道,说明 "支持多种规格 按需定制";3、工程质保,说明 "品质保障 稳定运行";4、及时响应,说明 "专业售后 快速处理问题";每个模块配对应服务图标,图标在上,标题和说明在下,文字清晰,间距均匀。底部收尾文案 "全国上门安装 让您采购放心 使用舒心",居中排列,字号适中,不添加诱导抢购按钮。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 文字错乱,排版混乱,产品变形,颜色偏差,水印,诱导按钮,杂乱背景
一、核心配色体系(匹配行业属性) 围绕「环保农业+工业制造」的双重属性,采用低饱和专业配色,避免过于刺眼或廉价的视觉感受: 主色调(70%页面占比)‌:低饱和深草绿 #2C5F2D + 米白底 #FAF9F6 深草绿呼应有机肥、农业属性,比亮绿色更沉稳专业,适配工业设备定位;米白背景降低长时间浏览的视觉疲劳,提升内容可读性 辅助色(25%页面占比)‌:原木棕 #977249 + 浅灰蓝 #E0EBE8 原木棕强化自然有机的感知,用作模块标题、图标描边;浅灰蓝分隔内容区块,弱化工业感的生硬 强调色(5%页面占比)‌:暖橙 #FF7F3E 仅用于转化按钮、核心数据高亮、重要标签,和绿色背景形成柔和对比,既吸引注意力又不突兀,有效引导点击 二、分模块排版优化(从上到下视觉流) 1. 首屏:黄金3秒吸引区(通栏全屏排版) 排版结构‌:顶部通栏放「15s生产线运行短视频+主视觉图轮播」,视频左侧叠加核心slogan,右侧悬浮转化组件 细节设计‌: slogan用深草绿加粗大字:「粪污资源化 定制有机肥全套生产线 环保达标」,下方小字标注「从发酵到包装全自动化交付」 右侧悬浮固定暖橙色「免费获取定制方案」咨询按钮,下方缩小字显示「已为200+工厂完成落地」,按钮 hover 时微微放大强化交互提示 页面顶部放精简悬浮导航:「产品选型/核心工艺/客户案例/服务保障」,点击直接跳转对应模块,方便用户快速找内容 2. 痛点共鸣区(卡片式分段排版) 排版结构‌:浅灰蓝圆角大卡片居中,标题左对齐,痛点用图标+文字分四列排列 细节设计‌: 标题用原木棕加粗:「选有机肥生产线,你是不是踩过这些坑?」 四个痛点每个配红色感叹小图标,文字点明核心焦虑:「产能虚标/腐熟不彻底/环保不达标/售后无人管」 卡片底部居中放浅色描边按钮「查看我们的解决方案」,点击自动跳转下一个模块 3. 定制方案区(三栏错位卡片排版) 排版结构‌:按规模分三个场景,用不等宽卡片错位排列,打破工业页的呆板感 细节设计‌: 每个卡片对应不同规模:小型(1-3万吨/年)/中型(5-10万吨/年)/大型(10万吨+),卡片标题用深草绿背景白字,核心优势用对勾+文字分点列出,图片对应放对应生产线的工厂实拍 每个卡片右下角放小型暖橙「咨询该型号」按钮,方便用户直接对号入座咨询 模块整体留白比首屏增加15%,避免内容过多造成压迫感 4. 工艺技术区(左图右文+流程图排版) 排版结构‌:通栏拆分左右两部分,左侧放工艺流程图/设备特写图,右侧分点讲解核心技术 细节设计‌: 流程图用浅灰色线条连接每个工艺节点:「原料预处理→智能发酵→破碎筛分→造粒烘干→冷却包装→环保处理」,每个节点用深草绿圆角标签标注,核心优势点(比如「7天快速腐熟」「95%成品率」)用暖橙高亮标注 文字部分每个工艺配对应的小图标,关键数据(「虫卵杀灭率99%」「废气达标一级」)用加粗暖橙色放大,让专业内容更易读 5. 参数选型区(对比表格排版) 排版结构‌:浅灰色边框的极简表格,表头用深草绿背景白字,行间隔用米白和浅灰区分 细节设计‌: 表格列清晰划分:型号、产能、占地面积、能耗、适用场景、参考价、选型 「咨询选型」列统一放小型暖橙按钮,推荐爆款型号(比如中型颗粒线)整行加浅橙底色标注,引导用户关注高转化品类 6. 信任背书区(左图右文卡片轮播排版) 排版结构‌:轮播卡片形式,左侧放客户工厂实景图+设备合影,右侧放客户评价文字 细节设计‌: 评价文字用斜体区分,核心收益(「一年多赚80万」「顺利拿到补贴」)加粗用深草绿标注,下方标注客户地址、投产时间、对接工程师 下方补充缩略小图轮播,可放资质证书、检测报告、补贴文件实拍,点击可放大查看,强化权威信任 7. 服务保障区(图标网格排版) 排版结构‌:五项保障分五宫格排列,每个格子配对应图标+短文字 细节设计‌: 图标用原木棕线条设计,标题加粗,文字简化:「免费勘测场地/上门安装培训/整机质保1年/48小时上门维修/终身技术升级」 整体用浅灰蓝背景区隔,和前后模块形成视觉区分,打消用户决策顾虑 8. 收尾转化区(全屏撞色排版) 排版结构‌:深草绿通栏背景,文字居中排列,三个转化入口并列 细节设计‌: 标题用白色加粗:「立即获取免费定制方案」,下方白色小字列出福利:「免费勘测/免费产能测算/免费环保指导」 三个转化入口分别为:暖橙色大按钮「在线咨询」、浅色边框按钮「电话联系」、「留言获取选型手册」,满足不同用户的沟通偏好 底部小字放企业联系方式和资质备案信息,进一步增强信任感 三、排版&配色优化原则 呼吸感留白‌:每个模块之间保留足够间距,避免工业内容堆砌造成的压抑,移动端自动适配单列排版,保证按钮可点击范围不小于48px 视觉层次清晰‌:通过颜色深浅、字体大小、区块背景区分内容层级,核心转化元素始终用强调色突出,引导用户视觉流自然向下流动 适配场景‌:PC端侧重展示细节图片和参数,移动端优先展示选型和转化按钮,适配B端用户手机看货、咨询的习惯一、核心配色体系(匹配行业属性)
围绕「环保农业+工业制造」的双重属性,采用低饱和专业配色,避免过于刺眼或廉价的视觉感受:

主色调(70%页面占比)‌:低饱和深草绿 #2C5F2D + 米白底 #FAF9F6
深草绿呼应有机肥、农业属性,比亮绿色更沉稳专业,适配工业设备定位;米白背景降低长时间浏览的视觉疲劳,提升内容可读性
辅助色(25%页面占比)‌:原木棕 #977249 + 浅灰蓝 #E0EBE8
原木棕强化自然有机的感知,用作模块标题、图标描边;浅灰蓝分隔内容区块,弱化工业感的生硬
强调色(5%页面占比)‌:暖橙 #FF7F3E
仅用于转化按钮、核心数据高亮、重要标签,和绿色背景形成柔和对比,既吸引注意力又不突兀,有效引导点击
二、分模块排版优化(从上到下视觉流)
1. 首屏:黄金3秒吸引区(通栏全屏排版)
排版结构‌:顶部通栏放「15s生产线运行短视频+主视觉图轮播」,视频左侧叠加核心slogan,右侧悬浮转化组件
细节设计‌:
slogan用深草绿加粗大字:「粪污资源化 定制有机肥全套生产线 环保达标」,下方小字标注「从发酵到包装全自动化交付」
右侧悬浮固定暖橙色「免费获取定制方案」咨询按钮,下方缩小字显示「已为200+工厂完成落地」,按钮 hover 时微微放大强化交互提示
页面顶部放精简悬浮导航:「产品选型/核心工艺/客户案例/服务保障」,点击直接跳转对应模块,方便用户快速找内容
2. 痛点共鸣区(卡片式分段排版)
排版结构‌:浅灰蓝圆角大卡片居中,标题左对齐,痛点用图标+文字分四列排列
细节设计‌:
标题用原木棕加粗:「选有机肥生产线,你是不是踩过这些坑?」
四个痛点每个配红色感叹小图标,文字点明核心焦虑:「产能虚标/腐熟不彻底/环保不达标/售后无人管」
卡片底部居中放浅色描边按钮「查看我们的解决方案」,点击自动跳转下一个模块
3. 定制方案区(三栏错位卡片排版)
排版结构‌:按规模分三个场景,用不等宽卡片错位排列,打破工业页的呆板感
细节设计‌:
每个卡片对应不同规模:小型(1-3万吨/年)/中型(5-10万吨/年)/大型(10万吨+),卡片标题用深草绿背景白字,核心优势用对勾+文字分点列出,图片对应放对应生产线的工厂实拍
每个卡片右下角放小型暖橙「咨询该型号」按钮,方便用户直接对号入座咨询
模块整体留白比首屏增加15%,避免内容过多造成压迫感
4. 工艺技术区(左图右文+流程图排版)
排版结构‌:通栏拆分左右两部分,左侧放工艺流程图/设备特写图,右侧分点讲解核心技术
细节设计‌:
流程图用浅灰色线条连接每个工艺节点:「原料预处理→智能发酵→破碎筛分→造粒烘干→冷却包装→环保处理」,每个节点用深草绿圆角标签标注,核心优势点(比如「7天快速腐熟」「95%成品率」)用暖橙高亮标注
文字部分每个工艺配对应的小图标,关键数据(「虫卵杀灭率99%」「废气达标一级」)用加粗暖橙色放大,让专业内容更易读
5. 参数选型区(对比表格排版)
排版结构‌:浅灰色边框的极简表格,表头用深草绿背景白字,行间隔用米白和浅灰区分
细节设计‌:
表格列清晰划分:型号、产能、占地面积、能耗、适用场景、参考价、选型
「咨询选型」列统一放小型暖橙按钮,推荐爆款型号(比如中型颗粒线)整行加浅橙底色标注,引导用户关注高转化品类
6. 信任背书区(左图右文卡片轮播排版)
排版结构‌:轮播卡片形式,左侧放客户工厂实景图+设备合影,右侧放客户评价文字
细节设计‌:
评价文字用斜体区分,核心收益(「一年多赚80万」「顺利拿到补贴」)加粗用深草绿标注,下方标注客户地址、投产时间、对接工程师
下方补充缩略小图轮播,可放资质证书、检测报告、补贴文件实拍,点击可放大查看,强化权威信任
7. 服务保障区(图标网格排版)
排版结构‌:五项保障分五宫格排列,每个格子配对应图标+短文字
细节设计‌:
图标用原木棕线条设计,标题加粗,文字简化:「免费勘测场地/上门安装培训/整机质保1年/48小时上门维修/终身技术升级」
整体用浅灰蓝背景区隔,和前后模块形成视觉区分,打消用户决策顾虑
8. 收尾转化区(全屏撞色排版)
排版结构‌:深草绿通栏背景,文字居中排列,三个转化入口并列
细节设计‌:
标题用白色加粗:「立即获取免费定制方案」,下方白色小字列出福利:「免费勘测/免费产能测算/免费环保指导」
三个转化入口分别为:暖橙色大按钮「在线咨询」、浅色边框按钮「电话联系」、「留言获取选型手册」,满足不同用户的沟通偏好
底部小字放企业联系方式和资质备案信息,进一步增强信任感
三、排版&配色优化原则
呼吸感留白‌:每个模块之间保留足够间距,避免工业内容堆砌造成的压抑,移动端自动适配单列排版,保证按钮可点击范围不小于48px
视觉层次清晰‌:通过颜色深浅、字体大小、区块背景区分内容层级,核心转化元素始终用强调色突出,引导用户视觉流自然向下流动
适配场景‌:PC端侧重展示细节图片和参数,移动端优先展示选型和转化按钮,适配B端用户手机看货、咨询的习惯