竖向详情页长图,分三步可视化展示男士使用收缩水步骤:第一步洁面… - 图片创意预览

竖向详情页长图,分三步可视化展示男士使用收缩水步骤:第一步洁面…

竖向详情页长图,分三步可视化展示男士使用收缩水步骤:第一步洁面后湿敷,第二步轻拍吸收,第三步后续护肤,结合提供的实景收缩水产品图,搭配简约手绘,浅灰色干净背景,排版清晰易懂,男士护肤教程式视觉,整体风

用户头像

GD728290979

2026.05.19
[第5屏] 第二步护理教程:舒缓保湿水使用方法讲解。 [氛围/风格] 简约步骤科普风,干净清新,浅米白底色,步骤清晰直观。 [元素布局] 顶部大数字序号+步骤标题,中间展示保湿水使用示意图:化妆棉湿敷在干纹明显的脸颊部位,左侧放置保湿水瓶身产品,右侧添加核心操作要点框,底部补充湿敷时长说明,整体上下分层,布局舒展不拥挤。 [光影质感] 柔和均匀主光,突出产品和操作手法,整体通透干净,没有暗沉阴影,细节清晰。 [配色色系] 全局底色:#F8F9FA(浅米白);序号大数字:#A8DADC(浅青半透明);标题:#1D3557(深蓝);要点提示框底色:#E8F4F5(极浅青);正文文字:#457B9D(中蓝)。 [视角构图] 纵向单栏排版,从上到下依次为标题、操作示意图、要点说明,符合移动端上下阅读习惯,动线清晰。 [文字版式] 左上角放置大数字半透明"2"作为序号装饰,主标题在数字右侧:"第二步 舒缓保湿水",深蓝加粗;右侧要点框列出操作要点: "· 干纹明显部位用化妆棉轻擦 · 可短时湿敷 快速补水 · 建议湿敷时长:30秒" 每条要点带圆点标记,左对齐排版;页面底部浅灰色小字提示:"快速补充表皮水分,减少后续卡粉",居中排布。所有文字大小适中,移动端清晰可读。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 文字模糊,文字错乱,产品变形,颜色偏差,水印,背景杂乱,信息拥挤。[第5屏] 第二步护理教程:舒缓保湿水使用方法讲解。
[氛围/风格] 简约步骤科普风,干净清新,浅米白底色,步骤清晰直观。
[元素布局] 顶部大数字序号+步骤标题,中间展示保湿水使用示意图:化妆棉湿敷在干纹明显的脸颊部位,左侧放置保湿水瓶身产品,右侧添加核心操作要点框,底部补充湿敷时长说明,整体上下分层,布局舒展不拥挤。
[光影质感] 柔和均匀主光,突出产品和操作手法,整体通透干净,没有暗沉阴影,细节清晰。
[配色色系] 全局底色:#F8F9FA(浅米白);序号大数字:#A8DADC(浅青半透明);标题:#1D3557(深蓝);要点提示框底色:#E8F4F5(极浅青);正文文字:#457B9D(中蓝)。
[视角构图] 纵向单栏排版,从上到下依次为标题、操作示意图、要点说明,符合移动端上下阅读习惯,动线清晰。
[文字版式] 左上角放置大数字半透明"2"作为序号装饰,主标题在数字右侧:"第二步 舒缓保湿水",深蓝加粗;右侧要点框列出操作要点:
"· 干纹明显部位用化妆棉轻擦
· 可短时湿敷 快速补水
· 建议湿敷时长:30秒"
每条要点带圆点标记,左对齐排版;页面底部浅灰色小字提示:"快速补充表皮水分,减少后续卡粉",居中排布。所有文字大小适中,移动端清晰可读。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 文字模糊,文字错乱,产品变形,颜色偏差,水印,背景杂乱,信息拥挤。
[第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次
参考图1的版式风格,做一张欣怡美精粹水使用方法详情页。配色严格遵循:浅灰底#F5F6F7、炭黑#1A1A1A、医用青#3D6B7A、纯白#FFFFFF、浅青底#E8EFF1。字体统一思源黑体。 [氛围/风格] 极简医美高级感,步骤清晰,线描图标风格,清冷专业,商业设计质感。参考图1的2x2四步卡片版式。 [元素布局] 画面顶部为大标题区,背景浅灰#F5F6F7;中部为2行2列的4步使用步骤卡片矩阵,每个卡片为纯白#FFFFFF底,内有医用青色线描风格的手部/脸部动作图标;底部为使用频率和湿敷提示条;整体参考图1的四宫格布局。 [光影质感] 均匀柔和照明,卡片有轻微悬浮投影,整体明亮干净,无强烈明暗对比。 [配色色系] 全局底色浅灰底#F5F6F7;主色医用青#3D6B7A;辅助色炭黑#1A1A1A、纯白#FFFFFF、浅青底#E8EFF1。 [视角构图] 正面平视,信息图表式构图,阅读动线从上至下,从左至右。 [文字版式] 版式参考图1:顶部主标题「使用方法」,医用青#3D6B7A,思源黑体26pt粗体;副标题「正确使用 效果加倍」,炭黑#1A1A1A,思源黑体14pt;中部4步卡片:第1步「取」-洁面后取适量精粹水于掌心或化妆棉;第2步「拍」-轻拍于面部肌肤;第3步「吸」-轻轻按摩至完全吸收;第4步「敷」-可搭配化妆棉湿敷加强效果;每步编号用医用青大号数字,步骤名思源黑体16pt粗体炭黑#1A1A1A,说明思源黑体11pt炭黑#1A1A1A;底部浅青底#E8EFF1提示条:「使用频率:早晚各1次 建议搭配湿敷效果更佳」,思源黑体12pt;字体统一思源黑体,层级清晰(26pt/16pt/12pt/11pt四级)。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 颜色偏差(出现金色/暖色调),文字错乱,文字过小,排版混乱,水印,人物照片出现,多余装饰。参考图1的版式风格,做一张欣怡美精粹水使用方法详情页。配色严格遵循:浅灰底#F5F6F7、炭黑#1A1A1A、医用青#3D6B7A、纯白#FFFFFF、浅青底#E8EFF1。字体统一思源黑体。
[氛围/风格] 极简医美高级感,步骤清晰,线描图标风格,清冷专业,商业设计质感。参考图1的2x2四步卡片版式。
[元素布局] 画面顶部为大标题区,背景浅灰#F5F6F7;中部为2行2列的4步使用步骤卡片矩阵,每个卡片为纯白#FFFFFF底,内有医用青色线描风格的手部/脸部动作图标;底部为使用频率和湿敷提示条;整体参考图1的四宫格布局。
[光影质感] 均匀柔和照明,卡片有轻微悬浮投影,整体明亮干净,无强烈明暗对比。
[配色色系] 全局底色浅灰底#F5F6F7;主色医用青#3D6B7A;辅助色炭黑#1A1A1A、纯白#FFFFFF、浅青底#E8EFF1。
[视角构图] 正面平视,信息图表式构图,阅读动线从上至下,从左至右。
[文字版式] 版式参考图1:顶部主标题「使用方法」,医用青#3D6B7A,思源黑体26pt粗体;副标题「正确使用 效果加倍」,炭黑#1A1A1A,思源黑体14pt;中部4步卡片:第1步「取」-洁面后取适量精粹水于掌心或化妆棉;第2步「拍」-轻拍于面部肌肤;第3步「吸」-轻轻按摩至完全吸收;第4步「敷」-可搭配化妆棉湿敷加强效果;每步编号用医用青大号数字,步骤名思源黑体16pt粗体炭黑#1A1A1A,说明思源黑体11pt炭黑#1A1A1A;底部浅青底#E8EFF1提示条:「使用频率:早晚各1次 建议搭配湿敷效果更佳」,思源黑体12pt;字体统一思源黑体,层级清晰(26pt/16pt/12pt/11pt四级)。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 颜色偏差(出现金色/暖色调),文字错乱,文字过小,排版混乱,水印,人物照片出现,多余装饰。
[第5张] 使用步骤页——10-15分钟快速护理三步流程。本张使用【图1】作为产品主体,分步展示使用方法。 [氛围/风格] 简洁明了步骤教学风,清新干净,信息层级清晰,内容丰富。 [元素布局] 画面分上中下三栏,每栏对应一个步骤;每栏左侧为步骤编号+动作示意图,右侧为对应产品瓶展示;顶部为标题区,背景为浅蓝白渐变,搭配水滴、云朵、圆形序号等装饰元素;三步分别为洁颜、涂抹、吸收,每步有手部动作小插图。 [光影质感] 均匀明亮柔光,产品清晰真实,整体干净清爽有护理仪式感。 [配色色系] 全局底色 #F2F9FC 浅天蓝渐变;主色白色瓶身;辅助色天蓝、淡绿、浅紫三色区分三步;字色深灰 + 对应步骤色。 [视角构图] 上下分栏三步流,从上到下阅读,每步左文右图小布局。 [文字版式] 版式为顶部大标题 + 三步纵向分栏。主标题「3步快速护理 15分钟焕亮」,副标题「简单三步 在家享受沙龙级护理」;第1步「① 洁颜净肤」配焕肌水瓶,说明「洁面后取适量焕肌水 轻拍面部打开吸收通道」;第2步「② 均匀涂抹」配按压泵瓶,说明「取适量涂抹式面膜 均匀覆盖全脸避开眼周」;第3步「③ 吸收焕亮」配肌肤光泽示意图,说明「静待10-15分钟 轻轻按摩至吸收或冲洗」;每步编号为大号彩色圆形数字。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 瓶身变形,缺件错件,颜色偏差,黑金风格,水印,文字过小,步骤混乱。[第5张] 使用步骤页——10-15分钟快速护理三步流程。本张使用【图1】作为产品主体,分步展示使用方法。
[氛围/风格] 简洁明了步骤教学风,清新干净,信息层级清晰,内容丰富。
[元素布局] 画面分上中下三栏,每栏对应一个步骤;每栏左侧为步骤编号+动作示意图,右侧为对应产品瓶展示;顶部为标题区,背景为浅蓝白渐变,搭配水滴、云朵、圆形序号等装饰元素;三步分别为洁颜、涂抹、吸收,每步有手部动作小插图。
[光影质感] 均匀明亮柔光,产品清晰真实,整体干净清爽有护理仪式感。
[配色色系] 全局底色 #F2F9FC 浅天蓝渐变;主色白色瓶身;辅助色天蓝、淡绿、浅紫三色区分三步;字色深灰 + 对应步骤色。
[视角构图] 上下分栏三步流,从上到下阅读,每步左文右图小布局。
[文字版式] 版式为顶部大标题 + 三步纵向分栏。主标题「3步快速护理 15分钟焕亮」,副标题「简单三步 在家享受沙龙级护理」;第1步「① 洁颜净肤」配焕肌水瓶,说明「洁面后取适量焕肌水 轻拍面部打开吸收通道」;第2步「② 均匀涂抹」配按压泵瓶,说明「取适量涂抹式面膜 均匀覆盖全脸避开眼周」;第3步「③ 吸收焕亮」配肌肤光泽示意图,说明「静待10-15分钟 轻轻按摩至吸收或冲洗」;每步编号为大号彩色圆形数字。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 瓶身变形,缺件错件,颜色偏差,黑金风格,水印,文字过小,步骤混乱。
做一张欣怡美透明质酸钠祛痘精华的使用方法详情页,与前面页面风格统一,医用级专业护肤风,使用三步卡片式布局(参考之前的使用手法页风格)。 [氛围/风格] 医用级专业护肤风,极简清晰,干净易读,与整套详情页视觉统一。 [元素布局] 画面顶部为标题区;下方横向排列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分辨率,文字清晰可辨,高清画质。
[负向提示词] 线条模糊,文字错乱,水印,背景杂乱,颜色偏差,卡片变形,医疗化表述。