淘宝详情页原理说明图,宽度750px,教学解释页,文字清晰可读… - 图片创意预览

淘宝详情页原理说明图,宽度750px,教学解释页,文字清晰可读…

淘宝详情页原理说明图,宽度750px,教学解释页,文字清晰可读第一优先级。炭黑色背景带轻微金属拉丝质感,与首屏红黑工业风一致。左右两侧各一条红色细竖条装饰。 居中白色粗黑体主标题"自锁按钮与自复位按

用户头像

1r5kvrk1zow...

2026.09.28
工业电气知识科普图,重新排版设计,纯文字信息图,不添加产品图片。 [画面] 详情页知识说明图,左右分栏+上下分层的现代排版;顶部大标题区,中部左右两栏分别介绍自锁旋钮和自复位旋钮,下部为触点说明区,最底部为醒目的提示横幅;整体布局对称平衡,信息层级分明,阅读动线清晰。 [视觉] 套系策略:风格=工业简约科技风;标题字=思源黑体 Bold;正文字=思源黑体 Bold;主色=工业深蓝#1E3A8A;背景=深蓝渐变工业风背景,从上到下由深蓝向稍浅蓝过渡,带有细微科技网格纹理,高级质感;强调色=荧光绿#22C55E(关键词高亮)、金黄色#F59E0B(底部提示);标题色=白色;正文色=浅灰色;组件=深蓝圆角卡片、绿色高亮关键词、细分隔线、金黄色提示横幅;光影=干净平面设计感,卡片有轻微投影增加层次。 [文字] 文案内容全部保留不变,重新排版如下: 顶部居中:大号白色粗体主标题"自锁旋钮与自复位旋钮的区别"(其中"自锁旋钮"和"自复位旋钮"用荧光绿色高亮),其下小号浅灰色英文副标题"THE DIFFERENCE BETWEEN THE SELF-LOCKING BUTTON AND THE SELF-RESET BUTTON"; 中部左右两栏对称布局,各一个深蓝圆角卡片: 左栏卡片内:顶部荧光绿色大号粗体"自锁旋钮",下方浅灰色说明文字"旋转一下通电,松手不弹回,再往回旋转一下断电"; 右栏卡片内:顶部荧光绿色大号粗体"自复位旋钮",下方浅灰色说明文字"旋转一下通电,松手自动弹回断电"; 下部触点说明区(深蓝圆角通栏卡片): 两行触点说明,荧光绿色关键词+浅灰色说明: "常开触点:平常处于断开状态,按下之后接通。" "常闭触点:平常处于接通状态,按下之后断开。" 最底部金黄色醒目提示横幅: 金黄色粗体大字"本款链接产品均为自锁旋钮!"; 所有字体统一为思源黑体 Bold,层级分明,清晰易读。 [规格] 宽度750px,高度约900px(竖版详情页),4K,避免变形、错字、文字过小、文案内容改变、排版杂乱、出现产品图片。工业电气知识科普图,重新排版设计,纯文字信息图,不添加产品图片。
[画面] 详情页知识说明图,左右分栏+上下分层的现代排版;顶部大标题区,中部左右两栏分别介绍自锁旋钮和自复位旋钮,下部为触点说明区,最底部为醒目的提示横幅;整体布局对称平衡,信息层级分明,阅读动线清晰。
[视觉] 套系策略:风格=工业简约科技风;标题字=思源黑体 Bold;正文字=思源黑体 Bold;主色=工业深蓝#1E3A8A;背景=深蓝渐变工业风背景,从上到下由深蓝向稍浅蓝过渡,带有细微科技网格纹理,高级质感;强调色=荧光绿#22C55E(关键词高亮)、金黄色#F59E0B(底部提示);标题色=白色;正文色=浅灰色;组件=深蓝圆角卡片、绿色高亮关键词、细分隔线、金黄色提示横幅;光影=干净平面设计感,卡片有轻微投影增加层次。
[文字] 文案内容全部保留不变,重新排版如下:
顶部居中:大号白色粗体主标题"自锁旋钮与自复位旋钮的区别"(其中"自锁旋钮"和"自复位旋钮"用荧光绿色高亮),其下小号浅灰色英文副标题"THE DIFFERENCE BETWEEN THE SELF-LOCKING BUTTON AND THE SELF-RESET BUTTON";
中部左右两栏对称布局,各一个深蓝圆角卡片:
左栏卡片内:顶部荧光绿色大号粗体"自锁旋钮",下方浅灰色说明文字"旋转一下通电,松手不弹回,再往回旋转一下断电";
右栏卡片内:顶部荧光绿色大号粗体"自复位旋钮",下方浅灰色说明文字"旋转一下通电,松手自动弹回断电";
下部触点说明区(深蓝圆角通栏卡片):
两行触点说明,荧光绿色关键词+浅灰色说明:
"常开触点:平常处于断开状态,按下之后接通。"
"常闭触点:平常处于接通状态,按下之后断开。"
最底部金黄色醒目提示横幅:
金黄色粗体大字"本款链接产品均为自锁旋钮!";
所有字体统一为思源黑体 Bold,层级分明,清晰易读。
[规格] 宽度750px,高度约900px(竖版详情页),4K,避免变形、错字、文字过小、文案内容改变、排版杂乱、出现产品图片。
工业电气知识科普图,重新排版设计。 [画面] 详情页知识说明图,目标清晰展示自锁与自复位按钮的区别,左右分栏+上下分层的现代排版;左侧为自锁按钮区,右侧为自复位按钮区,底部为触点说明区;顶部大标题居中;整体布局对称平衡,信息层级分明,阅读动线清晰。 [视觉] 套系策略:风格=工业简约科技风;标题字=思源黑体 Bold;正文字=思源黑体 Bold;主色=工业深蓝#1E3A8A;背景延展=深蓝渐变背景,顶部稍浅向下渐深,带有细微科技网格纹理;强调色=荧光绿#22C55E,用于关键词高亮;标题色=白色;正文色=浅灰色;组件=深蓝卡片、绿色高亮关键词、细分隔线、图标点缀;光影=干净平面设计感,卡片有轻微投影增加层次。 [文字] 文案内容全部保留不变,重新排版如下: 顶部居中:大号白色粗体主标题"自锁按钮与自复位按钮的区别"(其中"自锁按钮"和"自复位按钮"用荧光绿色高亮),其下小号浅灰色英文副标题"THE DIFFERENCE BETWEEN THE SELF-LOCKING BUTTON AND THE SELF-RESET BUTTON"; 中部左右两栏对称布局: 左栏(深蓝圆角卡片内):顶部荧光绿色大号粗体"自锁按钮",下方浅灰色说明文字"按一下通电,松手不弹回,再按一下断电"; 右栏(深蓝圆角卡片内):顶部荧光绿色大号粗体"自复位按钮",下方浅灰色说明文字"按一下通电,松手自动弹回断电"; 底部通栏(深蓝圆角卡片内):两行触点说明,荧光绿色关键词+浅灰色说明: "常开触点:平常处于断开状态,按下之后接通。" "常闭触点:平常处于接通状态,按下之后断开。" 所有字体统一为思源黑体 Bold,关键词用荧光绿色高亮,说明文字浅灰色,层级分明,清晰易读。 [规格] 宽度750px,高度约900px(竖版详情页),4K,避免变形、错字、文字过小、文案内容改变、排版杂乱。工业电气知识科普图,重新排版设计。
[画面] 详情页知识说明图,目标清晰展示自锁与自复位按钮的区别,左右分栏+上下分层的现代排版;左侧为自锁按钮区,右侧为自复位按钮区,底部为触点说明区;顶部大标题居中;整体布局对称平衡,信息层级分明,阅读动线清晰。
[视觉] 套系策略:风格=工业简约科技风;标题字=思源黑体 Bold;正文字=思源黑体 Bold;主色=工业深蓝#1E3A8A;背景延展=深蓝渐变背景,顶部稍浅向下渐深,带有细微科技网格纹理;强调色=荧光绿#22C55E,用于关键词高亮;标题色=白色;正文色=浅灰色;组件=深蓝卡片、绿色高亮关键词、细分隔线、图标点缀;光影=干净平面设计感,卡片有轻微投影增加层次。
[文字] 文案内容全部保留不变,重新排版如下:
顶部居中:大号白色粗体主标题"自锁按钮与自复位按钮的区别"(其中"自锁按钮"和"自复位按钮"用荧光绿色高亮),其下小号浅灰色英文副标题"THE DIFFERENCE BETWEEN THE SELF-LOCKING BUTTON AND THE SELF-RESET BUTTON";
中部左右两栏对称布局:
左栏(深蓝圆角卡片内):顶部荧光绿色大号粗体"自锁按钮",下方浅灰色说明文字"按一下通电,松手不弹回,再按一下断电";
右栏(深蓝圆角卡片内):顶部荧光绿色大号粗体"自复位按钮",下方浅灰色说明文字"按一下通电,松手自动弹回断电";
底部通栏(深蓝圆角卡片内):两行触点说明,荧光绿色关键词+浅灰色说明:
"常开触点:平常处于断开状态,按下之后接通。"
"常闭触点:平常处于接通状态,按下之后断开。"
所有字体统一为思源黑体 Bold,关键词用荧光绿色高亮,说明文字浅灰色,层级分明,清晰易读。
[规格] 宽度750px,高度约900px(竖版详情页),4K,避免变形、错字、文字过小、文案内容改变、排版杂乱。
电商详情页,LA38按钮开关自复位/自锁功能说明详情长图,750px宽竖版长图,深蓝科技工业风,产品精修。全部文字使用思源黑体 Bold字体。文案保持不变。 [画面] 页面目标:说明自复位式与自锁式按钮的功能区别,帮助用户理解两种操作模式。构图:顶部标题+中部左右双栏对比卡片。主体位置:左右两栏各放一个红色按钮头部特写图(左:自复位弹起状态;右:自锁按下状态),下方为功能说明,产品占画面约50%。阅读动线:从上到下,标题→左栏自复位→右栏自锁。前景:按钮对比卡片+说明文字;中景:科技感背景;后景:深蓝色渐变+光线效果。 [视觉] 套系策略:风格=深蓝黑科技感工业风;标题字=思源黑体 Bold超大粗体;正文字=思源黑体 Bold;主色=深蓝/黑色;背景延展=基于深蓝黑做深浅层级、渐变和科技网格/光线效果;强调色=红色(按钮头)+黄色(功能标题)+银色(金属环)+白色(说明文字),仅用于产品和重点文字;标题色=白色;正文色=白色/浅灰色;组件=深灰色圆角对比卡片、按钮特写图框、黄色大标题;光影=顶部硬光,金属环高光锐利,按钮立体感强。 [文字] 顶部深灰色标题栏: 大标题:"关于自复位/自锁" 白色超大粗体,居中 左侧深灰色圆角卡片(自复位): 上方:红色按钮头部特写图(弹起状态,按钮面较高),深色圆角边框 下方黄色大标题:"自复位" 黄色超大粗体,居中 再下方白色说明文字: "自复位:按下去\n后手指离开按钮\n立即弹起" 白色粗体,三行居中 右侧深灰色圆角卡片(自锁): 上方:红色按钮头部特写图(按下状态,按钮面较低),深色圆角边框 下方黄色大标题:"自锁" 黄色超大粗体,居中 再下方白色说明文字: "自锁:按下去后\n按钮锁定,再按\n一下弹起来" 白色粗体,三行居中 [产品处理] 按钮头部精修,红色按钮面光滑圆润,银色金属环高光锐利,黑色底座细腻,无灰尘划痕。 [规格] 图片宽度750px,竖版长图比例约3:5,4K分辨率,避免变形、错字、文字过小、水印、平台logo、产品模糊。产品精修质感真实。电商详情页,LA38按钮开关自复位/自锁功能说明详情长图,750px宽竖版长图,深蓝科技工业风,产品精修。全部文字使用思源黑体 Bold字体。文案保持不变。

