科技感深蓝+橙色、专业感深灰+金色、清新感浅蓝+白色三种配色方… - 图片创意预览

科技感深蓝+橙色、专业感深灰+金色、清新感浅蓝+白色三种配色方…

科技感深蓝+橙色、专业感深灰+金色、清新感浅蓝+白色三种配色方案展示,标题用思源黑体Bold,正文用思源黑体Regular,价格用Arial Bold,画面包含OpenClaw小龙虾logo、AI相关

用户头像

GD499543221

2026.03.01
电商详情页设计,第3页·核心服务,3:4竖版比例,高端科技服务风格。 [画面] 页面目标:展示四大核心服务范围,让客户快速了解业务。顶部是标题区域,中部是四个服务卡片,纵向排列。每个卡片是圆角矩形,浅蓝灰到白色渐变背景,卡片左侧是一个大的科技蓝色圆形图标,右侧是服务名称标题和说明文字。四个服务从上到下排列,卡片之间有均匀的间距。 [视觉] 套系策略:风格=高端科技服务风;标题字=现代无衬线粗黑体;正文字=简洁无衬线体;主色=科技蓝;背景延展=白色到浅蓝灰渐变,带极淡科技网格纹理和稀疏蓝色光点粒子;强调色=青色和淡紫渐变,仅用于图标和发光效果;标题色=科技蓝;正文色=深灰;组件=圆角信息卡片、圆形图标、细线装饰;光影=柔和科技光效,卡片有轻微悬浮感。 [文字] 顶部居中主标题"核心服务",科技蓝色粗体,字号大;主标题下方一行副标题"全方位AI落地服务 覆盖企业智能化全链路",深灰色,字号约为主标题的40%。 四个服务卡片(从上到下): 1. 【大模型定制训练】基于企业私有数据训练微调 打造专属大模型 - 大脑/模型图标 2. 【灵活部署服务】公有云/私有云/本地化多场景部署 满足合规需求 - 云服务器/部署图标 3. 【智能应用开发】AI App 小程序 数字人客服 分析预测软件 智能体开发 - 手机/应用图标 4. 【智能硬件开发】智能物联网硬件定制 软硬件一体化方案 - 芯片/硬件图标 每个服务标题为深灰色粗体,说明文字为浅灰色小字。图标为科技蓝色圆形,内有白色线条图标。所有文字横排,清晰可读。 [规格] 比例3:4竖版,4K分辨率,避免变形、错字、文字过小、二维码、水印、模仿官方logo、背景杂乱、低清晰度。电商详情页设计,第3页·核心服务,3:4竖版比例,高端科技服务风格。

[画面] 页面目标:展示四大核心服务范围,让客户快速了解业务。顶部是标题区域,中部是四个服务卡片,纵向排列。每个卡片是圆角矩形,浅蓝灰到白色渐变背景,卡片左侧是一个大的科技蓝色圆形图标,右侧是服务名称标题和说明文字。四个服务从上到下排列,卡片之间有均匀的间距。

[视觉] 套系策略:风格=高端科技服务风;标题字=现代无衬线粗黑体;正文字=简洁无衬线体;主色=科技蓝;背景延展=白色到浅蓝灰渐变,带极淡科技网格纹理和稀疏蓝色光点粒子;强调色=青色和淡紫渐变,仅用于图标和发光效果;标题色=科技蓝;正文色=深灰;组件=圆角信息卡片、圆形图标、细线装饰;光影=柔和科技光效,卡片有轻微悬浮感。

[文字] 顶部居中主标题"核心服务",科技蓝色粗体,字号大;主标题下方一行副标题"全方位AI落地服务 覆盖企业智能化全链路",深灰色,字号约为主标题的40%。

四个服务卡片(从上到下):
1. 【大模型定制训练】基于企业私有数据训练微调 打造专属大模型 - 大脑/模型图标
2. 【灵活部署服务】公有云/私有云/本地化多场景部署 满足合规需求 - 云服务器/部署图标
3. 【智能应用开发】AI App 小程序 数字人客服 分析预测软件 智能体开发 - 手机/应用图标
4. 【智能硬件开发】智能物联网硬件定制 软硬件一体化方案 - 芯片/硬件图标

每个服务标题为深灰色粗体,说明文字为浅灰色小字。图标为科技蓝色圆形,内有白色线条图标。所有文字横排,清晰可读。

