淘宝商品详情页第六屏,正确使用方法步骤展示,标题写"正确使用步… - 图片创意预览

淘宝商品详情页第六屏,正确使用方法步骤展示,标题写"正确使用步…

淘宝商品详情页第六屏,正确使用方法步骤展示,标题写"正确使用步骤 功效加倍",分三步展示:第一步洁面爽肤,第二步取适量乳液,第三步按摩吸收,每个步骤配简单示意图,简约清晰现代商业风格,竖屏构图

[第1张] 详情页使用方法页-屏障修护乳。参考图版式复刻,保留三步分栏、左文右图、STEP编号的版式骨架,将防晒乳替换为屏障修护乳,文案替换为本次用法内容,配色调整为医用青白体系。 [氛围/风格] 医用专业极简风,干净通透,医美级质感,商业摄影级精致度。 [元素布局] 画面分为上中下三段式分栏布局,每段左侧为STEP编号+文字说明,右侧为手部/面部使用动作特写,共3步: - STEP1段:左侧文字区,右侧是手掌心挤出白色乳状膏体的特写,手指轻触膏体,展现泵头取量的动作; - STEP2段:左侧文字区,右侧是女性面部点涂乳霜的特写,脸颊、额头、鼻子、下巴处有白色乳霜点点,展现点涂动作; - STEP3段:左侧文字区,右侧是女性面部轻柔按摩涂抹的侧面特写,手指在面部轻柔推开,展现按摩吸收动作; 背景为浅灰底#F5F6F7到纯白#FFFFFF的柔和渐变,每段之间有浅青#E8EFF1细线分隔,整体干净专业。 [光影质感] 侧前方柔光照明,人物肌肤通透自然,膏体呈现柔润光泽,阴影浅淡,整体明亮干净。 [配色色系] 全局底色#F5F6F7浅灰底;主色医用青#3D6B7A;辅助色浅青底#E8EFF1、炭黑#1A1A1A文字、纯白#FFFFFF。 [视角构图] 正面平视,三段式纵向分栏,阅读动线从上至下。 [文字版式] 字体全部使用思源黑体,层级清晰: - 顶部主标题区:主标题"使用方法"24-28pt,炭黑#1A1A1A字重加粗;副标题"每天2次 温和修护屏障"14-16pt,医用青#3D6B7A; - STEP1:"STEP1"医用青#3D6B7A大写加粗16pt;主标题"取1-2泵于掌心"炭黑加粗14pt;说明"洁面爽肤后取1-2泵于掌心"11-12pt炭灰; - STEP2:"STEP2"医用青#3D6B7A大写加粗16pt;主标题"均匀涂抹面部"炭黑加粗14pt;说明"均匀涂抹于面部肌肤"11-12pt炭灰; - STEP3:"STEP3"医用青#3D6B7A大写加粗16pt;主标题"轻柔按摩至吸收"炭黑加粗14pt;说明"轻柔按摩至完全吸收,每天2次"11-12pt炭灰; 文字不遮挡人物主体,版式精美,层级分明。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,金色元素,背景杂乱,医疗化表述,人物面部扭曲。 画面中必须完整呈现以下文字信息: - 使用方法 - 每天2次 温和修护屏障 - STEP1 取1-2泵于掌心:洁面爽肤后取1-2泵于掌心 - STEP2 均匀涂抹面部:均匀涂抹于面部肌肤 - STEP3 轻柔按摩至吸收:轻柔按摩至完全吸收,每天2次[第1张] 详情页使用方法页-屏障修护乳。参考图版式复刻,保留三步分栏、左文右图、STEP编号的版式骨架,将防晒乳替换为屏障修护乳,文案替换为本次用法内容,配色调整为医用青白体系。
[氛围/风格] 医用专业极简风,干净通透,医美级质感,商业摄影级精致度。
[元素布局] 画面分为上中下三段式分栏布局,每段左侧为STEP编号+文字说明,右侧为手部/面部使用动作特写,共3步:
- STEP1段:左侧文字区,右侧是手掌心挤出白色乳状膏体的特写,手指轻触膏体,展现泵头取量的动作;
- STEP2段:左侧文字区,右侧是女性面部点涂乳霜的特写,脸颊、额头、鼻子、下巴处有白色乳霜点点,展现点涂动作;
- STEP3段:左侧文字区,右侧是女性面部轻柔按摩涂抹的侧面特写,手指在面部轻柔推开,展现按摩吸收动作;
背景为浅灰底#F5F6F7到纯白#FFFFFF的柔和渐变,每段之间有浅青#E8EFF1细线分隔,整体干净专业。
[光影质感] 侧前方柔光照明,人物肌肤通透自然,膏体呈现柔润光泽,阴影浅淡,整体明亮干净。
[配色色系] 全局底色#F5F6F7浅灰底;主色医用青#3D6B7A;辅助色浅青底#E8EFF1、炭黑#1A1A1A文字、纯白#FFFFFF。
[视角构图] 正面平视,三段式纵向分栏,阅读动线从上至下。
[文字版式] 字体全部使用思源黑体,层级清晰:
- 顶部主标题区:主标题"使用方法"24-28pt,炭黑#1A1A1A字重加粗;副标题"每天2次 温和修护屏障"14-16pt,医用青#3D6B7A;
- STEP1:"STEP1"医用青#3D6B7A大写加粗16pt;主标题"取1-2泵于掌心"炭黑加粗14pt;说明"洁面爽肤后取1-2泵于掌心"11-12pt炭灰;
- STEP2:"STEP2"医用青#3D6B7A大写加粗16pt;主标题"均匀涂抹面部"炭黑加粗14pt;说明"均匀涂抹于面部肌肤"11-12pt炭灰;
- STEP3:"STEP3"医用青#3D6B7A大写加粗16pt;主标题"轻柔按摩至吸收"炭黑加粗14pt;说明"轻柔按摩至完全吸收,每天2次"11-12pt炭灰;
文字不遮挡人物主体,版式精美,层级分明。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,金色元素,背景杂乱,医疗化表述,人物面部扭曲。