[画面] 页面目标:说明自复位式与自锁式按钮的功能区别,帮助用户理解两种操作模式。构图:顶部标题+中部左右双栏对比卡片。主体位置:左右两栏各放一个红色按钮头部特写图(左:自复位弹起状态;右:自锁按下状态),下方为功能说明,产品占画面约50%。阅读动线:从上到下,标题→左栏自复位→右栏自锁。前景:按钮对比卡片+说明文字;中景:科技感背景;后景:深蓝色渐变+光线效果。

[视觉] 套系策略:风格=深蓝黑科技感工业风;标题字=思源黑体 Bold超大粗体;正文字=思源黑体 Bold;主色=深蓝/黑色;背景延展=基于深蓝黑做深浅层级、渐变和科技网格/光线效果;强调色=红色(按钮头)+黄色(功能标题)+银色(金属环)+白色(说明文字),仅用于产品和重点文字;标题色=白色;正文色=白色/浅灰色;组件=深灰色圆角对比卡片、按钮特写图框、黄色大标题;光影=顶部硬光,金属环高光锐利,按钮立体感强。

[文字]
  顶部深灰色标题栏:
    大标题:"关于自复位/自锁" 白色超大粗体,居中

  左侧深灰色圆角卡片(自复位):
    上方:红色按钮头部特写图(弹起状态,按钮面较高),深色圆角边框
    下方黄色大标题:"自复位" 黄色超大粗体,居中
    再下方白色说明文字:
      "自复位:按下去\n后手指离开按钮\n立即弹起" 白色粗体,三行居中

  右侧深灰色圆角卡片(自锁):
    上方:红色按钮头部特写图(按下状态,按钮面较低),深色圆角边框
    下方黄色大标题:"自锁" 黄色超大粗体,居中
    再下方白色说明文字:
      "自锁:按下去后\n按钮锁定,再按\n一下弹起来" 白色粗体,三行居中

