淘宝详情页说明屏,简易安装 轻松维护。浅色极简轻奢风格,柔雾白… - 图片创意预览

淘宝详情页说明屏,简易安装 轻松维护。浅色极简轻奢风格,柔雾白…

淘宝详情页说明屏,简易安装 轻松维护。浅色极简轻奢风格,柔雾白哑光纯净背景。顶部居左放置哑光浅金色大标题「简易安装 轻松维护」,标题下方用细哑光浅金色横线装饰。画面主体分为上下两部分,上半部分「使用步

用户头像

GD802828233

2026.08.05
第1张:首屏海报(抓眼球) • 核心:品牌+产品图+3个核心卖点大字(比如「益美特保温电水壶 | 304钢+双层防烫+一键保温」) • 设计:用你精修好的壶做主视觉,背景干净,文字别挡产品。 第2张:核心卖点总览(3秒让用户知道优势) • 核心:把所有卖点做成图标+短句,比如: ◦ ✅304食品级不锈钢 ◦ ✅一键长效保温 ◦ ✅双层防烫壶身 ◦ ✅全钢无缝内胆 ◦ ✅名牌温控防干烧 • 设计:图标+文字排版,别堆太多字。 第3张:一键保温功能(解决“喝温水麻烦”的痛点) • 核心:展示保温按钮,写清“烧开自动保温,随时喝温水,不用反复烧” • 加分:加个“早上烧的水,下午还是温的”场景文案。 第4张:304食品级不锈钢材质(解决“安全”顾虑) • 核心:标注304钢印,写“食品接触级材质,烧水无异味,用着放心” • 加分:放国标认证/检测相关的小图标,增强信任。 第5张:全钢无缝内胆(解决“藏污纳垢、难清洗”的痛点) • 核心:对比“有缝内胆vs无缝内胆”,突出“无死角、不藏垢、好清洗” • 设计:用示意图画内胆,别用夸张的爆炸图,简单对比就行。 第6张:双层防烫壶身(解决“怕烫手”的痛点) • 核心:用手轻握壶身的示意图,写“外层不烫手,老人小孩用着安全” • 加分:标注“外层隔热层+内层不锈钢”的结构说明。 第7张:名牌温控器+防干烧保护(解决“耐用、安全”的顾虑) • 核心:写“精准控温,水开自动断电;干烧自动保护,延长使用寿命” • 设计:温控器的示意图+文字说明,别太复杂。 第8张:壶嘴细节(解决“倒水溅水”的顾虑) • 核心:特写壶嘴,写“防溅水设计,出水流畅不洒漏,倒水不烫手” • 加分:加个倒水的示意图,展示出水效果。 第9张:壶盖/把手细节(解决“使用体验”的顾虑) • 核心:特写把手,写“人体工学把手,握感舒适不打滑”;特写壶盖,写“密封严实,保温效果好” 第10张:容量/参数说明(让用户知道合不合适) • 核心:用表格写清参数:容量、功率、材质、保温时长、适用电压等 • 设计:表格+产品图,清晰明了,别堆文字。 第11张:使用场景展示(让用户有代入感) • 核心:放3个场景:厨房烧水、办公室用、给孩子冲奶,写“家庭/办公/租房都适用” • 加分:用干净的场景图,别太杂乱。 第12张:清洗保养+注意事项(解决“怕用坏”的顾虑) • 核心:写“怎么清洗水垢、怎么保养内胆、使用注意事项(别干烧、别超水位)” • 设计:用图标+短句,简单易懂。 第13张:售后保障(打消“买了出问题怎么办”的顾虑) • 核心:写“正品保障、7天无理由、售后保修、运费险”等,加品牌logo和店铺承诺 • 设计:干净的排版,突出“放心买”的感觉。单图比例为 9:16 ,做淘宝详情图需求屏数为13张。 「图片1」「图片1」「图片1」「图片1」「图片1」「图片1」第1张:首屏海报(抓眼球)  • 核心:品牌+产品图+3个核心卖点大字(比如「益美特保温电水壶 | 304钢+双层防烫+一键保温」)  • 设计:用你精修好的壶做主视觉,背景干净,文字别挡产品。  第2张:核心卖点总览(3秒让用户知道优势)  • 核心:把所有卖点做成图标+短句,比如:  ◦ ✅304食品级不锈钢  ◦ ✅一键长效保温  ◦ ✅双层防烫壶身  ◦ ✅全钢无缝内胆  ◦ ✅名牌温控防干烧  • 设计:图标+文字排版,别堆太多字。  第3张:一键保温功能(解决“喝温水麻烦”的痛点)  • 核心:展示保温按钮,写清“烧开自动保温,随时喝温水,不用反复烧”  • 加分:加个“早上烧的水,下午还是温的”场景文案。  第4张:304食品级不锈钢材质(解决“安全”顾虑)  • 核心:标注304钢印,写“食品接触级材质,烧水无异味,用着放心”  • 加分:放国标认证/检测相关的小图标,增强信任。  第5张:全钢无缝内胆(解决“藏污纳垢、难清洗”的痛点)  • 核心:对比“有缝内胆vs无缝内胆”,突出“无死角、不藏垢、好清洗”  • 设计:用示意图画内胆,别用夸张的爆炸图,简单对比就行。  第6张:双层防烫壶身(解决“怕烫手”的痛点)  • 核心:用手轻握壶身的示意图,写“外层不烫手,老人小孩用着安全”  • 加分:标注“外层隔热层+内层不锈钢”的结构说明。  第7张:名牌温控器+防干烧保护(解决“耐用、安全”的顾虑)  • 核心:写“精准控温,水开自动断电;干烧自动保护,延长使用寿命”  • 设计:温控器的示意图+文字说明,别太复杂。  第8张:壶嘴细节(解决“倒水溅水”的顾虑)  • 核心:特写壶嘴,写“防溅水设计,出水流畅不洒漏,倒水不烫手”  • 加分:加个倒水的示意图,展示出水效果。  第9张:壶盖/把手细节(解决“使用体验”的顾虑)  • 核心:特写把手,写“人体工学把手,握感舒适不打滑”;特写壶盖,写“密封严实,保温效果好”  第10张:容量/参数说明(让用户知道合不合适)  • 核心:用表格写清参数:容量、功率、材质、保温时长、适用电压等  • 设计:表格+产品图,清晰明了,别堆文字。  第11张:使用场景展示(让用户有代入感)  • 核心:放3个场景:厨房烧水、办公室用、给孩子冲奶,写“家庭/办公/租房都适用”  • 加分:用干净的场景图,别太杂乱。  第12张:清洗保养+注意事项(解决“怕用坏”的顾虑)  • 核心:写“怎么清洗水垢、怎么保养内胆、使用注意事项(别干烧、别超水位)”  • 设计:用图标+短句,简单易懂。  第13张:售后保障(打消“买了出问题怎么办”的顾虑)  • 核心:写“正品保障、7天无理由、售后保修、运费险”等,加品牌logo和店铺承诺 • 设计:干净的排版,突出“放心买”的感觉。单图比例为 9:16 ,做淘宝详情图需求屏数为13张。 「图片1」「图片1」「图片1」「图片1」「图片1」「图片1」
[第10张] 详情页购买说明与服务保障-奶油风布艺沙发送装售后。本张使用【图1】作为商品主体小图展示。 [氛围/风格] 极简侘寂奶油风 高级商业摄影质感 安心可信 [元素布局] 画面顶部为米白色花瓣扶手模块布艺沙发小尺寸全景图 保持沙发外观物理结构材质质感颜色与输入产品图完全一致 杜绝任何变形和色差 居中放置 背景为奶油色渐变 中部为四大服务保障图标区 采用两行两列网格布局 每个保障配一个简约图标和标题说明 底部为购买须知文字区 列出配送 安装 退换货等重要信息 [光影质感] 柔和顶部光 产品小图清晰 整体画面干净明亮 传递安心可信的感觉 [配色色系] 全局底色 #F5F0E8 奶油米白 主色米白 图标色暖棕 文字色深棕 点缀色浅金 [视角构图] 纵向三段式布局 顶部产品小图 中部服务图标 底部购买须知 阅读动线自上而下 信息层次清晰 [文字版式] 顶部主标题大字粗体「贴心服务 安心购买」 副标题稍小「全程无忧购物体验」 中部四大服务保障 「免费送装入户」「三年质保服务」「7天无理由退换」「专属客服对接」 每个配简约线性图标 底部购买须知小标题 「配送说明」「安装服务」「保养建议」「退换政策」 分点列出简洁文字说明 手机端清晰可读 [比例分辨率] 3:4 竖版比例 4K分辨率 文字清晰可辨 高清画质 [负向提示词] 变形 水印 文字错乱 文字过小 缺件错件 结构错误 颜色偏差 产品图模糊 背景杂乱 电商平台Logo[第10张] 详情页购买说明与服务保障-奶油风布艺沙发送装售后。本张使用【图1】作为商品主体小图展示。
[氛围/风格] 极简侘寂奶油风 高级商业摄影质感 安心可信
[元素布局] 画面顶部为米白色花瓣扶手模块布艺沙发小尺寸全景图 保持沙发外观物理结构材质质感颜色与输入产品图完全一致 杜绝任何变形和色差 居中放置 背景为奶油色渐变 中部为四大服务保障图标区 采用两行两列网格布局 每个保障配一个简约图标和标题说明 底部为购买须知文字区 列出配送 安装 退换货等重要信息
[光影质感] 柔和顶部光 产品小图清晰 整体画面干净明亮 传递安心可信的感觉
[配色色系] 全局底色 #F5F0E8 奶油米白 主色米白 图标色暖棕 文字色深棕 点缀色浅金
[视角构图] 纵向三段式布局 顶部产品小图 中部服务图标 底部购买须知 阅读动线自上而下 信息层次清晰
[文字版式] 顶部主标题大字粗体「贴心服务 安心购买」 副标题稍小「全程无忧购物体验」 中部四大服务保障 「免费送装入户」「三年质保服务」「7天无理由退换」「专属客服对接」 每个配简约线性图标 底部购买须知小标题 「配送说明」「安装服务」「保养建议」「退换政策」 分点列出简洁文字说明 手机端清晰可读
[比例分辨率] 3:4 竖版比例 4K分辨率 文字清晰可辨 高清画质
[负向提示词] 变形 水印 文字错乱 文字过小 缺件错件 结构错误 颜色偏差 产品图模糊 背景杂乱 电商平台Logo
[第3屏] 核心功能优势讲解,等离子空气净化设备功能卖点展示。[氛围/风格] 简约专业科技风,浅灰渐变背景,图文分栏清晰,高清商务质感。[元素布局] 画面采用上标题下四宫格布局,顶部标题区,下方四个功能宫格均匀排列,每个宫格讲解一个核心优势。整体保持干净透气留白,每个宫格搭配对应功能图标+主标题+短句说明,图标和文字排版对齐不拥挤,保留充足间距。[光影质感] 整体均匀布光,每个功能区块通过浅蓝底色区块区分,区块边缘保留细微阴影增加层次感,文字清晰不发虚。[配色色系] 全局底色:#F9FAFB(极浅灰);区块配色:#EFF6FF(浅蓝色区块底);文字配色:#1E40AF(深蓝色标题)+#374151(深灰色正文);图标配色:#2563EB(蓝色)。[视角构图] 平面宫格构图,居中对称排版,阅读从上到下从左到右自然流畅,信息层级清晰。[文字版式] 顶部主标题"核心优势 清晰可见"加粗深蓝色居中,字号为画面高度7%;下方四个宫格: 1. 左上宫格:蓝色等离子波纹图标,标题"等离子发生技术",说明"深层净化 更稳定" 2. 右上宫格:蓝色遥控器图标,标题"智能遥控控制",说明"远程调节 更便捷" 3. 左下宫格:蓝色挂钩图标,标题"双安装方式",说明"壁挂吸顶 灵活适配" 4. 右下宫格:蓝色LED图标,标题"LED状态显示",说明"运行状态 一目了然" 每个宫格图标占上半部分约40%高度,标题字号比说明大两号,文字居中排列,不超出区块范围,清晰可读。[比例分辨率] 3:4竖版比例,4K分辨率,文字清晰可辨,超高清画质。[负向提示词] 排版错乱,文字重叠,图标变形,颜色刺眼,水印,背景杂乱,违规极限词[第3屏] 核心功能优势讲解,等离子空气净化设备功能卖点展示。[氛围/风格] 简约专业科技风,浅灰渐变背景,图文分栏清晰,高清商务质感。[元素布局] 画面采用上标题下四宫格布局,顶部标题区,下方四个功能宫格均匀排列,每个宫格讲解一个核心优势。整体保持干净透气留白,每个宫格搭配对应功能图标+主标题+短句说明,图标和文字排版对齐不拥挤,保留充足间距。[光影质感] 整体均匀布光,每个功能区块通过浅蓝底色区块区分,区块边缘保留细微阴影增加层次感,文字清晰不发虚。[配色色系] 全局底色:#F9FAFB(极浅灰);区块配色:#EFF6FF(浅蓝色区块底);文字配色:#1E40AF(深蓝色标题)+#374151(深灰色正文);图标配色:#2563EB(蓝色)。[视角构图] 平面宫格构图,居中对称排版,阅读从上到下从左到右自然流畅,信息层级清晰。[文字版式] 顶部主标题"核心优势 清晰可见"加粗深蓝色居中,字号为画面高度7%;下方四个宫格:
1. 左上宫格:蓝色等离子波纹图标,标题"等离子发生技术",说明"深层净化 更稳定"
2. 右上宫格:蓝色遥控器图标,标题"智能遥控控制",说明"远程调节 更便捷"
3. 左下宫格:蓝色挂钩图标,标题"双安装方式",说明"壁挂吸顶 灵活适配"
4. 右下宫格:蓝色LED图标,标题"LED状态显示",说明"运行状态 一目了然"
每个宫格图标占上半部分约40%高度,标题字号比说明大两号,文字居中排列,不超出区块范围,清晰可读。[比例分辨率] 3:4竖版比例,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端用户手机看货、咨询的习惯
[垫图],["https://gdesign-dam-hz.dancf.com/35932662034979941/dd13c6bd4e044232adba8367ccfa4582.jpg","https://gdesign-dam-hz.dancf.com/35932662841201810/d92358b148fb4d67b7c21f2a6c35c0cb.jpg","https://gdesign-dam-hz.dancf.com/35932661091913847/4389e507951549f7b441649a9d2fd328.jpg","https://gdesign-dam-hz.dancf.com/35932661798643809/4f6233cd2f4345c4b91acd6f0f2dc7ac.jpg","https://gdesign-dam-hz.dancf.com/35932664313402506/b1e82c9c89e246ed93f6886597d31eed.jpg","https://gdesign-dam-hz.dancf.com/35932664954343491/0da6fd64502a40e2acd3624f57df2e7b.jpg","https://gdesign-dam-hz.dancf.com/35932664958404733/6ca664de03ba438c9e1f7c72cf784c02.jpg","https://gdesign-dam-hz.dancf.com/35932668028507304/2763d1c79476438c8649d2d577e9e830.jpg","https://gdesign-dam-hz.dancf.com/35932667216774185/2bf64ce1e7124a559025d657944c7577.jpg","https://gdesign-dam-hz.dancf.com/35932668807336062/0efaf1cac7614cffa6bf6f2bd043a98e.jpg"],[主图主题] 蒸发冷空调工作原理解析版面 [氛围/风格] 工业科技风,专业易懂,延续统一配色 [画面元素] 左侧放置蒸发冷空调工作原理流程图,标注水冷、风冷、压缩机结合的循环路径;右侧搭配简化的降温效果演示动效示意图;背景为深灰色科技感底纹,铺满全屏无边框 [配色色系] 主色调深灰、浅金;辅助色蓝色(代表降温)、白色 [视角构图] 左图右释平视构图,流程图居中展示,标注清晰 [文字版式] 顶部主标题“高效制冷 原理揭秘”,无衬线粗体浅金色;流程图每个节点标注对应步骤说明,白色小字;右侧文字说明“水冷+风冷双循环 比传统空调节能40%~50%”,白色粗体突出;文字悬浮于背景,不遮挡流程图核心路径,信息对齐规范 [比例分辨率] 3:4比例,2K分辨率[垫图],["https://gdesign-dam-hz.dancf.com/35932662034979941/dd13c6bd4e044232adba8367ccfa4582.jpg","https://gdesign-dam-hz.dancf.com/35932662841201810/d92358b148fb4d67b7c21f2a6c35c0cb.jpg","https://gdesign-dam-hz.dancf.com/35932661091913847/4389e507951549f7b441649a9d2fd328.jpg","https://gdesign-dam-hz.dancf.com/35932661798643809/4f6233cd2f4345c4b91acd6f0f2dc7ac.jpg","https://gdesign-dam-hz.dancf.com/35932664313402506/b1e82c9c89e246ed93f6886597d31eed.jpg","https://gdesign-dam-hz.dancf.com/35932664954343491/0da6fd64502a40e2acd3624f57df2e7b.jpg","https://gdesign-dam-hz.dancf.com/35932664958404733/6ca664de03ba438c9e1f7c72cf784c02.jpg","https://gdesign-dam-hz.dancf.com/35932668028507304/2763d1c79476438c8649d2d577e9e830.jpg","https://gdesign-dam-hz.dancf.com/35932667216774185/2bf64ce1e7124a559025d657944c7577.jpg","https://gdesign-dam-hz.dancf.com/35932668807336062/0efaf1cac7614cffa6bf6f2bd043a98e.jpg"],[主图主题] 蒸发冷空调工作原理解析版面 [氛围/风格] 工业科技风,专业易懂,延续统一配色 [画面元素] 左侧放置蒸发冷空调工作原理流程图,标注水冷、风冷、压缩机结合的循环路径;右侧搭配简化的降温效果演示动效示意图;背景为深灰色科技感底纹,铺满全屏无边框 [配色色系] 主色调深灰、浅金;辅助色蓝色(代表降温)、白色 [视角构图] 左图右释平视构图,流程图居中展示,标注清晰 [文字版式] 顶部主标题“高效制冷 原理揭秘”,无衬线粗体浅金色;流程图每个节点标注对应步骤说明,白色小字;右侧文字说明“水冷+风冷双循环 比传统空调节能40%~50%”,白色粗体突出;文字悬浮于背景,不遮挡流程图核心路径,信息对齐规范 [比例分辨率] 3:4比例,2K分辨率