创意预览图

[第10屏] 详情页合作流程板块 - 便捷合作服务流程展示。 [氛围/风格] 流程导向科技风,清晰直观,专业简洁。 [元素布局] 顶部大标题,下方纵向排列五个流程节点,从上到下依次推进,每个节点配序号

用户头像

喜柿科技

2026.07.08
[第10屏] 详情页合作流程板块 - 便捷合作服务流程展示。 [氛围/风格] 流程导向科技风,清晰直观,专业简洁。 [元素布局] 顶部大标题,下方纵向排列五个流程节点,从上到下依次推进,每个节点配序号和图标,形成清晰流程动线,布局均衡合理。 [光影质感] 整体均匀柔光,标题高亮,每个流程节点分隔清晰,序号图标高亮突出,文字亮度适中,对比清晰。 [配色色系] 全局底色 #0F172A,流程节点卡片背景 #1E293B,序号浅蓝色圆形底配白色数字,标题浅蓝色,说明文字浅灰色,整体配色统一。 [视角构图] 通栏从上到下纵向排列流程节点,每个节点占比均匀,阅读动线从上到下流畅清晰。 [文字版式] 顶部大标题「便捷合作流程 高效项目落地」白色加粗居中;五个流程依次: 1. 咨询沟通:联系客服,说明您的产品形态与项目需求 2. 方案评估:技术团队评估适配性,提供初步方案与建议 3. 样品测试:申请样品,进行实际场景测试与效果验证 4. 商务对接:确认合作细节,签订合作协议 5. 技术支持:全流程技术支持,保障项目顺利落地量产 每个流程序号圆形在前,标题浅蓝色加粗,说明浅灰色小字在后,左对齐排列,清晰可读。 [比例分辨率] 3:4竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 水印,文字错乱,文字过小,流程错位,背景杂乱[第10屏] 详情页合作流程板块 - 便捷合作服务流程展示。
[氛围/风格] 流程导向科技风,清晰直观,专业简洁。
[元素布局] 顶部大标题,下方纵向排列五个流程节点,从上到下依次推进,每个节点配序号和图标,形成清晰流程动线,布局均衡合理。
[光影质感] 整体均匀柔光,标题高亮,每个流程节点分隔清晰,序号图标高亮突出,文字亮度适中,对比清晰。
[配色色系] 全局底色 #0F172A,流程节点卡片背景 #1E293B,序号浅蓝色圆形底配白色数字,标题浅蓝色,说明文字浅灰色,整体配色统一。
[视角构图] 通栏从上到下纵向排列流程节点,每个节点占比均匀,阅读动线从上到下流畅清晰。
[文字版式] 顶部大标题「便捷合作流程 高效项目落地」白色加粗居中;五个流程依次:
1. 咨询沟通:联系客服,说明您的产品形态与项目需求
2. 方案评估:技术团队评估适配性,提供初步方案与建议
3. 样品测试:申请样品,进行实际场景测试与效果验证
4. 商务对接:确认合作细节,签订合作协议
5. 技术支持:全流程技术支持,保障项目顺利落地量产
每个流程序号圆形在前,标题浅蓝色加粗,说明浅灰色小字在后,左对齐排列,清晰可读。
[比例分辨率] 3:4竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 水印,文字错乱,文字过小,流程错位,背景杂乱
[主图 3] 企业官网定制服务为什么选择我们信任背书图。 [氛围风格] 专业商务科技风格,延续深蓝色科技背景,风格配色与前两图完全统一。 [画质] 商业设计质感,文字清晰锐利,画面干净高级,超高清。 [元素] 深蓝色科技渐变背景,细网格光点底纹。上方大标题“为什么选择我们”,下方展示四段阶梯式进阶,每个阶梯配大号数字序号和图标,从左往右上升排列:1、需求调研,对话沟通梳理企业需求;2、方案设计,设计师定制页面结构设计;3、开发上线,技术团队专业开发测试;4、售后维护,长期技术支持维护。每个阶梯块浅蓝底色深蓝色文字,图标对应每个环节,箭头连接上升方向,体现专业流程化服务。整体排版整洁有序,商品信息占比约70%,画面满屏无边框。 [光影] 光线均匀通透,阶梯模块有轻微投影层次感,背景科技光点点缀,明暗清晰。 [配色] 主色调深蓝色,辅助色浅蓝和白色,和整套主图配色保持一致统一。 [视角构图] 中心横向阶梯构图,流程方向从左到右清晰引导视觉。 [文字版式] 顶部大标题深蓝色粗体最大,每个阶梯内序号加粗大于说明文字,信息层级分明,对比清晰易读,保留安全边距。 [比例分辨率] 1:1比例,2k分辨率,文字清晰可辨,超高清。 [负向提示词] 变形,水印,文字错乱,背景杂乱,配色刺眼,遮挡主体,绝对化违禁词,最,第一,顶级[主图 3] 企业官网定制服务为什么选择我们信任背书图。
[氛围风格] 专业商务科技风格,延续深蓝色科技背景,风格配色与前两图完全统一。
[画质] 商业设计质感,文字清晰锐利,画面干净高级,超高清。
[元素] 深蓝色科技渐变背景,细网格光点底纹。上方大标题“为什么选择我们”,下方展示四段阶梯式进阶,每个阶梯配大号数字序号和图标,从左往右上升排列:1、需求调研,对话沟通梳理企业需求;2、方案设计,设计师定制页面结构设计;3、开发上线,技术团队专业开发测试;4、售后维护,长期技术支持维护。每个阶梯块浅蓝底色深蓝色文字,图标对应每个环节,箭头连接上升方向,体现专业流程化服务。整体排版整洁有序,商品信息占比约70%,画面满屏无边框。
[光影] 光线均匀通透,阶梯模块有轻微投影层次感,背景科技光点点缀,明暗清晰。
[配色] 主色调深蓝色,辅助色浅蓝和白色,和整套主图配色保持一致统一。
[视角构图] 中心横向阶梯构图,流程方向从左到右清晰引导视觉。
[文字版式] 顶部大标题深蓝色粗体最大,每个阶梯内序号加粗大于说明文字,信息层级分明,对比清晰易读,保留安全边距。
[比例分辨率] 1:1比例,2k分辨率,文字清晰可辨,超高清。
[负向提示词] 变形,水印,文字错乱,背景杂乱,配色刺眼,遮挡主体,绝对化违禁词,最,第一,顶级
[第6张] 详情页标准化服务交付流程——六步全链路清晰流程。 [氛围/风格] 商务专业风,深蓝背景,时间轴流程图布局,步骤清晰,逻辑感强。 [元素布局] 画面顶部为标题区;中间主体为一条垂直向下的金色时间轴线,线上均匀分布6个圆形节点,每个节点内有步骤编号(1-6);节点左右交替排列步骤卡片,卡片为半透明深蓝色,边缘金色描边;每个步骤卡片配一个小图标和步骤名称;时间轴底部有终点旗帜图标,象征服务完成。 [光影质感] 时间轴线有发光效果,节点有金属光泽,卡片有轻微悬浮投影,整体明亮专业。 [配色色系] 全局底色 #0F172A;时间轴金色 #D4AF37;节点底色深蓝 + 金色数字;卡片底色 #1E3A8A 半透明;文字白色。 [视角构图] 垂直时间轴布局,自上而下阅读,步骤左右交替排列,动线流畅。 [文字版式] 顶部主标题「6步标准化交付 合作透明可控」,白色粗体居中,下方金色装饰线;6个步骤依次为:1.「需求确认 & 签约合作」(左侧卡片,配握手图标);2.「资料收集 项目启动」(右侧卡片,配文件夹图标);3.「日常月度服务交付」(左侧卡片,配日历图标);4.「专项增值服务交付」(右侧卡片,配星标图标);5.「季度年度成果交付」(左侧卡片,配报告图标);6.「验收归档 & 售后整改」(右侧卡片,配对勾盾牌图标);每个步骤标题金色,下方一行白色小字说明。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,时间轴变形,图标模糊,颜色偏差。[第6张] 详情页标准化服务交付流程——六步全链路清晰流程。
[氛围/风格] 商务专业风,深蓝背景,时间轴流程图布局,步骤清晰,逻辑感强。
[元素布局] 画面顶部为标题区;中间主体为一条垂直向下的金色时间轴线,线上均匀分布6个圆形节点,每个节点内有步骤编号(1-6);节点左右交替排列步骤卡片,卡片为半透明深蓝色,边缘金色描边;每个步骤卡片配一个小图标和步骤名称;时间轴底部有终点旗帜图标,象征服务完成。
[光影质感] 时间轴线有发光效果,节点有金属光泽,卡片有轻微悬浮投影,整体明亮专业。
[配色色系] 全局底色 #0F172A;时间轴金色 #D4AF37;节点底色深蓝 + 金色数字;卡片底色 #1E3A8A 半透明;文字白色。
[视角构图] 垂直时间轴布局,自上而下阅读,步骤左右交替排列,动线流畅。
[文字版式] 顶部主标题「6步标准化交付 合作透明可控」,白色粗体居中,下方金色装饰线;6个步骤依次为:1.「需求确认 & 签约合作」(左侧卡片,配握手图标);2.「资料收集 项目启动」(右侧卡片,配文件夹图标);3.「日常月度服务交付」(左侧卡片,配日历图标);4.「专项增值服务交付」(右侧卡片,配星标图标);5.「季度年度成果交付」(左侧卡片,配报告图标);6.「验收归档 & 售后整改」(右侧卡片,配对勾盾牌图标);每个步骤标题金色,下方一行白色小字说明。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,时间轴变形,图标模糊,颜色偏差。
[第3屏] 核心卖点总览页面。[氛围/风格] 深蓝色科技背景,专业稳重,卖点清晰突出,信息层级分明。[元素布局] 顶部主标题,下方排列6个卖点卡片,每个卡片配图标+标题+说明,上下依次排布,留有合适间距,整体透气不拥挤。背景带有微弱浅蓝色科技网格纹理,增加设计感不抢主体。[光影质感] 整体光线均匀,卡片带有微弱高光浮雕效果,文字清晰不发虚。[配色色系] 全局底色:#2B4162(深蓝);主文字:#F8F9FA(白色);卡片背景:rgba(255,255,255,0.15)半透明白;辅助点缀色:#57CC99(浅绿)。[视角构图] 通栏竖版从上到下排布,符合移动端从上到下阅读顺序。[文字版式] 顶部主标题「核心优势 一目了然」,白色加粗居中。每个卖点卡片从上到下依次为:图标+主标题+说明文字: 1. 高纯度达标:「纯度≥99.9% 杂质含量低」「满足科研实验纯度要求」 2. 规格齐全:「多种规格可选」「颗粒/块/锭都可供应」 3. 现货速发:「厂家现货储备」「下单后48小时内发货」 4. 支持定制:「可接受特殊规格定制」「满足不同实验需求」 5. 正规票据:「可开具正规发票」「科研报销更方便」 6. 物流保障:「顺丰快递发货」「快速到货不延误」 文字大小分级清晰,主标题加粗,说明浅色,手机端清晰可读。[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。[负向提示词] 文字错乱,排版拥挤,文字模糊,颜色对比不足,水印,背景杂乱[第3屏] 核心卖点总览页面。[氛围/风格] 深蓝色科技背景,专业稳重,卖点清晰突出,信息层级分明。[元素布局] 顶部主标题,下方排列6个卖点卡片,每个卡片配图标+标题+说明,上下依次排布,留有合适间距,整体透气不拥挤。背景带有微弱浅蓝色科技网格纹理,增加设计感不抢主体。[光影质感] 整体光线均匀,卡片带有微弱高光浮雕效果,文字清晰不发虚。[配色色系] 全局底色:#2B4162(深蓝);主文字:#F8F9FA(白色);卡片背景:rgba(255,255,255,0.15)半透明白;辅助点缀色:#57CC99(浅绿)。[视角构图] 通栏竖版从上到下排布,符合移动端从上到下阅读顺序。[文字版式] 顶部主标题「核心优势 一目了然」,白色加粗居中。每个卖点卡片从上到下依次为:图标+主标题+说明文字:
1. 高纯度达标:「纯度≥99.9% 杂质含量低」「满足科研实验纯度要求」
2. 规格齐全:「多种规格可选」「颗粒/块/锭都可供应」
3. 现货速发:「厂家现货储备」「下单后48小时内发货」
4. 支持定制:「可接受特殊规格定制」「满足不同实验需求」
5. 正规票据:「可开具正规发票」「科研报销更方便」
6. 物流保障:「顺丰快递发货」「快速到货不延误」
文字大小分级清晰,主标题加粗,说明浅色,手机端清晰可读。[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。[负向提示词] 文字错乱,排版拥挤,文字模糊,颜色对比不足,水印,背景杂乱
[第4张] 服务流程拆解页 - 四步服务流程时间轴。 [氛围/风格] 专业清晰商务风,时间轴式流程展示,逻辑感强,现代设计。 [元素布局] 顶部标题区,中部主体为一条横向或纵向时间轴,连接4个步骤节点。每个节点为一个圆形数字编号(01/02/03/04),旁边配一个步骤卡片,卡片含图标、步骤名称、详细说明。时间轴用蓝色线条连接,节点处有发光圆点。背景有淡淡的箭头线条装饰,强化流程感。 [光影质感] 均匀柔光,节点圆点有发光效果,卡片有轻微投影,整体干净明亮。 [配色色系] 全局底色 #F0F5FF 浅蓝;时间轴线 #2563EB 蓝色;节点圆 #FF7A00 橙色;卡片白色底 #FFFFFF;文字深灰 #1F2937。 [视角构图] 正面平视,纵向时间轴居中偏左,步骤卡片依次排列右侧,阅读动线从顶部标题 → 自上而下沿时间轴浏览4个步骤 → 底部承诺语。 [文字版式] 顶部主标题「4步搞定 简单高效」,粗黑体;下方副标题「透明流程 全程可控」;4个步骤分别为:01「需求沟通」- 说明「联系客服 说明需求 确认报价与周期」;02「方案确认」- 说明「提供参考文件 确认排版风格与要求」;03「制作交付」- 说明「专业团队制作 按时交付初稿」;04「修改满意」- 说明「免费调整 修改到您满意为止」。底部橙色强调条「全程一对一沟通 保障交付质量」。文字清晰可读,移动端友好。 [比例分辨率] 3:4 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,线条模糊,颜色偏差,出现平台logo。[第4张] 服务流程拆解页 - 四步服务流程时间轴。
[氛围/风格] 专业清晰商务风,时间轴式流程展示,逻辑感强,现代设计。
[元素布局] 顶部标题区,中部主体为一条横向或纵向时间轴,连接4个步骤节点。每个节点为一个圆形数字编号(01/02/03/04),旁边配一个步骤卡片,卡片含图标、步骤名称、详细说明。时间轴用蓝色线条连接,节点处有发光圆点。背景有淡淡的箭头线条装饰,强化流程感。
[光影质感] 均匀柔光,节点圆点有发光效果,卡片有轻微投影,整体干净明亮。
[配色色系] 全局底色 #F0F5FF 浅蓝;时间轴线 #2563EB 蓝色;节点圆 #FF7A00 橙色;卡片白色底 #FFFFFF;文字深灰 #1F2937。
[视角构图] 正面平视,纵向时间轴居中偏左,步骤卡片依次排列右侧,阅读动线从顶部标题 → 自上而下沿时间轴浏览4个步骤 → 底部承诺语。
[文字版式] 顶部主标题「4步搞定 简单高效」,粗黑体;下方副标题「透明流程 全程可控」;4个步骤分别为:01「需求沟通」- 说明「联系客服 说明需求 确认报价与周期」;02「方案确认」- 说明「提供参考文件 确认排版风格与要求」;03「制作交付」- 说明「专业团队制作 按时交付初稿」;04「修改满意」- 说明「免费调整 修改到您满意为止」。底部橙色强调条「全程一对一沟通 保障交付质量」。文字清晰可读,移动端友好。
[比例分辨率] 3:4 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,线条模糊,颜色偏差,出现平台logo。
[第10屏] 售后保障服务说明,展示品牌承诺与售后保障。 [氛围/风格] 简洁可信风格,深色科技底,icon矩阵排版,专业稳重,保持整套风格统一。 [元素布局] 顶部放置主标题,中间2行2列icon矩阵展示四项核心售后保障,每个保障包含图标+标题+简短说明,底部放置收束品牌文案,整体排版均匀透气,不拥挤。 [光影质感] 整体光照均匀,每个icon卡片有轻微阴影增加层次感,图标明亮,文字清晰,整体视觉干净舒适。 [配色色系] 全局底色:#1A202C(深灰蓝),保持整套统一;卡片底色:#2D3748(浅灰蓝);icons:#60A5FA(浅蓝色);标题文字:#FFFFFF(白色);说明文字:#CBD5E1(浅灰色)。 [视角构图] 竖版从上到下构图,矩阵排列整齐,上下留白适中,符合移动端浏览习惯。 [文字版式] 顶部主标题:"品牌保障 售后无忧",白色粗体居中。四个保障模块分别为: 1. 品质保障:全新原厂出品 严格出厂检测 2. 技术支持:专业团队 提供技术对接服务 3. 售后质保:一年质保 支持维修更换 4. 开发支持:完善SDK 提供二次开发指导 每个模块图标在上,文字在下,排版统一。底部居中放置收束文案:"专业工业相机解决方案",浅蓝色小字,不诱导抢购,符合规范。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] icon排列错乱,文字重叠,颜色偏差,背景杂乱,水印,出现抢购/立即购买等诱导按钮,配色和前屏不一致。[第10屏] 售后保障服务说明,展示品牌承诺与售后保障。
[氛围/风格] 简洁可信风格,深色科技底,icon矩阵排版,专业稳重,保持整套风格统一。
[元素布局] 顶部放置主标题,中间2行2列icon矩阵展示四项核心售后保障,每个保障包含图标+标题+简短说明,底部放置收束品牌文案,整体排版均匀透气,不拥挤。
[光影质感] 整体光照均匀,每个icon卡片有轻微阴影增加层次感,图标明亮,文字清晰,整体视觉干净舒适。
[配色色系] 全局底色:#1A202C(深灰蓝),保持整套统一;卡片底色:#2D3748(浅灰蓝);icons:#60A5FA(浅蓝色);标题文字:#FFFFFF(白色);说明文字:#CBD5E1(浅灰色)。
[视角构图] 竖版从上到下构图,矩阵排列整齐,上下留白适中,符合移动端浏览习惯。
[文字版式] 顶部主标题:"品牌保障 售后无忧",白色粗体居中。四个保障模块分别为:
1. 品质保障:全新原厂出品 严格出厂检测
2. 技术支持:专业团队 提供技术对接服务
3. 售后质保:一年质保 支持维修更换
4. 开发支持:完善SDK 提供二次开发指导
每个模块图标在上,文字在下,排版统一。底部居中放置收束文案:"专业工业相机解决方案",浅蓝色小字,不诱导抢购,符合规范。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] icon排列错乱,文字重叠,颜色偏差,背景杂乱,水印,出现抢购/立即购买等诱导按钮,配色和前屏不一致。