[规格] 比例3:4竖版,4K分辨率,避免变形、错字、文字过小、二维码、水印、模仿官方logo、背景杂乱、低清晰度。
[主图-2] 痛点与目标场景对比,激发开发者兴趣。 [氛围风格] 深蓝科技感、对比强烈、问题解决感、专业技术风; [画质] 商业海报质感、光线通透、界面清晰真实、画面干净高级。 [元素] 深海军蓝色(#0a1628)背景,带电路板纹理。画面左右分栏对比布局:左侧为"痛点区",展示一个灰暗的代码编辑器界面,代码报错红叉、卡顿加载图标、凌乱的调试窗口,色调偏灰冷;右侧为"解决方案区",展示明亮的代码编辑器界面,代码整洁、绿色对勾、快速运行成功提示,色调明亮带蓝绿辉光。中间有一个大箭头从左指向右,箭头发光。背景左右两侧电路板纹理亮度有差异,左侧偏暗右侧偏亮。画面满屏无边框。 [光影] 整体冷蓝色调,右侧解决方案区更亮,有蓝绿色辉光;左侧痛点区偏暗偏灰;主光从右上方照射,形成明暗对比。 [配色] 主色深海军蓝#0a1628;辅色科技蓝#3b82f6、青蓝#06b6d4;痛点区灰蓝色,解决区亮蓝绿色。 [视角构图] 正面平视,左右对称分栏构图,中间箭头引导视线从左到右;前后景分层。 [文字版式] 顶部居中大字主标题"告别低效开发",白色粗体无衬线字体,带蓝色外发光。左侧痛点区上方小字"手动调试 耗时耗力",灰红色;右侧解决区上方小字"AI辅助 效率翻倍",亮青蓝色。底部居中三个卖点短句:"智能补全代码"、"自动排查错误"、"秒级生成方案",白色文字配小图标。所有文字清晰可读。 [输出要求] 1:1比例,文字清晰锐利,超高清商业海报质感,2K分辨率。 [负向提示词] 变形,文字错乱,模糊,背景杂乱,水印,电商平台Logo,二维码,手机号,微信。[主图-2] 痛点与目标场景对比,激发开发者兴趣。
[氛围风格] 深蓝科技感、对比强烈、问题解决感、专业技术风;
[画质] 商业海报质感、光线通透、界面清晰真实、画面干净高级。
[元素] 深海军蓝色(#0a1628)背景,带电路板纹理。画面左右分栏对比布局:左侧为"痛点区",展示一个灰暗的代码编辑器界面,代码报错红叉、卡顿加载图标、凌乱的调试窗口,色调偏灰冷;右侧为"解决方案区",展示明亮的代码编辑器界面,代码整洁、绿色对勾、快速运行成功提示,色调明亮带蓝绿辉光。中间有一个大箭头从左指向右,箭头发光。背景左右两侧电路板纹理亮度有差异,左侧偏暗右侧偏亮。画面满屏无边框。
[光影] 整体冷蓝色调,右侧解决方案区更亮,有蓝绿色辉光;左侧痛点区偏暗偏灰;主光从右上方照射,形成明暗对比。
[配色] 主色深海军蓝#0a1628;辅色科技蓝#3b82f6、青蓝#06b6d4;痛点区灰蓝色,解决区亮蓝绿色。
[视角构图] 正面平视,左右对称分栏构图,中间箭头引导视线从左到右;前后景分层。
[文字版式] 顶部居中大字主标题"告别低效开发",白色粗体无衬线字体,带蓝色外发光。左侧痛点区上方小字"手动调试 耗时耗力",灰红色;右侧解决区上方小字"AI辅助 效率翻倍",亮青蓝色。底部居中三个卖点短句:"智能补全代码"、"自动排查错误"、"秒级生成方案",白色文字配小图标。所有文字清晰可读。
[输出要求] 1:1比例,文字清晰锐利,超高清商业海报质感,2K分辨率。
[负向提示词] 变形,文字错乱,模糊,背景杂乱,水印,电商平台Logo,二维码,手机号,微信。
[第3屏] 本屏功能定义:U盘智能体双AI Agent,功能亮点模块化展示页面,五个核心功能横向排列展示。本屏延续整体科技风,保持与前两屏一致的配色和风格。 [氛围/风格] 专业科技风,模块化清晰展示,深色背景简洁干净,商业详情页设计质感。 [元素布局] 深蓝色 #0A1628 背景,顶部主标题,下方排列五个功能模块,每个模块包含icon、标题、简短说明,模块大小均匀分布,留有足够间距和留白。五个功能模块分别为:🚀 即插即用、🧠 职业技能包、🔌 DeepSeek支持、💬 对话历史保存、🛠️ 自动升级修复。每个模块用浅蓝色半透明卡片作为底色。 [光影质感] 整体光线均匀,每个模块卡片边缘有浅蓝色辉光效果,突出模块分区,文字清晰明亮,层次感强。 [配色色系] 背景 #0A1628,模块卡片 #4A90E2 半透明,主标题文字白色,说明文字浅灰,点缀色突出重点,遵循用户指定配色方案。 [视角构图] 竖版9:16,从上到下排版,信息分区明显,符合移动端浏览习惯。 [文字版式] 顶部主标题:"五大核心功能亮点",思源黑体 Bold白色大字号;每个模块内:图标+标题在上(粗体白色),说明文字在下(浅灰小字),说明文字简短清晰,例如"即插即用"下方说明"不限设备,插上就用"。字体严格按照用户要求选择:标题思源黑体 Bold,正文 PingFang SC Regular。所有文字移动端清晰可读。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 模块拥挤,文字重叠,颜色偏差,文字模糊,水印,违规表达,产品变形。[第3屏] 本屏功能定义:U盘智能体双AI Agent,功能亮点模块化展示页面,五个核心功能横向排列展示。本屏延续整体科技风,保持与前两屏一致的配色和风格。
[氛围/风格] 专业科技风,模块化清晰展示,深色背景简洁干净,商业详情页设计质感。
[元素布局] 深蓝色 #0A1628 背景,顶部主标题,下方排列五个功能模块,每个模块包含icon、标题、简短说明,模块大小均匀分布,留有足够间距和留白。五个功能模块分别为:🚀 即插即用、🧠 职业技能包、🔌 DeepSeek支持、💬 对话历史保存、🛠️ 自动升级修复。每个模块用浅蓝色半透明卡片作为底色。
[光影质感] 整体光线均匀,每个模块卡片边缘有浅蓝色辉光效果,突出模块分区,文字清晰明亮,层次感强。
[配色色系] 背景 #0A1628,模块卡片 #4A90E2 半透明,主标题文字白色,说明文字浅灰,点缀色突出重点,遵循用户指定配色方案。
[视角构图] 竖版9:16,从上到下排版,信息分区明显,符合移动端浏览习惯。
[文字版式] 顶部主标题:"五大核心功能亮点",思源黑体 Bold白色大字号;每个模块内:图标+标题在上(粗体白色),说明文字在下(浅灰小字),说明文字简短清晰,例如"即插即用"下方说明"不限设备,插上就用"。字体严格按照用户要求选择:标题思源黑体 Bold,正文 PingFang SC Regular。所有文字移动端清晰可读。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 模块拥挤,文字重叠,颜色偏差,文字模糊,水印,违规表达,产品变形。
[第6屏] 本屏功能定义:U盘智能体双AI Agent,多版本规格对比表格,展示不同版本差异和价格,帮助用户选择。保持整体科技风格配色统一。 [氛围/风格] 清晰直观数据展示,专业科技风,深色背景表格对比,商业质感。 [元素布局] 深蓝色 #0A1628 背景,顶部主标题,中间是规格对比表格,表格分为四列:版本、容量、核心特色、价格。包含四个版本:基础版、升级版、高级版、旗舰版。表格线框使用浅蓝色,每个单元格清晰分隔,最低价用橙色强调。 [光影质感] 表格表头高亮,单元格交替深浅增加可读性,整体光线均匀,文字清晰锐利。 [配色色系] 背景 #0A1628,表格边框 #4A90E2,表头背景 #4A90E2 白色文字,内容行文字 #FFFFFF,价格数字用 DIN Alternate 加粗,最低价用 #FF6B35 橙红色强调,符合用户配色要求。 [视角构图] 9:16竖版,表格从上到下排列,单元格信息完整,适配手机屏幕查看。 [文字版式] 顶部主标题:"选择适合你的版本",思源黑体 Bold白色大字号;表格表头:版本、容量、特色、价格,加粗白色;每个版本行清晰列出信息,例如基础版:64G、双AI智能体、¥99,价格放大突出,最低价橙红色标注。字体按照用户要求:数字价格使用 DIN Alternate,正文清晰可读。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 表格错乱,文字重叠,价格模糊,颜色错误,水印,违规宣传。[第6屏] 本屏功能定义:U盘智能体双AI Agent,多版本规格对比表格,展示不同版本差异和价格,帮助用户选择。保持整体科技风格配色统一。
[氛围/风格] 清晰直观数据展示,专业科技风,深色背景表格对比,商业质感。
[元素布局] 深蓝色 #0A1628 背景,顶部主标题,中间是规格对比表格,表格分为四列:版本、容量、核心特色、价格。包含四个版本:基础版、升级版、高级版、旗舰版。表格线框使用浅蓝色,每个单元格清晰分隔,最低价用橙色强调。
[光影质感] 表格表头高亮,单元格交替深浅增加可读性,整体光线均匀,文字清晰锐利。
[配色色系] 背景 #0A1628,表格边框 #4A90E2,表头背景 #4A90E2 白色文字,内容行文字 #FFFFFF,价格数字用 DIN Alternate 加粗,最低价用 #FF6B35 橙红色强调,符合用户配色要求。
[视角构图] 9:16竖版,表格从上到下排列,单元格信息完整,适配手机屏幕查看。
[文字版式] 顶部主标题:"选择适合你的版本",思源黑体 Bold白色大字号;表格表头:版本、容量、特色、价格,加粗白色;每个版本行清晰列出信息,例如基础版:64G、双AI智能体、¥99,价格放大突出,最低价橙红色标注。字体按照用户要求:数字价格使用 DIN Alternate,正文清晰可读。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 表格错乱,文字重叠,价格模糊,颜色错误,水印,违规宣传。
电商详情页设计,第10页·核心优势总起页,3:4竖版比例,高端科技服务风格。 [画面] 页面目标:引入六大核心优势主题,展示前三个优势。顶部是大标题和副标题区域。中部是三个优势卡片,纵向排列。每个卡片是圆角矩形,浅蓝灰到白色渐变背景,卡片左侧有一个带圈的数字编号(①②③),科技蓝色,旁边是优势标题和说明文字。卡片排列整齐,有轻微悬浮感。 [视觉] 套系策略:风格=高端科技服务风;标题字=现代无衬线粗黑体;正文字=简洁无衬线体;主色=科技蓝;背景延展=白色到浅蓝灰渐变,带极淡科技网格纹理和稀疏蓝色光点粒子;强调色=青色和淡紫渐变,仅用于图标和发光效果;标题色=科技蓝;正文色=深灰;组件=圆角信息卡片、带圈数字编号、细线装饰;光影=柔和科技光效,卡片有轻微悬浮感。 [文字] 顶部居中大标题"六大核心优势",科技蓝色粗体,字号最大;大标题下方一行副标题"专业 高效 可信赖",深灰色,字号约为大标题的50%。 三个优势卡片(从上到下): 1. 【① 前沿AI技术】持续跟踪全球AI前沿 掌握最新算法模型与应用方式 - 火箭/科技图标 2. 【② 行业场景经验】深入理解各行业业务痛点 提供贴合行业特点的AI方案 - 图表/经验图标 3. 【③ 快速落地能力】成熟的项目方法论与工具链 缩短开发周期 加速AI落地 - 闪电/速度图标 每个卡片的编号为科技蓝色带圈数字,标题为深灰色粗体,说明文字为浅灰色小字。图标在编号旁边或卡片左侧。所有文字横排,清晰可读。 [规格] 比例3:4竖版,4K分辨率,避免变形、错字、文字过小、二维码、水印、模仿官方logo、背景杂乱、低清晰度、绝对化用语。电商详情页设计,第10页·核心优势总起页,3:4竖版比例,高端科技服务风格。

[画面] 页面目标:引入六大核心优势主题,展示前三个优势。顶部是大标题和副标题区域。中部是三个优势卡片,纵向排列。每个卡片是圆角矩形,浅蓝灰到白色渐变背景,卡片左侧有一个带圈的数字编号(①②③),科技蓝色,旁边是优势标题和说明文字。卡片排列整齐,有轻微悬浮感。

[视觉] 套系策略:风格=高端科技服务风;标题字=现代无衬线粗黑体;正文字=简洁无衬线体;主色=科技蓝;背景延展=白色到浅蓝灰渐变,带极淡科技网格纹理和稀疏蓝色光点粒子;强调色=青色和淡紫渐变,仅用于图标和发光效果;标题色=科技蓝;正文色=深灰;组件=圆角信息卡片、带圈数字编号、细线装饰;光影=柔和科技光效,卡片有轻微悬浮感。

[文字] 顶部居中大标题"六大核心优势",科技蓝色粗体,字号最大;大标题下方一行副标题"专业 高效 可信赖",深灰色,字号约为大标题的50%。

三个优势卡片(从上到下):
1. 【① 前沿AI技术】持续跟踪全球AI前沿 掌握最新算法模型与应用方式 - 火箭/科技图标
2. 【② 行业场景经验】深入理解各行业业务痛点 提供贴合行业特点的AI方案 - 图表/经验图标
3. 【③ 快速落地能力】成熟的项目方法论与工具链 缩短开发周期 加速AI落地 - 闪电/速度图标

每个卡片的编号为科技蓝色带圈数字,标题为深灰色粗体,说明文字为浅灰色小字。图标在编号旁边或卡片左侧。所有文字横排,清晰可读。

[规格] 比例3:4竖版,4K分辨率,避免变形、错字、文字过小、二维码、水印、模仿官方logo、背景杂乱、低清晰度、绝对化用语。
第3张:应用场景总览详情页。本张使用【图2】作为内容参考,重新排版设计,保留全部文字内容和六个应用场景不变。 [氛围/风格] 现代科技感,蓝色科技风,数据可视化光效,企业级专业视觉。 [元素布局] 顶部大标题区,配副标题说明;下方为2行3列共6个应用场景卡片,每个卡片包含科技感场景配图+底部蓝色标题栏;卡片之间有细微间距,整体排列整齐;背景为浅蓝色到白色渐变,带有科技网格线和光点粒子。 [光影质感] 整体明亮通透,卡片有轻微悬浮投影效果,场景图带有蓝色科技滤镜,标题栏有渐变光效。 [配色色系] 全局底色 #F0F7FF 浅蓝白渐变;主色 #1565C0 深蓝;辅助色 #42A5F5 亮蓝、白色卡片、深灰文字。 [视角构图] 竖版上下构图,阅读动线:顶部标题 → 六宫格场景卡片(从左到右、从上到下)。 [文字版式] 顶部主标题「轻松应对各种应用」,副标题「强大的可扩展性,实现内存、计算、存储和GPU的多位结合,轻松面对各种苛刻的应用和服务」;六个场景卡片标题分别为:第一行「高性能计算」「深度学习」,第二行「ERP应用」「VMware虚拟化」,第三行「人工智能AI」「云计算」;每个卡片底部为深蓝色底白字标题栏,字体加粗清晰;卡片配图分别对应各场景的科技感示意图:高性能计算配服务器机房+云图标、深度学习配人脑神经网络数据图、ERP配平板操作企业管理界面、VMware配虚拟化工控界面手指触控、人工智能AI配AI人脑电路图像、云计算配数据云传输画面;所有配图统一蓝色科技色调。 [比例] 3:4竖版比例 [负向提示词] 变形,水印,文字错乱,文字过小,卡片排列不齐,颜色偏差第3张:应用场景总览详情页。本张使用【图2】作为内容参考,重新排版设计,保留全部文字内容和六个应用场景不变。
[氛围/风格] 现代科技感,蓝色科技风,数据可视化光效,企业级专业视觉。
[元素布局] 顶部大标题区,配副标题说明;下方为2行3列共6个应用场景卡片,每个卡片包含科技感场景配图+底部蓝色标题栏;卡片之间有细微间距,整体排列整齐;背景为浅蓝色到白色渐变,带有科技网格线和光点粒子。
[光影质感] 整体明亮通透,卡片有轻微悬浮投影效果,场景图带有蓝色科技滤镜,标题栏有渐变光效。
[配色色系] 全局底色 #F0F7FF 浅蓝白渐变;主色 #1565C0 深蓝;辅助色 #42A5F5 亮蓝、白色卡片、深灰文字。
[视角构图] 竖版上下构图,阅读动线:顶部标题 → 六宫格场景卡片(从左到右、从上到下)。
[文字版式] 顶部主标题「轻松应对各种应用」,副标题「强大的可扩展性,实现内存、计算、存储和GPU的多位结合,轻松面对各种苛刻的应用和服务」;六个场景卡片标题分别为:第一行「高性能计算」「深度学习」,第二行「ERP应用」「VMware虚拟化」,第三行「人工智能AI」「云计算」;每个卡片底部为深蓝色底白字标题栏,字体加粗清晰;卡片配图分别对应各场景的科技感示意图:高性能计算配服务器机房+云图标、深度学习配人脑神经网络数据图、ERP配平板操作企业管理界面、VMware配虚拟化工控界面手指触控、人工智能AI配AI人脑电路图像、云计算配数据云传输画面;所有配图统一蓝色科技色调。
[比例] 3:4竖版比例
[负向提示词] 变形,水印,文字错乱,文字过小,卡片排列不齐,颜色偏差