科技蓝风格H5内容页,背景纯白 #FFFFFF,主色科技蓝 #… - 图片创意预览

科技蓝风格H5内容页,背景纯白 #FFFFFF,主色科技蓝 #…

科技蓝风格H5内容页,背景纯白 #FFFFFF,主色科技蓝 #0052FF,辅助色青蓝 #00BFFF,文字色深灰 #333333。左上角放置网关、信号塔和数据流动图标,主标题"工业边缘网关・数据采集

用户头像

GD502178474

2026.04.26
[商品] 使用【图1】U‑DC20环境监测数据采集分析仪整机照片作为页面视觉锚点;保留全金属工业银灰机箱、红色报警灯、双天线、正面文字、侧面锁孔等全部结构特征,保持产品比例和材质不变;产品以中等尺寸放置于页面顶部或角落作为视觉标识,不占据主要信息区。 [画面] 目标为第2屏核心能力+优势+应用场景总览,上中下三段式构图:顶部产品图+核心功能标题区,中部产品优势卡片区,底部应用场景图标区;背景延续深蓝灰工业科技风,带细微电路纹理和数据节点装饰;整体信息密度高,层次分明,阅读动线清晰。 [视觉] 套系策略:风格=工业科技风B端电商详情页;标题字=粗黑体无衬线工业字体;正文字=简洁无衬线体;主色=深蓝灰(#1a2a3a);背景延展=基于深蓝灰做深浅渐变、同色系科技网格、微弱数据流动光线;强调色=科技蓝(#00a8ff),仅用于图标、引线、标签、高亮数字和局部光效;标题色=纯白色;正文色=浅灰蓝(#b0c4d8);组件=圆角深色信息卡、细线引线、科技感图标;光影=冷调科技侧光,产品正面清晰打光,背景有微弱轮廓光。 [文字] 顶部大标题"核心能力 · 产品优势 · 应用场景";中部上半区"✨核心功能"模块,4个功能点横向或2x2排列:1.标准协议传输:支持HJ212‑2017环保协议,兼容主流设备,可定制解析;2.多元通信可选:有线以太网/Wi‑Fi/选配4G,多链路稳定回传;3.远程集中网管:SNMP协议,远程配置运维,蜂鸣+指示灯告警;4.大规模组网:多路串口接入多终端,适合网格化集中采集;中部下半区"💎产品优势"模块,4条优势用图标+短句排列:工业全金属机箱宽温宽压稳定可靠、接口丰富降低集成成本、远程管理减少运维工作量、适配全系列监测终端及第三方传感器;底部"📍适用场景"模块,6个场景图标横向排列:大气网格化微站、室内环境监测、工地扬尘监测、智慧楼宇、园区环境监控、环保集成项目;文字全部横向排版,层级分明,手机端可读。 [规格] 图片比例9:16竖版,4K分辨率,负向提示:避免产品变形、错字、文字过小、暖色背景、文字竖排斜排、连续同构icon矩阵、白底孤立产品。[商品] 使用【图1】U‑DC20环境监测数据采集分析仪整机照片作为页面视觉锚点;保留全金属工业银灰机箱、红色报警灯、双天线、正面文字、侧面锁孔等全部结构特征,保持产品比例和材质不变;产品以中等尺寸放置于页面顶部或角落作为视觉标识,不占据主要信息区。
[画面] 目标为第2屏核心能力+优势+应用场景总览,上中下三段式构图:顶部产品图+核心功能标题区,中部产品优势卡片区,底部应用场景图标区;背景延续深蓝灰工业科技风,带细微电路纹理和数据节点装饰;整体信息密度高,层次分明,阅读动线清晰。
[视觉] 套系策略:风格=工业科技风B端电商详情页;标题字=粗黑体无衬线工业字体;正文字=简洁无衬线体;主色=深蓝灰(#1a2a3a);背景延展=基于深蓝灰做深浅渐变、同色系科技网格、微弱数据流动光线;强调色=科技蓝(#00a8ff),仅用于图标、引线、标签、高亮数字和局部光效;标题色=纯白色;正文色=浅灰蓝(#b0c4d8);组件=圆角深色信息卡、细线引线、科技感图标;光影=冷调科技侧光,产品正面清晰打光,背景有微弱轮廓光。
[文字] 顶部大标题"核心能力 · 产品优势 · 应用场景";中部上半区"✨核心功能"模块,4个功能点横向或2x2排列:1.标准协议传输:支持HJ212‑2017环保协议,兼容主流设备,可定制解析;2.多元通信可选:有线以太网/Wi‑Fi/选配4G,多链路稳定回传;3.远程集中网管:SNMP协议,远程配置运维,蜂鸣+指示灯告警;4.大规模组网:多路串口接入多终端,适合网格化集中采集;中部下半区"💎产品优势"模块,4条优势用图标+短句排列:工业全金属机箱宽温宽压稳定可靠、接口丰富降低集成成本、远程管理减少运维工作量、适配全系列监测终端及第三方传感器;底部"📍适用场景"模块,6个场景图标横向排列:大气网格化微站、室内环境监测、工地扬尘监测、智慧楼宇、园区环境监控、环保集成项目;文字全部横向排版,层级分明,手机端可读。
[规格] 图片比例9:16竖版,4K分辨率,负向提示:避免产品变形、错字、文字过小、暖色背景、文字竖排斜排、连续同构icon矩阵、白底孤立产品。
[第8张] 产品参数与规格页 - 全系列技术参数与应用场景收尾页。本张使用【图1】作为产品代表展示。 [氛围/风格] 参数规格页,深蓝科技背景,清晰的参数表格,专业严谨的工业产品手册风格。 [元素布局] 上半部分左侧为产品图(占30%),右侧为核心参数表(占70%);下半部分为4个应用场景图标+说明;背景为深蓝色渐变,底部有工业控制柜、工厂自动化、智能楼宇、能源监测的场景剪影;产品外观与输入图一致。 [光影质感] 均匀柔光照明,参数表区域明亮清晰,底部场景剪影半透明暗化处理,整体层次分明。 [配色色系] 全局底色 #0A1628 深蓝黑;主色 #1E88E5 蓝色;辅助色 #FFFFFF 白色、#90A4AE 浅灰;点缀色 #00E676 绿色(运行状态色)。 [视角构图] 上下构图,上半部分产品+参数表占60%,下半部分应用场景占40%,阅读动线从上到下。 [文字版式] 顶部主标题「技术规格与应用场景」,白色粗黑体;核心参数表包含:「供电电压」9-36V DC宽压供电、「通讯接口」RS485 / CAN / Type-C / 可选以太网、「支持协议」Modbus RTU / Modbus TCP / CANopen、「工作温度」-40℃ ~ +85℃ 工业级、「安装方式」标准DIN导轨安装、「隔离保护」电源/通讯/信号三端隔离;下半部分4个应用场景:「工厂自动化」「智能楼宇」「能源监测」「环境监测」,每个配图标和简短说明;底部有「MC系列工业IO扩展模块 · 稳定可靠的工业互联选择」收尾语,文字清晰。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨。 [负向提示词] 产品变形,参数错误,水印,文字错乱,文字过小,表格模糊。[第8张] 产品参数与规格页 - 全系列技术参数与应用场景收尾页。本张使用【图1】作为产品代表展示。
[氛围/风格] 参数规格页,深蓝科技背景,清晰的参数表格,专业严谨的工业产品手册风格。
[元素布局] 上半部分左侧为产品图(占30%),右侧为核心参数表(占70%);下半部分为4个应用场景图标+说明;背景为深蓝色渐变,底部有工业控制柜、工厂自动化、智能楼宇、能源监测的场景剪影;产品外观与输入图一致。
[光影质感] 均匀柔光照明,参数表区域明亮清晰,底部场景剪影半透明暗化处理,整体层次分明。
[配色色系] 全局底色 #0A1628 深蓝黑;主色 #1E88E5 蓝色;辅助色 #FFFFFF 白色、#90A4AE 浅灰;点缀色 #00E676 绿色(运行状态色)。
[视角构图] 上下构图,上半部分产品+参数表占60%,下半部分应用场景占40%,阅读动线从上到下。
[文字版式] 顶部主标题「技术规格与应用场景」,白色粗黑体;核心参数表包含:「供电电压」9-36V DC宽压供电、「通讯接口」RS485 / CAN / Type-C / 可选以太网、「支持协议」Modbus RTU / Modbus TCP / CANopen、「工作温度」-40℃ ~ +85℃ 工业级、「安装方式」标准DIN导轨安装、「隔离保护」电源/通讯/信号三端隔离;下半部分4个应用场景:「工厂自动化」「智能楼宇」「能源监测」「环境监测」,每个配图标和简短说明;底部有「MC系列工业IO扩展模块 · 稳定可靠的工业互联选择」收尾语,文字清晰。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨。
[负向提示词] 产品变形,参数错误,水印,文字错乱,文字过小,表格模糊。
「图片1」,生成一套详情页,商品名称为餐饮供应链管理平台,适配京东平台,单图比例为高级A+ (移动端),需求屏数为4张。以下为每页产品介绍文案: 第一页:多功能智能设备协同 1、全设备智联:十余类智能设备无缝接入协同 2、实时数据采集:多维业务数据边缘实时采集 3、云端统一管控:数据云端存储分析统一管理 第二页:一站式满足您的全部需求,操作简单轻松使用 排菜管理、用料管理、采购管理、库存管理、离线盘点、成本申报、值班巡查、资产管理、量化考评、数据报表、集团管理 第三页:产品核心价值 (一)多维度智能预警 1、保质期预警:临期食材提前预警,杜绝过期食材上桌 2、库存上下限预警:最小/最大库存双向监控,防止断货与积压 3、员工健康证预警:到期自动提醒,合规经营无忧 4、资产报废预警:设备生命周期智能追踪,及时更替 (二)完善价格体系 1、渠道价格:自动获取不同市场渠道来源价格,并支持按照食堂分类进行浮动报价 2、市场调研价格:实时记录市场调研价格,作为采购价格依据 3、供应商报价:历史报价留存,记录合同内供应商报价 价格数据无缝嵌入采购、入库、成本申报等业务环节,快速调用,省时省力。 (三)业务低耦合设计 排餐──▶用料──▶领料──▶采购──▶入库──▶销售──▶出库──▶盘点──▶结算 1、可独立运行单个模块 2、 可串联全流程形成完整闭环 3、 流程可拆可合,完全匹配您的实际业务场景 (四)智能排餐 1、上千种原料与菜品数据库,覆盖全品类 2、基于中国居民膳食营养素参考摄入量与中国居民膳食指南多维度个性化计算:年龄 / 性别 / 劳动强度 / 季节 3、营养矩阵可微调:碳水、蛋白质、脂肪、微量元素精准配比 4、自动生成科学合理周食谱,满足不同人群营养需求 (五) 销售同步出入库 1、 超市销售 :自动触发出库,库存实时扣减 2、自动售货机销售:数据自动同步,无需人工干预 第四页:数据报表与统计分析 1、入库统计报表 2、出库统计报表 3、库存统计报表 4、金额汇总统计 5、利润分析报表 6、供应商量化考评表「图片1」,生成一套详情页,商品名称为餐饮供应链管理平台,适配京东平台,单图比例为高级A+ (移动端),需求屏数为4张。以下为每页产品介绍文案:
第一页:多功能智能设备协同
1、全设备智联:十余类智能设备无缝接入协同
2、实时数据采集:多维业务数据边缘实时采集
3、云端统一管控:数据云端存储分析统一管理

第二页:一站式满足您的全部需求,操作简单轻松使用
排菜管理、用料管理、采购管理、库存管理、离线盘点、成本申报、值班巡查、资产管理、量化考评、数据报表、集团管理

第三页:产品核心价值
 (一)多维度智能预警
1、保质期预警:临期食材提前预警,杜绝过期食材上桌
2、库存上下限预警:最小/最大库存双向监控,防止断货与积压
3、员工健康证预警:到期自动提醒,合规经营无忧
4、资产报废预警:设备生命周期智能追踪,及时更替
 (二)完善价格体系
1、渠道价格:自动获取不同市场渠道来源价格,并支持按照食堂分类进行浮动报价
2、市场调研价格:实时记录市场调研价格,作为采购价格依据
3、供应商报价:历史报价留存,记录合同内供应商报价
价格数据无缝嵌入采购、入库、成本申报等业务环节,快速调用,省时省力。
 (三)业务低耦合设计
排餐──▶用料──▶领料──▶采购──▶入库──▶销售──▶出库──▶盘点──▶结算
1、可独立运行单个模块
2、 可串联全流程形成完整闭环
3、 流程可拆可合,完全匹配您的实际业务场景
(四)智能排餐
1、上千种原料与菜品数据库,覆盖全品类
2、基于中国居民膳食营养素参考摄入量与中国居民膳食指南多维度个性化计算:年龄 / 性别 / 劳动强度 / 季节
3、营养矩阵可微调:碳水、蛋白质、脂肪、微量元素精准配比
4、自动生成科学合理周食谱,满足不同人群营养需求
(五) 销售同步出入库
1、 超市销售 :自动触发出库,库存实时扣减
2、自动售货机销售:数据自动同步,无需人工干预

第四页:数据报表与统计分析
1、入库统计报表
2、出库统计报表
3、库存统计报表
4、金额汇总统计
5、利润分析报表
6、供应商量化考评表
[第4张] 行业应用领域页-八大应用场景矩阵。本张使用【图2】作为产品小图展示。 [氛围/风格] 工业科技风,深蓝灰调,场景卡片拼图式布局,专业大气。 [元素布局] 画面上方居中放置工控机产品小图,占比约20%;下方为2行4列共8个行业应用场景卡片,每个卡片配对应行业场景缩略图+行业名称图标;场景包括:工业自动化车间、医疗设备仪器、机器视觉检测设备、数据采集监控室、电力能源设备、轨道交通控制、工业电信服务器、智能交通系统;卡片之间有细微发光连接线指向产品,表现产品服务各行业;产品外观与输入图一致。 [光影质感] 均匀柔光,卡片有层次感,科技蓝光点缀连接线条。 [配色色系] 全局底色 #0F172A 深海军蓝;主色产品米白;辅助色科技蓝 #2563EB、卡片深灰底;点缀色各场景图本色。 [视角构图] 上下构图,产品在上,8宫格场景卡片在下,阅读动线从上产品标题→8个场景卡片。 [文字版式] 顶部主标题「八大行业应用领域」,副标题「广泛适配多种工业场景」;8张卡片分别标注:「工业自动化」「医疗器材」「机器视觉与检测」「数据采集与监控系统」「电力和能源行业」「轨道交通」「工业及电信服务器」「智能交通」;每张卡片配对应场景小图和图标;文字清晰。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 产品变形,场景图模糊,水印,文字错乱,文字过小,卡片排版混乱。[第4张] 行业应用领域页-八大应用场景矩阵。本张使用【图2】作为产品小图展示。
[氛围/风格] 工业科技风,深蓝灰调,场景卡片拼图式布局,专业大气。
[元素布局] 画面上方居中放置工控机产品小图,占比约20%;下方为2行4列共8个行业应用场景卡片,每个卡片配对应行业场景缩略图+行业名称图标;场景包括:工业自动化车间、医疗设备仪器、机器视觉检测设备、数据采集监控室、电力能源设备、轨道交通控制、工业电信服务器、智能交通系统;卡片之间有细微发光连接线指向产品,表现产品服务各行业;产品外观与输入图一致。
[光影质感] 均匀柔光,卡片有层次感,科技蓝光点缀连接线条。
[配色色系] 全局底色 #0F172A 深海军蓝;主色产品米白;辅助色科技蓝 #2563EB、卡片深灰底;点缀色各场景图本色。
[视角构图] 上下构图,产品在上,8宫格场景卡片在下,阅读动线从上产品标题→8个场景卡片。
[文字版式] 顶部主标题「八大行业应用领域」,副标题「广泛适配多种工业场景」;8张卡片分别标注:「工业自动化」「医疗器材」「机器视觉与检测」「数据采集与监控系统」「电力和能源行业」「轨道交通」「工业及电信服务器」「智能交通」;每张卡片配对应场景小图和图标;文字清晰。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 产品变形,场景图模糊,水印,文字错乱,文字过小,卡片排版混乱。