创意预览图

电商餐饮预制菜详情页排版设计，9:16竖版。 模块1大标题：效率提升・省时省力，左侧是混乱拥挤后厨人工备菜，右侧是厨师打开预制菜包装直接烹饪的对比图。文案：❌ 你是不是也遇到这些麻烦？食材清洗、切割、

用户头像

用户TA6CBGmH

2026.05.20
李勇慧调查李勇慧调查
GD153471283GD153471283
GD153471283GD153471283
1r2t2azbrqwzc0Lg-HB1r2t2azbrqwzc0Lg-HB
GD381498778GD381498778
[第6屏修改] 工艺优势解析，用户要求修改为非手工制作，改为现代标准化工艺展示，适配木糖醋杏仁板栗饼。本屏保留整体布局结构，替换文案和内容。 [氛围/风格] 现代洁净食品工业风，暖调干净质感，突出标准化生产安全卫生优势。 [元素布局] 顶部大标题，中部三格纵向排列展示「配料净化」「自动化起酥」「无菌烘烤」三个核心工艺环节，每个格子配工艺说明文字，底部总结工艺优势；布局饱满清晰，每个环节区域大小均匀。 [光影质感] 均匀干净柔光，每个工艺区域清晰明了，对比适中，突出洁净卫生优势。 [配色色系] 全局底色 #F5F0E6，沿用全套统一配色，深棕文字，深红色强调，保持风格一致。 [视角构图] 从上到下通屏排版，步骤横向排列，阅读顺序清晰流畅。 [文字版式] 顶部大标题「现代标准化生产工艺」，副标题「匠心品质 洁净卫生」，三个环节标题分别为「原料净化处理」「自动化分层起酥」「无菌恒温烘烤」，下方每个环节配短说明：原料净化去除杂质保证洁净安全、自动化精准控制酥皮层数保证口感一致、无菌车间恒温烘烤锁住风味安全卫生，底部总结文字「标准化工艺 品质稳定更安心」；字体沿用圆角黑体，字色保持深棕和白色两种，纯色填充。 [比例分辨率] 9:16，4K，文字清晰可辨。 [负向提示词] 文字错乱，文字过小，构图混乱，水印，虚假宣传，手工元素[第6屏修改] 工艺优势解析，用户要求修改为非手工制作，改为现代标准化工艺展示，适配木糖醋杏仁板栗饼。本屏保留整体布局结构，替换文案和内容。 [氛围/风格] 现代洁净食品工业风，暖调干净质感，突出标准化生产安全卫生优势。 [元素布局] 顶部大标题，中部三格纵向排列展示「配料净化」「自动化起酥」「无菌烘烤」三个核心工艺环节，每个格子配工艺说明文字，底部总结工艺优势；布局饱满清晰，每个环节区域大小均匀。 [光影质感] 均匀干净柔光，每个工艺区域清晰明了，对比适中，突出洁净卫生优势。 [配色色系] 全局底色 #F5F0E6，沿用全套统一配色，深棕文字，深红色强调，保持风格一致。 [视角构图] 从上到下通屏排版，步骤横向排列，阅读顺序清晰流畅。 [文字版式] 顶部大标题「现代标准化生产工艺」，副标题「匠心品质 洁净卫生」，三个环节标题分别为「原料净化处理」「自动化分层起酥」「无菌恒温烘烤」，下方每个环节配短说明：原料净化去除杂质保证洁净安全、自动化精准控制酥皮层数保证口感一致、无菌车间恒温烘烤锁住风味安全卫生，底部总结文字「标准化工艺 品质稳定更安心」；字体沿用圆角黑体，字色保持深棕和白色两种，纯色填充。 [比例分辨率] 9:16，4K，文字清晰可辨。 [负向提示词] 文字错乱，文字过小，构图混乱，水印，虚假宣传，手工元素
GD822271571GD822271571
简唯Pet简唯Pet
annaduduannadudu
annaduduannadudu
annaduduannadudu
[第5屏] 本屏功能定义：海时珍正宗胶东黄花鱼水饺制作工艺细节展示，展示手工包制锁鲜流程。 [氛围/风格] 真实流程展示风格，高清实拍质感，干净简洁，工艺步骤清晰直观。 [元素布局] 顶部大标题，下方纵向排列四个工艺步骤，每个步骤包含一张流程实拍小图+步骤名称+简短说明。四个步骤依次为：去刺取肉、手工调馅、手工包制、极速速冻，每个步骤模块大小一致，纵向间距均匀，整体清晰有序。 [光影质感] 每个步骤图片光影均匀柔和，工艺细节清晰可见，整体明暗一致，没有局部过暗或过曝。 [配色色系] 全局底色：#F8F5F0（米白色）；主体配色：#F2994A（品牌橙色）+ 深棕色文字；辅助色：#D1EBDD（浅青色）+ #F9F0D3（暖黄色）。延续首屏配色方案不变。 [视角构图] 从上到下纵向步骤排列，每个步骤横向布局，左图右文，符合手机端滑动阅读动线，步骤顺序清晰。 [文字版式] 整体采用粗黑体标题，搭配无衬线正文，字色仅使用深棕和橙色两种，标题采用纯色填充，保持全程与首屏一致。顶部大标题「传统手工制作工艺」橙色粗黑体，居中排列，字号为画面宽度6%；每个步骤标题为橙色加粗，说明文字为深棕色常规字，排版左图右文，文字左对齐，行距充足，手机端清晰可读。 [比例分辨率] 9:16 竖版比例，2K分辨率，文字清晰可辨，超高清。 [负向提示词] 步骤排版错乱，文字模糊，颜色偏差，水印，背景杂乱，食物变质[第5屏] 本屏功能定义：海时珍正宗胶东黄花鱼水饺制作工艺细节展示，展示手工包制锁鲜流程。 [氛围/风格] 真实流程展示风格，高清实拍质感，干净简洁，工艺步骤清晰直观。 [元素布局] 顶部大标题，下方纵向排列四个工艺步骤，每个步骤包含一张流程实拍小图+步骤名称+简短说明。四个步骤依次为：去刺取肉、手工调馅、手工包制、极速速冻，每个步骤模块大小一致，纵向间距均匀，整体清晰有序。 [光影质感] 每个步骤图片光影均匀柔和，工艺细节清晰可见，整体明暗一致，没有局部过暗或过曝。 [配色色系] 全局底色：#F8F5F0（米白色）；主体配色：#F2994A（品牌橙色）+ 深棕色文字；辅助色：#D1EBDD（浅青色）+ #F9F0D3（暖黄色）。延续首屏配色方案不变。 [视角构图] 从上到下纵向步骤排列，每个步骤横向布局，左图右文，符合手机端滑动阅读动线，步骤顺序清晰。 [文字版式] 整体采用粗黑体标题，搭配无衬线正文，字色仅使用深棕和橙色两种，标题采用纯色填充，保持全程与首屏一致。顶部大标题「传统手工制作工艺」橙色粗黑体，居中排列，字号为画面宽度6%；每个步骤标题为橙色加粗，说明文字为深棕色常规字，排版左图右文，文字左对齐，行距充足，手机端清晰可读。 [比例分辨率] 9:16 竖版比例，2K分辨率，文字清晰可辨，超高清。 [负向提示词] 步骤排版错乱，文字模糊，颜色偏差，水印，背景杂乱，食物变质
妍妃123456妍妃123456
1q17sv5htg-HB1q17sv5htg-HB
GD153471283GD153471283
1q0dotg1vl-HB1q0dotg1vl-HB
一、核心配色体系（匹配行业属性） 围绕「环保农业+工业制造」的双重属性，采用低饱和专业配色，避免过于刺眼或廉价的视觉感受： 主色调（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端用户手机看货、咨询的习惯
1q3n75opirh3gc6p-HB1q3n75opirh3gc6p-HB
简唯Pet简唯Pet
GD560992576GD560992576
1r369fy3fzWl5KsQ-HB1r369fy3fzWl5KsQ-HB
胡恬妮胡恬妮
1qf0xe0x0u87kGGg-HB1qf0xe0x0u87kGGg-HB
用户kVC7GQF9用户kVC7GQF9
漆华亮-全信汇广告传媒漆华亮-全信汇广告传媒
1r2t2azbrqwzc0Lg-HB1r2t2azbrqwzc0Lg-HB
1q04umgp84-HB1q04umgp84-HB
李勇慧调查李勇慧调查