[产品处理] 按钮头部精修,红色按钮面光滑圆润,银色金属环高光锐利,黑色底座细腻,无灰尘划痕。

[规格] 图片宽度750px,竖版长图比例约3:5,4K分辨率,避免变形、错字、文字过小、水印、平台logo、产品模糊。产品精修质感真实。
淘宝详情页说明图,宽度750px,高度较长,工业风干净专业。整体背景为浅灰色金属拉丝质感,冷灰调,与首屏和参数图风格统一。分上下两个板块自然过渡: 上半部分用深灰色块衬底:左上角亮黄色底黑色粗字斜角标签"自锁自复位搞不清 · 客服帮你选";白色粗黑体大标题"自锁按钮与自复位按钮的区别",下面一行浅灰色英文小字"THE DIFFERENCE BETWEEN THE SELF-LOCKING BUTTON AND THE SELF-RESET BUTTON";下面左对齐两行说明:绿色加粗字"自锁按钮"配白色说明"按一下通电,松手不弹回,再按一下断电";工业蓝色加粗字"自复位按钮"配白色说明"按一下通电,松手自动弹回断电";再下面绿色字"常开触点:平常处于断开状态,按下之后接通。"和"常闭触点:平常处于接通状态,按下之后断开。" 下半部分浅灰底自然过渡:工业蓝色粗黑体大标题"产品细节解析",下面一行浅灰色英文小字"PRODUCT DETAILS ANALYSIS";中间放红色矩形按钮侧面产品图,产品保留原样,用工业蓝色虚线引线标注5个部位:五色按钮盖(指向按键面)、金属固定片(指向中间金属片)、锁紧螺母(指向螺纹部分)、品牌/规格信息(指向产品侧面印字处)、铜制引脚(指向底部三个插脚);细节解析下面一行亮黄色钩子小字"每个部件都看得见,收到货跟图上一样,不担心货不对板"。 标题粗黑体,说明文字无衬线体。无水印无品牌字,整体像工业品说明书。淘宝详情页说明图,宽度750px,高度较长,工业风干净专业。整体背景为浅灰色金属拉丝质感,冷灰调,与首屏和参数图风格统一。分上下两个板块自然过渡:

上半部分用深灰色块衬底:左上角亮黄色底黑色粗字斜角标签"自锁自复位搞不清 · 客服帮你选";白色粗黑体大标题"自锁按钮与自复位按钮的区别",下面一行浅灰色英文小字"THE DIFFERENCE BETWEEN THE SELF-LOCKING BUTTON AND THE SELF-RESET BUTTON";下面左对齐两行说明:绿色加粗字"自锁按钮"配白色说明"按一下通电,松手不弹回,再按一下断电";工业蓝色加粗字"自复位按钮"配白色说明"按一下通电,松手自动弹回断电";再下面绿色字"常开触点:平常处于断开状态,按下之后接通。"和"常闭触点:平常处于接通状态,按下之后断开。"

下半部分浅灰底自然过渡:工业蓝色粗黑体大标题"产品细节解析",下面一行浅灰色英文小字"PRODUCT DETAILS ANALYSIS";中间放红色矩形按钮侧面产品图,产品保留原样,用工业蓝色虚线引线标注5个部位:五色按钮盖(指向按键面)、金属固定片(指向中间金属片)、锁紧螺母(指向螺纹部分)、品牌/规格信息(指向产品侧面印字处)、铜制引脚(指向底部三个插脚);细节解析下面一行亮黄色钩子小字"每个部件都看得见,收到货跟图上一样,不担心货不对板"。

标题粗黑体,说明文字无衬线体。无水印无品牌字,整体像工业品说明书。
淘宝详情页说明图,宽度750px,高度较长,工业风干净专业。整体背景为浅灰色金属拉丝质感,冷灰调,与首屏和参数图风格统一。分上下两个板块自然过渡: 上半部分用深灰色块衬底:左上角亮黄色底黑色粗字斜角标签"自锁自复位搞不清 · 客服帮你选";白色粗黑体大标题"自锁按钮与自复位按钮的区别",下面一行浅灰色英文小字"THE DIFFERENCE BETWEEN THE SELF-LOCKING BUTTON AND THE SELF-RESET BUTTON";下面左对齐说明:绿色加粗字"自锁按钮"配白色说明"按一下通电,松手不弹回,再按一下断电";工业蓝色加粗字"自复位按钮"配白色说明"按一下通电,松手自动弹回断电";再下面绿色字"常开触点:平常处于断开状态,按下之后接通。"和"常闭触点:平常处于接通状态,按下之后断开。" 下半部分浅灰底自然过渡:工业蓝色粗黑体大标题"产品细节解析",下面一行浅灰色英文小字"PRODUCT DETAILS ANALYSIS";中间放黄色矩形带灯按钮侧面产品图,产品保留原样,用工业蓝色虚线引线标注5个部位:五色按钮盖(指向按键面)、金属固定片(指向中间金属片)、锁紧螺母(指向螺纹部分)、品牌/规格信息(指向产品侧面印字处)、铜制引脚(指向底部五个插脚);细节解析下面一行亮黄色钩子小字"五脚带灯,灯脚正负已标注,每个部件都看得见,货不对板你来找我"。 标题粗黑体,说明文字无衬线体。无水印无品牌字,整体像工业品说明书。淘宝详情页说明图,宽度750px,高度较长,工业风干净专业。整体背景为浅灰色金属拉丝质感,冷灰调,与首屏和参数图风格统一。分上下两个板块自然过渡:

上半部分用深灰色块衬底:左上角亮黄色底黑色粗字斜角标签"自锁自复位搞不清 · 客服帮你选";白色粗黑体大标题"自锁按钮与自复位按钮的区别",下面一行浅灰色英文小字"THE DIFFERENCE BETWEEN THE SELF-LOCKING BUTTON AND THE SELF-RESET BUTTON";下面左对齐说明:绿色加粗字"自锁按钮"配白色说明"按一下通电,松手不弹回,再按一下断电";工业蓝色加粗字"自复位按钮"配白色说明"按一下通电,松手自动弹回断电";再下面绿色字"常开触点:平常处于断开状态,按下之后接通。"和"常闭触点:平常处于接通状态,按下之后断开。"