画面中必须完整呈现以下文字信息:
- 使用方法
- 每天2次 温和修护屏障
- STEP1 取1-2泵于掌心:洁面爽肤后取1-2泵于掌心
- STEP2 均匀涂抹面部:均匀涂抹于面部肌肤
- STEP3 轻柔按摩至吸收:轻柔按摩至完全吸收,每天2次
保留原图整体设计,将参考图STEP1模块中手部拿的产品替换为用户上传的图二中的浅粉色按压瓶「柔光丝滑云朵霜」产品,保持其他内容不变:2:3竖版比例,高端美妆使用教程电商详情页设计,简约轻奢细质轻奢风,温润高级哑光质感。三个纵向排列的上妆步骤模块,每模块采用统一的左文右图结构:STEP1 模块右侧为手部特写,现在使用替换后的新产品图,呈现干手干脸状态下按压半泵产品至手背的动作;STEP2 模块右侧为脸部局部特写,呈现用指腹将粉底液在脸颊均匀推开至服帖的动作;STEP3 模块右侧为脸部局部特写,呈现用粉扑在脸上快速拍开、分区完成全脸上妆的动作;每个步骤模块之间搭配带向下 V 型箭头的纤细分隔线,串联起完整的上妆流程;画面顶部左上角配有 "LIQUID FOUNDATION" 圆角小标签,右上角搭配极简线条装饰小图标。场景为专业美妆棚拍场景,采用柔和漫射柔光均匀打光,人物手部与脸部皮肤质感真实细腻,产品与膏体质地清晰自然,无生硬阴影与过度磨皮失真感。构图采用纵向三段式垂直布局,严格适配 2:3 竖版浏览动线,画面顶部为标题区域,下方三个步骤模块等距纵向依次排列,每个步骤内部统一采用左文右图的横向分栏结构,整体构图规整有序,视觉动线自上而下流畅自然,留白充足不拥挤。色彩色调采用低饱和暖米杏色系,背景为纯净浅奶米色,步骤序号标签以暖橙色作为视觉点缀,主文字为深棕褐色,人物肤色自然通透,产品色调与整体画面和谐统一,整体色调柔和温润,无高饱和刺眼色彩,营造舒适高级的美妆氛围。画面风格为专业写实美妆摄影结合简约平面设计风格,画面干净整洁,信息清晰易读,兼具教程实用性与高级视觉质感,适配电商详情页使用方法展示场景。背景要素为纯净哑光浅奶米色背景,右上角点缀同色系淡色大号装饰字母暗纹,在增加画面细节层次的同时不抢夺主体视觉焦点,整体背景简洁干净,充分突出步骤内容与产品展示。文字排版方面,画面顶部标题区左对齐排布:主标题分两行排列为 "分区上妆 成膜更清爽",采用粗体无衬线字体,字号最大醒目;主标题下方搭配副标题 "彩妆师亲传使用方法",采用纤细常规字重字体,字号次之;每个步骤模块的左侧文字区,先放置暖橙色圆角矩形标签标注 "STEP1/STEP2/STEP3",标签旁搭配大号单字动作标题 "按""推""拍",动作标题下方为两行小字步骤说明;画面底部点缀一行浅灰色英文装饰文字,丰富画面细节。排版形式采用左对齐极简排版 + 分栏模块化排版 + 大小层级排版 + 纵向阶梯排布,所有文字沿左侧统一对齐,步骤模块结构统一规整,通过字体大小、字重、颜色区分清晰的信息层级,分隔线引导阅读顺序,整体排版逻辑清晰,阅读体验顺畅自然。设计感强调:以标准化的模块结构打造规整有序的教程观感,V 型箭头分隔线强化步骤的递进感与视觉引导性,左文右图的布局贴合大众阅读习惯,暖橙色序号标签精准锚定步骤节点,背景暗纹在不干扰主体的前提下提升画面精致度;整体风格统一柔和,既保证使用方法清晰易懂,又兼具高端美妆的视觉质感,有效降低用户学习成本,提升产品的专业感与可信度。保留原图整体设计,将参考图STEP1模块中手部拿的产品替换为用户上传的图二中的浅粉色按压瓶「柔光丝滑云朵霜」产品,保持其他内容不变:2:3竖版比例,高端美妆使用教程电商详情页设计,简约轻奢细质轻奢风,温润高级哑光质感。三个纵向排列的上妆步骤模块,每模块采用统一的左文右图结构:STEP1 模块右侧为手部特写,现在使用替换后的新产品图,呈现干手干脸状态下按压半泵产品至手背的动作;STEP2 模块右侧为脸部局部特写,呈现用指腹将粉底液在脸颊均匀推开至服帖的动作;STEP3 模块右侧为脸部局部特写,呈现用粉扑在脸上快速拍开、分区完成全脸上妆的动作;每个步骤模块之间搭配带向下 V 型箭头的纤细分隔线,串联起完整的上妆流程;画面顶部左上角配有 "LIQUID FOUNDATION" 圆角小标签,右上角搭配极简线条装饰小图标。场景为专业美妆棚拍场景,采用柔和漫射柔光均匀打光,人物手部与脸部皮肤质感真实细腻,产品与膏体质地清晰自然,无生硬阴影与过度磨皮失真感。构图采用纵向三段式垂直布局,严格适配 2:3 竖版浏览动线,画面顶部为标题区域,下方三个步骤模块等距纵向依次排列,每个步骤内部统一采用左文右图的横向分栏结构,整体构图规整有序,视觉动线自上而下流畅自然,留白充足不拥挤。色彩色调采用低饱和暖米杏色系,背景为纯净浅奶米色,步骤序号标签以暖橙色作为视觉点缀,主文字为深棕褐色,人物肤色自然通透,产品色调与整体画面和谐统一,整体色调柔和温润,无高饱和刺眼色彩,营造舒适高级的美妆氛围。画面风格为专业写实美妆摄影结合简约平面设计风格,画面干净整洁,信息清晰易读,兼具教程实用性与高级视觉质感,适配电商详情页使用方法展示场景。背景要素为纯净哑光浅奶米色背景,右上角点缀同色系淡色大号装饰字母暗纹,在增加画面细节层次的同时不抢夺主体视觉焦点,整体背景简洁干净,充分突出步骤内容与产品展示。文字排版方面,画面顶部标题区左对齐排布:主标题分两行排列为 "分区上妆 成膜更清爽",采用粗体无衬线字体,字号最大醒目;主标题下方搭配副标题 "彩妆师亲传使用方法",采用纤细常规字重字体,字号次之;每个步骤模块的左侧文字区,先放置暖橙色圆角矩形标签标注 "STEP1/STEP2/STEP3",标签旁搭配大号单字动作标题 "按""推""拍",动作标题下方为两行小字步骤说明;画面底部点缀一行浅灰色英文装饰文字,丰富画面细节。排版形式采用左对齐极简排版 + 分栏模块化排版 + 大小层级排版 + 纵向阶梯排布,所有文字沿左侧统一对齐,步骤模块结构统一规整,通过字体大小、字重、颜色区分清晰的信息层级,分隔线引导阅读顺序,整体排版逻辑清晰,阅读体验顺畅自然。设计感强调:以标准化的模块结构打造规整有序的教程观感,V 型箭头分隔线强化步骤的递进感与视觉引导性,左文右图的布局贴合大众阅读习惯,暖橙色序号标签精准锚定步骤节点,背景暗纹在不干扰主体的前提下提升画面精致度;整体风格统一柔和,既保证使用方法清晰易懂,又兼具高端美妆的视觉质感,有效降低用户学习成本,提升产品的专业感与可信度。
做一张欣怡美透明质酸钠祛痘精华的使用方法详情页,与前面页面风格统一,医用级专业护肤风,使用三步卡片式布局(参考之前的使用手法页风格)。 [氛围/风格] 医用级专业护肤风,极简清晰,干净易读,与整套详情页视觉统一。 [元素布局] 画面顶部为标题区;下方横向排列3个步骤卡片,等宽等高,卡片为白底浅青边框圆角矩形;每个卡片内上半部分为简约线描示意图(浅灰色线条,医用青点缀),下半部分为Step编号+步骤说明文字;背景为浅灰底#F5F6F7,干净柔和。 [光影质感] 整体平光,卡片有轻微投影增加层次,干净明亮。 [配色色系] 全局底色浅灰底#F5F6F7;卡片底色纯白#FFFFFF;主色医用青#3D6B7A;辅助色炭黑#1A1A1A、浅灰。 [视角构图] 横向三栏等分布局,居中对齐,阅读动线从左到右Step1→Step2→Step3。 [文字版式] 顶部主标题「使用方法」大号加粗炭黑色;副标题「简单三步 温和调理痘肌」医用青色中号,居中; 三个步骤卡片: Step 1:示意图为滴管取精华的线描;说明「洁面后取适量精华」 Step 2:示意图为手指点涂痘痘的线描;说明「点涂或全脸涂抹」 Step 3:示意图为轻拍面部的线描;说明「轻拍至完全吸收」 卡片底部统一小字注释:每天2次或遵医嘱; 字体统一思源黑体,层级清晰(主标题/Step编号/步骤说明/注释四级),居中对齐。 [比例分辨率] 3:4竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 线条模糊,文字错乱,水印,背景杂乱,颜色偏差,卡片变形,医疗化表述。做一张欣怡美透明质酸钠祛痘精华的使用方法详情页,与前面页面风格统一,医用级专业护肤风,使用三步卡片式布局(参考之前的使用手法页风格)。
[氛围/风格] 医用级专业护肤风,极简清晰,干净易读,与整套详情页视觉统一。
[元素布局] 画面顶部为标题区;下方横向排列3个步骤卡片,等宽等高,卡片为白底浅青边框圆角矩形;每个卡片内上半部分为简约线描示意图(浅灰色线条,医用青点缀),下半部分为Step编号+步骤说明文字;背景为浅灰底#F5F6F7,干净柔和。
[光影质感] 整体平光,卡片有轻微投影增加层次,干净明亮。
[配色色系] 全局底色浅灰底#F5F6F7;卡片底色纯白#FFFFFF;主色医用青#3D6B7A;辅助色炭黑#1A1A1A、浅灰。
[视角构图] 横向三栏等分布局,居中对齐,阅读动线从左到右Step1→Step2→Step3。
[文字版式] 顶部主标题「使用方法」大号加粗炭黑色;副标题「简单三步  温和调理痘肌」医用青色中号,居中;
三个步骤卡片:
Step 1:示意图为滴管取精华的线描;说明「洁面后取适量精华」
Step 2:示意图为手指点涂痘痘的线描;说明「点涂或全脸涂抹」
Step 3:示意图为轻拍面部的线描;说明「轻拍至完全吸收」
卡片底部统一小字注释:每天2次或遵医嘱;
字体统一思源黑体,层级清晰(主标题/Step编号/步骤说明/注释四级),居中对齐。
[比例分辨率] 3:4竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 线条模糊,文字错乱,水印,背景杂乱,颜色偏差,卡片变形,医疗化表述。
欣怡美眼周修护霜使用方法详情页,极简医美风格,配色严格遵循:浅灰底#F5F6F7、炭黑#1A1A1A、医用青#3D6B7A、纯白#FFFFFF、浅青底#E8EFF1。字体统一思源黑体。 [氛围/风格] 清冷专业医美风,步骤清晰,信息可视化,商业设计质感。 [元素布局] 画面采用上下结构;顶部为大标题区,背景浅灰#F5F6F7;中部为3步使用步骤横向排列,每步配简约线条手部动作图标+步骤说明;底部为使用频率提示条;整体干净规整。 [光影质感] 均匀柔和照明,步骤图标有轻微悬浮感,整体明亮干净,无强烈明暗对比。 [配色色系] 全局底色浅灰底#F5F6F7;主色医用青#3D6B7A;辅助色炭黑#1A1A1A、纯白#FFFFFF、浅青底#E8EFF1。 [视角构图] 正面平视,信息图表式构图,阅读动线从上至下,步骤从左至右。 [文字版式] 顶部主标题「使用方法」,医用青#3D6B7A,思源黑体26pt粗体;副标题「正确涂抹 效果加倍」,炭黑#1A1A1A,思源黑体14pt;中部3步横向排列:第1步「取量」图标+「取米粒大小于无名指腹」;第2步「点涂」图标+「点涂于眼周肌肤」;第3步「吸收」图标+「由内向外轻柔点压至吸收」;每步编号用医用青圆形底白字,步骤名思源黑体14pt粗体,说明思源黑体11pt;底部浅青底#E8EFF1提示条:「使用频率:早晚各1次 坚持使用效果更佳」,思源黑体12pt;字体统一思源黑体,层级清晰(26pt/14pt/12pt/11pt四级)。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 文字错乱,文字过小,排版混乱,颜色偏差(出现金色/暖色调),水印,人物出现,多余装饰。欣怡美眼周修护霜使用方法详情页,极简医美风格,配色严格遵循:浅灰底#F5F6F7、炭黑#1A1A1A、医用青#3D6B7A、纯白#FFFFFF、浅青底#E8EFF1。字体统一思源黑体。
[氛围/风格] 清冷专业医美风,步骤清晰,信息可视化,商业设计质感。
[元素布局] 画面采用上下结构;顶部为大标题区,背景浅灰#F5F6F7;中部为3步使用步骤横向排列,每步配简约线条手部动作图标+步骤说明;底部为使用频率提示条;整体干净规整。
[光影质感] 均匀柔和照明,步骤图标有轻微悬浮感,整体明亮干净,无强烈明暗对比。
[配色色系] 全局底色浅灰底#F5F6F7;主色医用青#3D6B7A;辅助色炭黑#1A1A1A、纯白#FFFFFF、浅青底#E8EFF1。
[视角构图] 正面平视,信息图表式构图,阅读动线从上至下,步骤从左至右。
[文字版式] 顶部主标题「使用方法」,医用青#3D6B7A,思源黑体26pt粗体;副标题「正确涂抹 效果加倍」,炭黑#1A1A1A,思源黑体14pt;中部3步横向排列:第1步「取量」图标+「取米粒大小于无名指腹」;第2步「点涂」图标+「点涂于眼周肌肤」;第3步「吸收」图标+「由内向外轻柔点压至吸收」;每步编号用医用青圆形底白字,步骤名思源黑体14pt粗体,说明思源黑体11pt;底部浅青底#E8EFF1提示条:「使用频率:早晚各1次 坚持使用效果更佳」,思源黑体12pt;字体统一思源黑体,层级清晰(26pt/14pt/12pt/11pt四级)。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 文字错乱,文字过小,排版混乱,颜色偏差(出现金色/暖色调),水印,人物出现,多余装饰。