制作电商详情页使用步骤图,三步式流程:第一步展示对着泳镜镜片喷… - 图片创意预览

制作电商详情页使用步骤图,三步式流程:第一步展示对着泳镜镜片喷…

制作电商详情页使用步骤图,三步式流程:第一步展示对着泳镜镜片喷防雾剂,配文字“一喷:对准镜片喷洒”;第二步展示用布擦拭镜片,配文字“二擦:均匀擦拭镜片”;第三步展示静置的泳镜,配文字“三等:静置60秒

用户头像

1qsu63u3zrM...

2026.02.21
[第6张] 公众号长图-青少年镜片养护小知识。 [氛围/风格] 专业简约科技风,深蓝主色调,实用技巧设计。 [元素布局] 顶部为标题区,配一个镜片清洁的插画;中间分左右两部分:左侧「错误做法」配红色叉号(干擦、校服擦、纸巾擦),右侧「正确做法」配绿色对号(清水冲+镜布吸+专业养护);底部为定期养护提示;背景延续深蓝渐变,搭配水滴、镜布等元素。 [光影质感] 平面设计风格,深邃专业光感,左右对比清晰。 [配色色系] 全局底色 #0B1D3A 深蓝渐变;错误做法用红色 #FF6B6B 标识;正确做法用青色 #00CEC9 标识;文字色白色+浅灰。 [视角构图] 竖版上下布局,上标题下对比,阅读动线:顶部标题 → 左右对比(错/对) → 底部养护提示。 [文字版式] 顶部大标题「镜片养护小知识」,副标题「家长务必告知孩子,延长镜片使用寿命」;左侧「错误做法」红色标题+叉号:用校服干擦、用纸巾/抹布擦、直接干蹭灰尘——会划伤镀膜、造成划痕、影响透光率;右侧「正确做法」青色标题+对号:先用清水冲洗表面灰尘、再用专用镜布轻轻吸干水分、干净不伤膜;底部提示框「定期到专业眼镜门店做免费深度清洗和养护,检查镜片状态」。字体简洁专业,对比鲜明。 [比例分辨率] 宽度1080px竖版长图比例,2K分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,人物出现,背景杂乱,颜色偏差。[第6张] 公众号长图-青少年镜片养护小知识。
[氛围/风格] 专业简约科技风,深蓝主色调,实用技巧设计。
[元素布局] 顶部为标题区,配一个镜片清洁的插画;中间分左右两部分:左侧「错误做法」配红色叉号(干擦、校服擦、纸巾擦),右侧「正确做法」配绿色对号(清水冲+镜布吸+专业养护);底部为定期养护提示;背景延续深蓝渐变,搭配水滴、镜布等元素。
[光影质感] 平面设计风格,深邃专业光感,左右对比清晰。
[配色色系] 全局底色 #0B1D3A 深蓝渐变;错误做法用红色 #FF6B6B 标识;正确做法用青色 #00CEC9 标识;文字色白色+浅灰。
[视角构图] 竖版上下布局,上标题下对比,阅读动线:顶部标题 → 左右对比(错/对) → 底部养护提示。
[文字版式] 顶部大标题「镜片养护小知识」,副标题「家长务必告知孩子,延长镜片使用寿命」;左侧「错误做法」红色标题+叉号:用校服干擦、用纸巾/抹布擦、直接干蹭灰尘——会划伤镀膜、造成划痕、影响透光率;右侧「正确做法」青色标题+对号:先用清水冲洗表面灰尘、再用专用镜布轻轻吸干水分、干净不伤膜;底部提示框「定期到专业眼镜门店做免费深度清洗和养护,检查镜片状态」。字体简洁专业,对比鲜明。
[比例分辨率] 宽度1080px竖版长图比例,2K分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,人物出现,背景杂乱,颜色偏差。
[第4屏] 看远看近两用眼镜工作原理讲解。本屏使用【图1】作为产品主体,展示渐进多焦点镜片的设计结构。[氛围/风格] 专业科技图文风,蓝色科技背景搭配清晰光路示意图,科普质感。[元素布局] 产品放在画面上半部分,占据约60%高度,下半部分区域用于分区域讲解镜片不同区域功能,保留产品原有结构和颜色,在镜片上用不同颜色标注远用区、过渡区、近用区三个功能区域,添加指示线和文字标注。[光影质感] 顶部主光源照亮产品,结构标注区域对比清晰,光线通透,整体明暗层次自然。[配色色系] 全局底色#F0F4F9(浅蓝灰);产品保持原透灰色;标注区域分别用浅蓝(远用)、浅绿(过渡)、浅黄(近用)半透明填充;文字用深灰黑色。[视角构图] 正面视角展示镜片,分层排版,原理示意图清晰易懂。[文字版式] 顶部主标题「渐进多焦点镜片设计」,加粗黑色居中。镜片三个区域分别标注:「远用区 看远清晰」在上部,「过渡区 渐变自然」在中部,「近用区 看近方便」在下部,每个区域标注文字清晰,字号适中,手机端可读。下方总结文字「从上到下不同光度,一副满足远近需求」。[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。[负向提示词] 镜片结构错误,标注错乱,颜色溢出,文字模糊,产品变形,水印。[第4屏] 看远看近两用眼镜工作原理讲解。本屏使用【图1】作为产品主体,展示渐进多焦点镜片的设计结构。[氛围/风格] 专业科技图文风,蓝色科技背景搭配清晰光路示意图,科普质感。[元素布局] 产品放在画面上半部分,占据约60%高度,下半部分区域用于分区域讲解镜片不同区域功能,保留产品原有结构和颜色,在镜片上用不同颜色标注远用区、过渡区、近用区三个功能区域,添加指示线和文字标注。[光影质感] 顶部主光源照亮产品,结构标注区域对比清晰,光线通透,整体明暗层次自然。[配色色系] 全局底色#F0F4F9(浅蓝灰);产品保持原透灰色;标注区域分别用浅蓝(远用)、浅绿(过渡)、浅黄(近用)半透明填充;文字用深灰黑色。[视角构图] 正面视角展示镜片,分层排版,原理示意图清晰易懂。[文字版式] 顶部主标题「渐进多焦点镜片设计」,加粗黑色居中。镜片三个区域分别标注:「远用区 看远清晰」在上部,「过渡区 渐变自然」在中部,「近用区 看近方便」在下部,每个区域标注文字清晰,字号适中,手机端可读。下方总结文字「从上到下不同光度,一副满足远近需求」。[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。[负向提示词] 镜片结构错误,标注错乱,颜色溢出,文字模糊,产品变形,水印。
[第3屏] 痛点与目标页,点明日常配镜的常见困扰,引出专业配镜服务价值。 [氛围/风格] 简约专业风,浅米底色,暖棕点缀,清晰排版,亲和不生硬。 [元素布局] 主标题放在顶部,左右分栏对比:左侧 "配镜常见困扰",右侧 "我们的解决方案",左右各占45%宽度,中间用暖棕色竖线分隔;每个痛点和方案用图标+短句展示,每点上下排列,留出充足间距,背景干净不杂乱。 [光影质感] 整体均匀柔光,文字清晰,图标有轻微投影突出层次,整体明快干净。 [配色色系] 全局底色:#F8F5F0(浅米);主色:#333333(深棕文字);点缀色:#C49A6C(暖棕);对比色:#D9534F(痛点标红)、#5CB85C(方案标绿)。 [视角构图] 左右分栏对比构图,竖向阅读动线从上到下,信息一目了然,不拥挤。 [文字版式] 顶部主标题 "你的配镜困扰,我们来解决" 深棕居中;左侧小标题 "常见问题" 红色底白字,下方依次列出: "验光不精准,度数偏差易疲劳" "镜片质量差,看物变形不清晰" "款式不合适,佩戴体验差",每个问题带小图标;右侧小标题 "专业解决" 绿色底白字,下方对应列出: "多级验光校准,度数更精准" "多级质量质检,镜片清晰舒适" "多样套餐可选,适配不同需求",文字大小适中,手机端清晰可读。 [比例分辨率] 9:16竖版比例,宽度1080像素,高度1920像素,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 文字错乱,对比排版混乱,颜色过于鲜艳,水印,背景杂乱,文字模糊。[第3屏] 痛点与目标页,点明日常配镜的常见困扰,引出专业配镜服务价值。
[氛围/风格] 简约专业风,浅米底色,暖棕点缀,清晰排版,亲和不生硬。
[元素布局] 主标题放在顶部,左右分栏对比:左侧 "配镜常见困扰",右侧 "我们的解决方案",左右各占45%宽度,中间用暖棕色竖线分隔;每个痛点和方案用图标+短句展示,每点上下排列,留出充足间距,背景干净不杂乱。
[光影质感] 整体均匀柔光,文字清晰,图标有轻微投影突出层次,整体明快干净。
[配色色系] 全局底色:#F8F5F0(浅米);主色:#333333(深棕文字);点缀色:#C49A6C(暖棕);对比色:#D9534F(痛点标红)、#5CB85C(方案标绿)。
[视角构图] 左右分栏对比构图,竖向阅读动线从上到下,信息一目了然,不拥挤。
[文字版式] 顶部主标题 "你的配镜困扰,我们来解决" 深棕居中;左侧小标题 "常见问题" 红色底白字,下方依次列出: "验光不精准,度数偏差易疲劳" "镜片质量差,看物变形不清晰" "款式不合适,佩戴体验差",每个问题带小图标;右侧小标题 "专业解决" 绿色底白字,下方对应列出: "多级验光校准,度数更精准" "多级质量质检,镜片清晰舒适" "多样套餐可选,适配不同需求",文字大小适中,手机端清晰可读。
[比例分辨率] 9:16竖版比例,宽度1080像素,高度1920像素,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 文字错乱,对比排版混乱,颜色过于鲜艳,水印,背景杂乱,文字模糊。
医美面膜使用方法详情页,极简医美风格,参考之前的玻璃试管+浅灰底医用青配色体系。 [氛围/风格] 清冷专业医美风,步骤清晰,信息可视化,商业设计质感。 [元素布局] 画面采用上下结构;顶部为大标题区,背景浅灰#F5F6F7;中部为4步使用步骤横向排列,每步配简约线条图标+步骤说明;底部为频率提示条;整体干净规整,医用级专业感。 [光影质感] 均匀柔和照明,步骤图标有轻微悬浮感,整体明亮干净,无强烈明暗对比。 [配色色系] 全局底色浅灰底#F5F6F7;主色医用青#3D6B7A;辅助色炭黑#1A1A1A、纯白#FFFFFF、浅青底#E8EFF1。 [视角构图] 正面平视,信息图表式构图,阅读动线从上至下,步骤从左至右。 [文字版式] 顶部主标题「使用方法」,医用青#3D6B7A,思源黑体26pt粗体;副标题「正确敷用 效果加倍」,炭黑#1A1A1A,思源黑体14pt;中部4步横向排列:第1步「洁面」图标+「洁面后将膜布敷于面部」;第2步「贴合」图标+「轻压使膜布贴合肌肤」;第3步「静待」图标+「静待15-20分钟后取下」;第4步「吸收」图标+「轻拍剩余精华至吸收」;每步编号用医用青圆形底白字,步骤名思源黑体14pt粗体,说明思源黑体11pt;底部浅青底#E8EFF1提示条:「使用频率:每天1次 坚持使用效果更佳」,思源黑体12pt;字体统一思源黑体,层级清晰。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 文字错乱,文字过小,排版混乱,颜色偏差,水印,人物出现,多余装饰。医美面膜使用方法详情页,极简医美风格,参考之前的玻璃试管+浅灰底医用青配色体系。
[氛围/风格] 清冷专业医美风,步骤清晰,信息可视化,商业设计质感。
[元素布局] 画面采用上下结构;顶部为大标题区,背景浅灰#F5F6F7;中部为4步使用步骤横向排列,每步配简约线条图标+步骤说明;底部为频率提示条;整体干净规整,医用级专业感。
[光影质感] 均匀柔和照明,步骤图标有轻微悬浮感,整体明亮干净,无强烈明暗对比。
[配色色系] 全局底色浅灰底#F5F6F7;主色医用青#3D6B7A;辅助色炭黑#1A1A1A、纯白#FFFFFF、浅青底#E8EFF1。
[视角构图] 正面平视,信息图表式构图,阅读动线从上至下,步骤从左至右。
[文字版式] 顶部主标题「使用方法」,医用青#3D6B7A,思源黑体26pt粗体;副标题「正确敷用 效果加倍」,炭黑#1A1A1A,思源黑体14pt;中部4步横向排列:第1步「洁面」图标+「洁面后将膜布敷于面部」;第2步「贴合」图标+「轻压使膜布贴合肌肤」;第3步「静待」图标+「静待15-20分钟后取下」;第4步「吸收」图标+「轻拍剩余精华至吸收」;每步编号用医用青圆形底白字,步骤名思源黑体14pt粗体,说明思源黑体11pt;底部浅青底#E8EFF1提示条:「使用频率:每天1次 坚持使用效果更佳」,思源黑体12pt;字体统一思源黑体,层级清晰。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 文字错乱,文字过小,排版混乱,颜色偏差,水印,人物出现,多余装饰。