下半部分浅灰底自然过渡:工业蓝色粗黑体大标题"产品细节解析",下面一行浅灰色英文小字"PRODUCT DETAILS ANALYSIS";中间放黄色矩形带灯按钮侧面产品图,产品保留原样,用工业蓝色虚线引线标注5个部位:五色按钮盖(指向按键面)、金属固定片(指向中间金属片)、锁紧螺母(指向螺纹部分)、品牌/规格信息(指向产品侧面印字处)、铜制引脚(指向底部五个插脚);细节解析下面一行亮黄色钩子小字"五脚带灯,灯脚正负已标注,每个部件都看得见,货不对板你来找我"。

标题粗黑体,说明文字无衬线体。无水印无品牌字,整体像工业品说明书。
基于参考图进行LA38按钮自锁自复位对比海报设计,严格遵循以下要求: 【产品处理核心要求】 1. 将图中两个红色按钮头部从原蓝色背景和圆角卡片中分别抠出: ① 左侧自复位按钮(按钮面凸出弹起状态,红色面+银色金属圈+黑色螺纹后壳+黑色底座顶部) ② 右侧自锁按钮(按钮面按下凹下状态,红色面略凹进金属圈+银色金属圈+黑色螺纹后壳+黑色底座顶部) 2. 两个按钮保持正面视角,不加任何卡片底色框 3. 各加柔和投影(黑色30%透明,高斯模糊15px) 4. 按钮表面红色哑光质感、金属圈高光保持原样,不做任何文字擦除或重绘 【保留文案,全部使用思源黑体】 - 顶部英文小字:"SELF-RETURN vs SELF-LOCK"(全部大写,思源黑体Regular 18px #8A919C,字距2,居中) - 大标题:"关于自锁 & 自复位"(思源黑体Heavy 60px #FFFFFF,居中) - 左按钮上方标签:白底深色字"自复位"(思源黑体Bold 28px #1A1A1A,背景#FFFFFF,圆角4px,内边距16×8px),标签下方小字"手指离开,按钮立即弹起"(思源黑体Regular 20px #C8CDD4,居中在按钮上方) - 右按钮上方标签:深酒红底#8B2635白字"自锁"(思源黑体Bold 28px #FFFFFF,背景#8B2635,圆角4px,内边距16×8px),标签下方小字"按下锁定,再按弹起"(思源黑体Regular 20px #C8CDD4,居中在按钮上方) - 两个按钮中间位置放一个圆形"VS"标识(直径50px,1px边框#8A919C,圆内"VS"思源黑体Bold 22px #8A919C) - 底部小字:"两种结构可选,下单请备注所需类型"(思源黑体Regular 16px #8A919C,居中) 【新排版设计】 - 画布750×1000px,3:4竖版 - 顶部距画布60px:英文小字(居中)→下距14px大标题(居中) - 中部35%-80%区域:两个按钮并排放在深色台面上,左按钮在画面左20%-45%,右按钮在画面右55%-80%,两个按钮尺寸一致(直径约240px),按钮正面朝向观众 - 每个按钮上方先放功能标签(居中对齐按钮中心),标签下方10px放说明小字,再下方20px才是按钮本体 - 两个按钮正中间(水平方向中点、垂直方向按钮中心位置)放圆形VS标识 - 底部台面用一条1px横线#2A2F38表示,按钮底部落在台线上 - 底部85%-92%放说明小字 - 整体双按钮对比+中间VS 【新背景】 深炭灰对比展示背景:主色#131519,从顶部#1A1D22渐变到底部#0B0D10,底部台面叠加一层极淡的深酒红环境反光(#8B2635,透明度8%),上方一道柔和顶光打在两个按钮的金属圈上。整体暗调、对称、对比感清晰。禁止出现:文字、水印、logo、人物、卡通、亮蓝色、蓝色光环、红色卡片块、灰色卡片块、花哨装饰、高饱和色彩。 【输出要求】750×1000px竖版,两个按钮一凸一凹状态对比明显,左右对称对齐,VS标识居中不偏,标签白/酒红区分清晰,无原蓝色背景和卡片边框残留基于参考图进行LA38按钮自锁自复位对比海报设计,严格遵循以下要求:

【产品处理核心要求】
1. 将图中两个红色按钮头部从原蓝色背景和圆角卡片中分别抠出:
   ① 左侧自复位按钮(按钮面凸出弹起状态,红色面+银色金属圈+黑色螺纹后壳+黑色底座顶部)
   ② 右侧自锁按钮(按钮面按下凹下状态,红色面略凹进金属圈+银色金属圈+黑色螺纹后壳+黑色底座顶部)
2. 两个按钮保持正面视角,不加任何卡片底色框
3. 各加柔和投影(黑色30%透明,高斯模糊15px)
4. 按钮表面红色哑光质感、金属圈高光保持原样,不做任何文字擦除或重绘

【保留文案,全部使用思源黑体】
- 顶部英文小字:"SELF-RETURN vs SELF-LOCK"(全部大写,思源黑体Regular 18px #8A919C,字距2,居中)
- 大标题:"关于自锁 & 自复位"(思源黑体Heavy 60px #FFFFFF,居中)
- 左按钮上方标签:白底深色字"自复位"(思源黑体Bold 28px #1A1A1A,背景#FFFFFF,圆角4px,内边距16×8px),标签下方小字"手指离开,按钮立即弹起"(思源黑体Regular 20px #C8CDD4,居中在按钮上方)
- 右按钮上方标签:深酒红底#8B2635白字"自锁"(思源黑体Bold 28px #FFFFFF,背景#8B2635,圆角4px,内边距16×8px),标签下方小字"按下锁定,再按弹起"(思源黑体Regular 20px #C8CDD4,居中在按钮上方)
- 两个按钮中间位置放一个圆形"VS"标识(直径50px,1px边框#8A919C,圆内"VS"思源黑体Bold 22px #8A919C)
- 底部小字:"两种结构可选,下单请备注所需类型"(思源黑体Regular 16px #8A919C,居中)

【新排版设计】
- 画布750×1000px,3:4竖版
- 顶部距画布60px:英文小字(居中)→下距14px大标题(居中)
- 中部35%-80%区域:两个按钮并排放在深色台面上,左按钮在画面左20%-45%,右按钮在画面右55%-80%,两个按钮尺寸一致(直径约240px),按钮正面朝向观众
- 每个按钮上方先放功能标签(居中对齐按钮中心),标签下方10px放说明小字,再下方20px才是按钮本体
- 两个按钮正中间(水平方向中点、垂直方向按钮中心位置)放圆形VS标识
- 底部台面用一条1px横线#2A2F38表示,按钮底部落在台线上
- 底部85%-92%放说明小字
- 整体双按钮对比+中间VS

【新背景】
深炭灰对比展示背景:主色#131519,从顶部#1A1D22渐变到底部#0B0D10,底部台面叠加一层极淡的深酒红环境反光(#8B2635,透明度8%),上方一道柔和顶光打在两个按钮的金属圈上。整体暗调、对称、对比感清晰。禁止出现:文字、水印、logo、人物、卡通、亮蓝色、蓝色光环、红色卡片块、灰色卡片块、花哨装饰、高饱和色彩。

【输出要求】750×1000px竖版,两个按钮一凸一凹状态对比明显,左右对称对齐,VS标识居中不偏,标签白/酒红区分清晰,无原蓝色背景和卡片边框残留
[第5张] 详情页安装步骤页-本田遥控钥匙替换壳更换步骤说明。本张使用【图1】中的钥匙产品作为参考,保持钥匙外观结构一致,以图文步骤形式展示更换流程。 [氛围/风格] 简约清晰教学风,步骤分明,新手易懂,淘宝天猫移动端适配。 [元素布局] 画面顶部标题区,中部纵向排列4个步骤,每步左侧是圆形步骤号,中间是钥匙状态示意图,右侧是文字说明;背景为干净浅灰色;钥匙外观、按键布局、颜色材质与输入图一致。 [光影质感] 每步示意图柔和均匀光照,产品清晰可见,整体明亮干净。 [配色色系] 全局底色 #F2F3F5 浅灰;主色深灰黑;辅助色红色步骤编号、白色步骤卡片底。 [视角构图] 正面平视,纵向阅读动线,从上到下依次阅读4个步骤。 [文字版式] 顶部主标题「四步轻松更换」,副标题「无需工具 新手也能操作」;四个步骤纵向排列:步骤1「弹出钥匙条」配钥匙弹出示意图,小字「按住侧边按键 弹出机械钥匙」;步骤2「取出钥匙胚」配钥匙拔出示意图,小字「将机械钥匙从外壳中取出」;步骤3「分开外壳」配外壳两半示意图,小字「沿缝隙轻轻掰开外壳」;步骤4「移植芯片」配图,小字「放入芯片电池 扣合新壳完成」;底部提示「全程约2分钟 简单快捷」。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨。 [负向提示词] 钥匙变形,结构错误,水印,文字错乱,文字过小,产品模糊,背景杂乱。[第5张] 详情页安装步骤页-本田遥控钥匙替换壳更换步骤说明。本张使用【图1】中的钥匙产品作为参考,保持钥匙外观结构一致,以图文步骤形式展示更换流程。
[氛围/风格] 简约清晰教学风,步骤分明,新手易懂,淘宝天猫移动端适配。
[元素布局] 画面顶部标题区,中部纵向排列4个步骤,每步左侧是圆形步骤号,中间是钥匙状态示意图,右侧是文字说明;背景为干净浅灰色;钥匙外观、按键布局、颜色材质与输入图一致。
[光影质感] 每步示意图柔和均匀光照,产品清晰可见,整体明亮干净。
[配色色系] 全局底色 #F2F3F5 浅灰;主色深灰黑;辅助色红色步骤编号、白色步骤卡片底。
[视角构图] 正面平视,纵向阅读动线,从上到下依次阅读4个步骤。
[文字版式] 顶部主标题「四步轻松更换」,副标题「无需工具 新手也能操作」;四个步骤纵向排列:步骤1「弹出钥匙条」配钥匙弹出示意图,小字「按住侧边按键 弹出机械钥匙」;步骤2「取出钥匙胚」配钥匙拔出示意图,小字「将机械钥匙从外壳中取出」;步骤3「分开外壳」配外壳两半示意图,小字「沿缝隙轻轻掰开外壳」;步骤4「移植芯片」配图,小字「放入芯片电池 扣合新壳完成」;底部提示「全程约2分钟 简单快捷」。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨。
[负向提示词] 钥匙变形,结构错误,水印,文字错乱,文字过小,产品模糊,背景杂乱。
[第5张] 详情页安装步骤页-本田遥控钥匙替换壳更换步骤说明。本张使用【图1】中的钥匙产品作为参考,保持钥匙外观结构一致,以图文步骤形式展示更换流程。 [氛围/风格] 简约清晰教学风,步骤分明,新手易懂,淘宝天猫移动端适配。 [元素布局] 画面顶部标题区,中部纵向排列4个步骤,每步左侧是圆形步骤号,中间是钥匙状态示意图,右侧是文字说明;背景为干净浅灰色;钥匙外观、按键布局、颜色材质与输入图一致。 [光影质感] 每步示意图柔和均匀光照,产品清晰可见,整体明亮干净。 [配色色系] 全局底色 #F2F3F5 浅灰;主色深灰黑;辅助色红色步骤编号、白色步骤卡片底。 [视角构图] 正面平视,纵向阅读动线,从上到下依次阅读4个步骤。 [文字版式] 顶部主标题「四步轻松更换」,副标题「无需工具 新手也能操作」;四个步骤纵向排列:步骤1「弹出钥匙条」配钥匙弹出示意图,小字「按住侧边按键 弹出机械钥匙」;步骤2「取出钥匙胚」配钥匙拔出示意图,小字「将机械钥匙从外壳中取出」;步骤3「分开外壳」配外壳两半示意图,小字「沿缝隙轻轻掰开外壳」;步骤4「移植芯片」配图,小字「放入芯片电池 扣合新壳完成」;底部提示「全程约2分钟 简单快捷」。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨。 [负向提示词] 钥匙变形,结构错误,水印,文字错乱,文字过小,产品模糊,背景杂乱。[第5张] 详情页安装步骤页-本田遥控钥匙替换壳更换步骤说明。本张使用【图1】中的钥匙产品作为参考,保持钥匙外观结构一致,以图文步骤形式展示更换流程。
[氛围/风格] 简约清晰教学风,步骤分明,新手易懂,淘宝天猫移动端适配。
[元素布局] 画面顶部标题区,中部纵向排列4个步骤,每步左侧是圆形步骤号,中间是钥匙状态示意图,右侧是文字说明;背景为干净浅灰色;钥匙外观、按键布局、颜色材质与输入图一致。
[光影质感] 每步示意图柔和均匀光照,产品清晰可见,整体明亮干净。
[配色色系] 全局底色 #F2F3F5 浅灰;主色深灰黑;辅助色红色步骤编号、白色步骤卡片底。
[视角构图] 正面平视,纵向阅读动线,从上到下依次阅读4个步骤。
[文字版式] 顶部主标题「四步轻松更换」,副标题「无需工具 新手也能操作」;四个步骤纵向排列:步骤1「弹出钥匙条」配钥匙弹出示意图,小字「按住侧边按键 弹出机械钥匙」;步骤2「取出钥匙胚」配钥匙拔出示意图,小字「将机械钥匙从外壳中取出」;步骤3「分开外壳」配外壳两半示意图,小字「沿缝隙轻轻掰开外壳」;步骤4「移植芯片」配图,小字「放入芯片电池 扣合新壳完成」;底部提示「全程约2分钟 简单快捷」。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨。
[负向提示词] 钥匙变形,结构错误,水印,文字错乱,文字过小,产品模糊,背景杂乱。
[第9屏] 电商详情页,汽车电吸门升级前后效果对比页。左右分栏布局对比升级前后使用体验。 [氛围/风格] 简洁清晰对比风格,科技电商风,红黑配色,直观突出升级优势。 [元素布局] 画面顶部通栏放主标题,下方主体区域左右平分两栏:左侧为"升级前"区域,右侧为"升级后"区域,每栏从上到下排列对比项,共四行对比内容。左侧背景用浅灰色标注升级前痛点,右侧背景用红色标注升级后优势,对比清晰。 [光影质感] 整体光线均匀,左右区域明暗对比明确,文字清晰锐利,分隔线清晰,阅读体验清晰舒适。 [配色色系] 延续统一红黑配色体系:全局底色#121212黑色,主标题黄色#FACC15,左侧升级前栏用深灰背景#2A2A2A,文字白色;右侧升级后栏用深红色背景#B91C1C,文字黄色+白色,对比区分明确。 [视角构图] 正方形800x800,顶部标题通栏,下方左右等宽对比布局,四行对比项上下均匀分布,对称结构,直观清晰,符合用户对比阅读习惯。 [文字版式] 顶部主标题"升级前后对比,一眼看出差别",黄色加粗居中,占顶部1/8高度。左侧大栏标题"升级前",白色粗体居中于栏顶;右侧大栏标题"升级后",黄色粗体居中于栏顶。对比内容分四行:第一行左:必须大力关门,右:轻触自动吸合,优雅安静;第二行左:关不严 / 反复确认,右:一次吸合到位,自动锁止;第三行左:噪音大、震感强,右:静音闭合,不损伤车门;第四行左:商务场合尴尬,右:高级豪华体验,告别粗鲁。每行左右对齐,文字清晰,痛点用浅色调突出,优势用亮色调强调。 [比例分辨率] 正方形800x800像素,4K分辨率,所有对比文字清晰可辨,排版整齐。 [负向提示词] 文字错位,左右不对称,颜色对比不清晰,文字错乱,排版混乱,颜色偏差,水印,背景杂乱,文字模糊[第9屏] 电商详情页,汽车电吸门升级前后效果对比页。左右分栏布局对比升级前后使用体验。
[氛围/风格] 简洁清晰对比风格,科技电商风,红黑配色,直观突出升级优势。
[元素布局] 画面顶部通栏放主标题,下方主体区域左右平分两栏:左侧为"升级前"区域,右侧为"升级后"区域,每栏从上到下排列对比项,共四行对比内容。左侧背景用浅灰色标注升级前痛点,右侧背景用红色标注升级后优势,对比清晰。
[光影质感] 整体光线均匀,左右区域明暗对比明确,文字清晰锐利,分隔线清晰,阅读体验清晰舒适。
[配色色系] 延续统一红黑配色体系:全局底色#121212黑色,主标题黄色#FACC15,左侧升级前栏用深灰背景#2A2A2A,文字白色;右侧升级后栏用深红色背景#B91C1C,文字黄色+白色,对比区分明确。
[视角构图] 正方形800x800,顶部标题通栏,下方左右等宽对比布局,四行对比项上下均匀分布,对称结构,直观清晰,符合用户对比阅读习惯。
[文字版式] 顶部主标题"升级前后对比,一眼看出差别",黄色加粗居中,占顶部1/8高度。左侧大栏标题"升级前",白色粗体居中于栏顶;右侧大栏标题"升级后",黄色粗体居中于栏顶。对比内容分四行:第一行左:必须大力关门,右:轻触自动吸合,优雅安静;第二行左:关不严 / 反复确认,右:一次吸合到位,自动锁止;第三行左:噪音大、震感强,右:静音闭合,不损伤车门;第四行左:商务场合尴尬,右:高级豪华体验,告别粗鲁。每行左右对齐,文字清晰,痛点用浅色调突出,优势用亮色调强调。
[比例分辨率] 正方形800x800像素,4K分辨率,所有对比文字清晰可辨,排版整齐。
[负向提示词] 文字错位,左右不对称,颜色对比不清晰,文字错乱,排版混乱,颜色偏差,水印,背景杂乱,文字模糊
[第9屏] 电商详情页,汽车电吸门升级前后效果对比页。左右分栏布局对比升级前后使用体验。 [氛围/风格] 简洁清晰对比风格,科技电商风,红黑配色,直观突出升级优势。 [元素布局] 画面顶部通栏放主标题,下方主体区域左右平分两栏:左侧为"升级前"区域,右侧为"升级后"区域,每栏从上到下排列对比项,共四行对比内容。左侧背景用浅灰色标注升级前痛点,右侧背景用红色标注升级后优势,对比清晰。 [光影质感] 整体光线均匀,左右区域明暗对比明确,文字清晰锐利,分隔线清晰,阅读体验清晰舒适。 [配色色系] 延续统一红黑配色体系:全局底色#121212黑色,主标题黄色#FACC15,左侧升级前栏用深灰背景#2A2A2A,文字白色;右侧升级后栏用深红色背景#B91C1C,文字黄色+白色,对比区分明确。 [视角构图] 正方形800x800,顶部标题通栏,下方左右等宽对比布局,四行对比项上下均匀分布,对称结构,直观清晰,符合用户对比阅读习惯。 [文字版式] 顶部主标题"升级前后对比,一眼看出差别",黄色加粗居中,占顶部1/8高度。左侧大栏标题"升级前",白色粗体居中于栏顶;右侧大栏标题"升级后",黄色粗体居中于栏顶。对比内容分四行:第一行左:必须大力关门,右:轻触自动吸合,优雅安静;第二行左:关不严 / 反复确认,右:一次吸合到位,自动锁止;第三行左:噪音大、震感强,右:静音闭合,不损伤车门;第四行左:商务场合尴尬,右:高级豪华体验,告别粗鲁。每行左右对齐,文字清晰,痛点用浅色调突出,优势用亮色调强调。 [比例分辨率] 正方形800x800像素,4K分辨率,所有对比文字清晰可辨,排版整齐。 [负向提示词] 文字错位,左右不对称,颜色对比不清晰,文字错乱,排版混乱,颜色偏差,水印,背景杂乱,文字模糊[第9屏] 电商详情页,汽车电吸门升级前后效果对比页。左右分栏布局对比升级前后使用体验。
[氛围/风格] 简洁清晰对比风格,科技电商风,红黑配色,直观突出升级优势。
[元素布局] 画面顶部通栏放主标题,下方主体区域左右平分两栏:左侧为"升级前"区域,右侧为"升级后"区域,每栏从上到下排列对比项,共四行对比内容。左侧背景用浅灰色标注升级前痛点,右侧背景用红色标注升级后优势,对比清晰。
[光影质感] 整体光线均匀,左右区域明暗对比明确,文字清晰锐利,分隔线清晰,阅读体验清晰舒适。
[配色色系] 延续统一红黑配色体系:全局底色#121212黑色,主标题黄色#FACC15,左侧升级前栏用深灰背景#2A2A2A,文字白色;右侧升级后栏用深红色背景#B91C1C,文字黄色+白色,对比区分明确。
[视角构图] 正方形800x800,顶部标题通栏,下方左右等宽对比布局,四行对比项上下均匀分布,对称结构,直观清晰,符合用户对比阅读习惯。
[文字版式] 顶部主标题"升级前后对比,一眼看出差别",黄色加粗居中,占顶部1/8高度。左侧大栏标题"升级前",白色粗体居中于栏顶;右侧大栏标题"升级后",黄色粗体居中于栏顶。对比内容分四行:第一行左:必须大力关门,右:轻触自动吸合,优雅安静;第二行左:关不严 / 反复确认,右:一次吸合到位,自动锁止;第三行左:噪音大、震感强,右:静音闭合,不损伤车门;第四行左:商务场合尴尬,右:高级豪华体验,告别粗鲁。每行左右对齐,文字清晰,痛点用浅色调突出,优势用亮色调强调。
[比例分辨率] 正方形800x800像素,4K分辨率,所有对比文字清晰可辨,排版整齐。
[负向提示词] 文字错位,左右不对称,颜色对比不清晰,文字错乱,排版混乱,颜色偏差,水印,背景杂乱,文字模糊
基于原图进行修改和重新排版,具体要求如下: 1. 背景更换:将原图深灰色背景替换为深蓝色工业科技风背景,带有蓝色光效、科技线条、光斑效果,整体呈现专业的工业科技氛围,类似工业控制室或工厂设备间的深蓝色科技感环境。 2. 产品精修:对两个按钮开关(自复位、自锁)进行产品精修,清理灰尘、划痕、毛边,金属银色边缘高光清晰利落,黑色塑料部件质感均匀细腻,透明部件晶莹剔透,按钮表面的符号文字清晰锐利,整体产品光影自然,立体感强。 3. 去除内容: - 完全去除产品本体上的"CHKL"及"浙江凯蓝电气"相关品牌字样 - 产品上保留型号、参数和功能符号文字 4. 文案保留与字体: - 保留原图所有文案内容不变:"自复位/自锁 按需选择"、"适用于需要频繁操作或临时触发的场景 能够快速响应不同的操作需求"、"自复位开关 按下通电,松手断电"、"常开(NO) 没有按下时,一直处于断开状态 按下时开关接通"、"常闭(NC) 没有按下时,一直处于闭合状态 按下时开关断开"、"自锁开关 按下通电,再按断电"等全部文字 - 所有中文字体统一使用思源黑体 Bold(粗黑体) - 主标题"自复位/自锁 按需选择"为白色粗体大字,配黄色装饰符号 - 副标题为白色较小文字 - 卡片标题为白色粗体,说明文字为白色小字 - 绿色底(常开NO)配白色文字,红色底(常闭NC)配白色文字 5. 重新排版(整齐规范): - 采用竖版构图,从上到下分为:标题区、卡片对比区 - 标题区在顶部:主标题两行居中对齐,副标题在下方居中,行间距均匀,排版整齐 - 卡片对比区在中下部:左右两个卡片并排对称排列,左侧为自复位开关卡片,右侧为自锁开关卡片 - 每个卡片内:上方为产品图(带白色圆角边框),中间为开关类型标题+说明,下方为常开(绿底)和常闭(红底)两个功能块 - 两个卡片大小一致、间距均匀、水平垂直对齐整齐,内部各区块对齐一致 - 整体画面左右留白均匀,上下平衡,信息层级清晰,排版整齐有序 6. 光影质感:商业产品摄影质感,两个产品光影统一,主光从上方打来,金属反光真实自然,透明部件有通透感,产品与深蓝色科技背景自然融合。 7. 尺寸:宽度750像素,高度按竖版比例自动适配(约750x1300左右) 8. 负向要求:禁止变形、错字、模糊、水印、多余品牌标识、产品结构错误、排版歪斜、卡片大小不一、对齐不整齐。基于原图进行修改和重新排版,具体要求如下:

1. 背景更换:将原图深灰色背景替换为深蓝色工业科技风背景,带有蓝色光效、科技线条、光斑效果,整体呈现专业的工业科技氛围,类似工业控制室或工厂设备间的深蓝色科技感环境。

2. 产品精修:对两个按钮开关(自复位、自锁)进行产品精修,清理灰尘、划痕、毛边,金属银色边缘高光清晰利落,黑色塑料部件质感均匀细腻,透明部件晶莹剔透,按钮表面的符号文字清晰锐利,整体产品光影自然,立体感强。

3. 去除内容:
   - 完全去除产品本体上的"CHKL"及"浙江凯蓝电气"相关品牌字样
   - 产品上保留型号、参数和功能符号文字

4. 文案保留与字体:
   - 保留原图所有文案内容不变:"自复位/自锁 按需选择"、"适用于需要频繁操作或临时触发的场景 能够快速响应不同的操作需求"、"自复位开关 按下通电,松手断电"、"常开(NO) 没有按下时,一直处于断开状态 按下时开关接通"、"常闭(NC) 没有按下时,一直处于闭合状态 按下时开关断开"、"自锁开关 按下通电,再按断电"等全部文字
   - 所有中文字体统一使用思源黑体 Bold(粗黑体)
   - 主标题"自复位/自锁 按需选择"为白色粗体大字,配黄色装饰符号
   - 副标题为白色较小文字
   - 卡片标题为白色粗体,说明文字为白色小字
   - 绿色底(常开NO)配白色文字,红色底(常闭NC)配白色文字

5. 重新排版(整齐规范):
   - 采用竖版构图,从上到下分为:标题区、卡片对比区
   - 标题区在顶部:主标题两行居中对齐,副标题在下方居中,行间距均匀,排版整齐
   - 卡片对比区在中下部:左右两个卡片并排对称排列,左侧为自复位开关卡片,右侧为自锁开关卡片
   - 每个卡片内:上方为产品图(带白色圆角边框),中间为开关类型标题+说明,下方为常开(绿底)和常闭(红底)两个功能块
   - 两个卡片大小一致、间距均匀、水平垂直对齐整齐,内部各区块对齐一致
   - 整体画面左右留白均匀,上下平衡,信息层级清晰,排版整齐有序

6. 光影质感:商业产品摄影质感,两个产品光影统一,主光从上方打来,金属反光真实自然,透明部件有通透感,产品与深蓝色科技背景自然融合。

7. 尺寸:宽度750像素,高度按竖版比例自动适配(约750x1300左右)

8. 负向要求:禁止变形、错字、模糊、水印、多余品牌标识、产品结构错误、排版歪斜、卡片大小不一、对齐不整齐。
电商详情页,LA38蘑菇头按钮自锁/自复位功能说明详情长图,750px宽竖版长图,深蓝科技工业风,产品精修。全部文字使用思源黑体 Bold字体。文案保持不变。 [商品] 使用用户上传的蘑菇头按钮产品图;保留两个红色蘑菇头按钮(带银色金属环+黑色底座)的结构、颜色和材质;左侧为自锁式按钮(按下状态),右侧为自复位按钮(弹起状态);产品精修,蘑菇头光滑圆润,金属环高光锐利,黑色底座细腻,无灰尘划痕。 [画面] 页面目标:说明自锁式与自复位式按钮的功能区别,展示多款可选。构图:顶部标题+中部左右功能说明卡片+底部产品对比展示。主体位置:下方左右并排放置两款按钮产品,上方为功能说明卡片,产品占画面约50%。阅读动线:从上到下,标题→自锁式说明→自复位式说明→产品对比。前景:产品+说明卡片;中景:科技感背景;后景:深蓝色渐变+光线效果+浅蓝格子纹理装饰。 [视觉] 套系策略:风格=深蓝黑科技感工业风;标题字=思源黑体 Bold超大粗体;正文字=思源黑体 Bold;主色=深蓝/黑色;背景延展=基于深蓝黑做深浅层级、渐变和科技网格/光线效果,浅蓝格子纹理作装饰;强调色=红色(标题、按钮)+黄色(自锁标签)+蓝色(自复位标签),仅用于重点标签和产品;标题色=白色/红色;正文色=白色/黑色;组件=圆角功能说明卡片、按钮式标签、白色大卡片背景;光影=左前侧硬光,金属高光锐利,产品立体感强。 [文字] 顶部白色圆角大卡片内: 第一行小标题:"多款可选" 红色粗体,居中 第二行大标题:"自锁/自复位" 黑色超大粗体,居中 大卡片两侧有绿色圆环装订装饰 下方左右两个功能卡片: 左侧(黄色渐变卡片): 上方黄色圆角按钮标签:"自锁式按钮" 黑色粗体 下方黑色文字:"自锁式:按下后锁死\n再次按下解锁" 两行居中 右侧(蓝色渐变卡片): 上方蓝色圆角按钮标签:"自复位按钮" 白色粗体 下方黑色文字:"自复位:按下后松开\n按钮直接弹起" 两行居中 卡片下方左右各一个红色蘑菇头按钮产品图: 左侧:自锁式按钮(按下状态,蘑菇头较低) 右侧:自复位式按钮(弹起状态,蘑菇头较高) [规格] 图片宽度750px,竖版长图比例约3:5,4K分辨率,避免变形、错字、文字过小、水印、平台logo、产品模糊。产品精修质感真实。电商详情页,LA38蘑菇头按钮自锁/自复位功能说明详情长图,750px宽竖版长图,深蓝科技工业风,产品精修。全部文字使用思源黑体 Bold字体。文案保持不变。

[商品] 使用用户上传的蘑菇头按钮产品图;保留两个红色蘑菇头按钮(带银色金属环+黑色底座)的结构、颜色和材质;左侧为自锁式按钮(按下状态),右侧为自复位按钮(弹起状态);产品精修,蘑菇头光滑圆润,金属环高光锐利,黑色底座细腻,无灰尘划痕。

[画面] 页面目标:说明自锁式与自复位式按钮的功能区别,展示多款可选。构图:顶部标题+中部左右功能说明卡片+底部产品对比展示。主体位置:下方左右并排放置两款按钮产品,上方为功能说明卡片,产品占画面约50%。阅读动线:从上到下,标题→自锁式说明→自复位式说明→产品对比。前景:产品+说明卡片;中景:科技感背景;后景:深蓝色渐变+光线效果+浅蓝格子纹理装饰。

[视觉] 套系策略:风格=深蓝黑科技感工业风;标题字=思源黑体 Bold超大粗体;正文字=思源黑体 Bold;主色=深蓝/黑色;背景延展=基于深蓝黑做深浅层级、渐变和科技网格/光线效果,浅蓝格子纹理作装饰;强调色=红色(标题、按钮)+黄色(自锁标签)+蓝色(自复位标签),仅用于重点标签和产品;标题色=白色/红色;正文色=白色/黑色;组件=圆角功能说明卡片、按钮式标签、白色大卡片背景;光影=左前侧硬光,金属高光锐利,产品立体感强。

[文字]
  顶部白色圆角大卡片内:
    第一行小标题:"多款可选" 红色粗体,居中
    第二行大标题:"自锁/自复位" 黑色超大粗体,居中
  大卡片两侧有绿色圆环装订装饰

  下方左右两个功能卡片:
    左侧(黄色渐变卡片):
      上方黄色圆角按钮标签:"自锁式按钮" 黑色粗体
      下方黑色文字:"自锁式:按下后锁死\n再次按下解锁" 两行居中

    右侧(蓝色渐变卡片):
      上方蓝色圆角按钮标签:"自复位按钮" 白色粗体
      下方黑色文字:"自复位:按下后松开\n按钮直接弹起" 两行居中

  卡片下方左右各一个红色蘑菇头按钮产品图:
    左侧:自锁式按钮(按下状态,蘑菇头较低)
    右侧:自复位式按钮(弹起状态,蘑菇头较高)

[规格] 图片宽度750px,竖版长图比例约3:5,4K分辨率,避免变形、错字、文字过小、水印、平台logo、产品模糊。产品精修质感真实。