电商详情页使用方法模块，宽度750px，竖版。白色背景。顶部模块标题左对齐中粗“使用方法”，字色#222222。下方两步使用方法图文展示，左对齐。第1步：日常涂抹——洁面后取适量精华水，均匀轻拍面部，
1pzvobicu7-...
2026.07.18电商详情页使用方法模块，宽度750px，竖版。白色背景。顶部模块标题左对齐中粗“使用方法”，字色#222222。下方两步使用方法图文展示，左对齐。第1步：日常涂抹——洁面后取适量精华水，均匀轻拍面部，
1pzvobicu7-...
2026.07.18
![[第7屏] 标准使用方法教学板块，邻美人焕活精华液洁面步骤教学。
[氛围/风格] 简约清新风，浅杏底色，干净易读。
[元素布局] 顶部大标题"正确使用方法"，下方分四个图文步骤：1. 取适量精华于手心；2. 加水揉搓起泡；3. 上脸轻柔打圈按摩；4. 清水冲洗干净，每个步骤配对应真人温柔洁面示范简笔画，文字还原官方使用说明，图文左右对应排版，清晰直观。
[光影质感] 均匀柔和光线，整体干净明亮。
[配色色系] 背景浅杏色，简笔画浅橙线条，文字深灰，配色柔和。
[视角构图] 从上到下标题+四个步骤纵向排列，每个步骤图文并排，动线清晰。
[文字版式] 步骤编号+文字说明，字体纤细无衬线，文字清晰可读。
[比例分辨率] 9:16竖版比例，4K分辨率，高清画质。
[负向提示词] 复杂色块，文字拥挤，文字模糊，夸张画风，水印。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/5e34d553-0585-4835-a870-2936e02575ac59850.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![参考图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分辨率，文字清晰可辨，高清画质。
[负向提示词] 颜色偏差（出现金色/暖色调），文字错乱，文字过小，排版混乱，水印，人物照片出现，多余装饰。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/ad3a43d5-89d4-4f94-879a-1d2ad5200a2a314.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第6屏] 适用肤质匹配-四种肤质分区适用说明页。
[氛围/风格] 简约清晰医美分类风，干净整齐，信息明确。
[元素布局] 四个肤质卡片分两行两列网格排列，每个卡片占比均匀，每个卡片包含肤质圆形标签卡和适用说明，保持整体布局整齐不拥挤。
[光影质感] 均匀柔光，每个卡片独立清晰，没有明暗过度对比。
[配色色系] 全局底色 #F4F7F9，主色浅灰蓝，标签卡搭配对应浅色系，文字深灰。
[视角构图] 顶部主标题，下方网格排列，对齐整齐，阅读顺序自然。
[文字版式] 顶部主标题「多种肤质 都可使用」，每个卡片内容：1.「干性肌肤 干燥缺水 滋润补水」2.「敏感肌肤 泛红不适 舒缓呵护」3.「混合肌肤 T区出油 水油平衡」4.「油性肌肤 出油粗糙 清爽保湿」，每个卡片标题加粗，说明文字大小适中，清晰可读。
[比例分辨率] 3:4 竖版比例，1080宽度1440高度，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 排版错乱，文字过小，颜色花哨，医疗承诺，绝对化用词。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/5d15ba70-592a-481b-a95e-78faa6df336116237.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第6屏] 适用肤质匹配-四种肤质分区适用说明页。
[氛围/风格] 简约清晰医美分类风，干净整齐，信息明确。
[元素布局] 四个肤质卡片分两行两列网格排列，每个卡片占比均匀，每个卡片包含肤质圆形标签卡和适用说明，保持整体布局整齐不拥挤。
[光影质感] 均匀柔光，每个卡片独立清晰，没有明暗过度对比。
[配色色系] 全局底色 #F4F7F9，主色浅灰蓝，标签卡搭配对应浅色系，文字深灰。
[视角构图] 顶部主标题，下方网格排列，对齐整齐，阅读顺序自然。
[文字版式] 顶部主标题「多种肤质 都可使用」，每个卡片内容：1.「干性肌肤 干燥缺水 滋润补水」2.「敏感肌肤 泛红不适 舒缓呵护」3.「混合肌肤 T区出油 水油平衡」4.「油性肌肤 出油粗糙 清爽保湿」，每个卡片标题加粗，说明文字大小适中，清晰可读。
[比例分辨率] 3:4 竖版比例，1080宽度1440高度，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 排版错乱，文字过小，颜色花哨，医疗承诺，绝对化用词。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/e921742e-7cdc-4512-aade-4ae52d64a6f018245.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第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次](https://gd-cms.dancf.com/gd-cms/xi19e5/0/a36f6716-5fa2-4373-9d1a-53aeb7c6529736996.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![做一张欣怡美透明质酸钠祛痘精华的使用方法详情页，与前面页面风格统一，医用级专业护肤风，使用三步卡片式布局（参考之前的使用手法页风格）。
[氛围/风格] 医用级专业护肤风，极简清晰，干净易读，与整套详情页视觉统一。
[元素布局] 画面顶部为标题区；下方横向排列3个步骤卡片，等宽等高，卡片为白底浅青边框圆角矩形；每个卡片内上半部分为简约线描示意图（浅灰色线条，医用青点缀），下半部分为Step编号+步骤说明文字；背景为浅灰底#F5F6F7，干净柔和。
[光影质感] 整体平光，卡片有轻微投影增加层次，干净明亮。
[配色色系] 全局底色浅灰底#F5F6F7；卡片底色纯白#FFFFFF；主色医用青#3D6B7A；辅助色炭黑#1A1A1A、浅灰。
[视角构图] 横向三栏等分布局，居中对齐，阅读动线从左到右Step1→Step2→Step3。
[文字版式] 顶部主标题「使用方法」大号加粗炭黑色；副标题「简单三步 温和调理痘肌」医用青色中号，居中；
三个步骤卡片：
Step 1：示意图为滴管取精华的线描；说明「洁面后取适量精华」
Step 2：示意图为手指点涂痘痘的线描；说明「点涂或全脸涂抹」
Step 3：示意图为轻拍面部的线描；说明「轻拍至完全吸收」
卡片底部统一小字注释：每天2次或遵医嘱；
字体统一思源黑体，层级清晰（主标题/Step编号/步骤说明/注释四级），居中对齐。
[比例分辨率] 3:4竖版比例，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 线条模糊，文字错乱，水印，背景杂乱，颜色偏差，卡片变形，医疗化表述。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/d7fe5797-4047-4677-a898-78734f683fff37881.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第6屏] 产品清爽肤感展示屏，展示兰蔻小黑瓶精华涂抹瞬间的质地和吸收效果。
[氛围/风格] 写实美妆风，柔和干净氛围，高清画质，质地细节清晰。
[元素布局] 左右对比构图，左侧展示产品蛋清质地，右侧展示涂抹后肌肤水润吸收效果，角落放置"0黏腻"透明图标，背景干净柔和。左侧产品质地特写，右侧肌肤特写，对比清晰。
[光影质感] 柔和侧光，突出质地的水润通透感，吸收后肌肤呈现自然光泽，明暗过渡自然。
[配色色系] 全局底色：#F5F5F5（浅灰）；质地：浅透明白色；肌肤：自然肤色；图标：浅绿色透明。
[视角构图] 平拍，左右分栏对比构图，主体占比适中，信息分区清晰。
[文字版式] 顶部主标题"清爽肤感，即刻体验"，副标题"一抹化水，快速吸收，拒绝黏腻负担"。主标题深灰色加粗，字号约画面宽度7%，左对齐；副标题浅灰色，字号约主标题35%，左对齐在主标题下方。
[比例分辨率] 9:16竖版，4K分辨率，质地和肌肤细节清晰。
[负向提示词] 质地失真，对比不清晰，文字错乱，水印，色彩过杂，遮挡主体。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/04c51b74-2d3e-491c-b39f-b2fd3fa6ab7a1679.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第7屏] 详情页适用人群与困扰匹配屏。无需产品主体图，使用分类排版呈现信息。
[氛围/风格] 简洁实用信息风，干净浅色背景，信息清晰易读
[元素布局] 顶部主标题，下方分为四格卡片，每格对应一种肌肤困扰，卡片内放置文字说明，浅底色卡片配深文字，四个困扰均匀分布，排版规整不拥挤
[光影质感] 整体均匀打光，每个卡片清晰分隔，无模糊重影
[配色色系] 全局底色 #ffffff，主色浅绿标题，辅助色浅绿卡片边框，黑色正文
[视角构图] 上下结构，顶部标题，中部四格卡片排列，符合移动端阅读
[文字版式] 顶部主标题「这些困扰 都可使用」，四个困扰卡片分别：干燥缺水肌肤 -> 补充水分 长效保湿；粗糙暗沉肌肤 -> 滋润肌肤 提亮质感；日常清洁护理 -> 植萃添加 温和呵护；四季日常使用 -> 保持水润 清爽不腻，文字排版清晰，字号适中手机可读
[比例分辨率] 9:16竖版比例，宽度1080px，高度1920px，4K分辨率，高清画质，文字清晰可辨
[负向提示词] 文字模糊，排版拥挤，使用医疗词汇，夸大宣传，违规词](https://gd-cms.dancf.com/gd-cms/xi19e5/0/0c7bca6c-96e8-4183-b520-47127af870d09576.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第7屏] 详情页适用人群与困扰匹配屏。无需产品主体图，使用分类排版呈现信息。
[氛围/风格] 简洁实用信息风，干净浅色背景，信息清晰易读
[元素布局] 顶部主标题，下方分为四格卡片，每格对应一种肌肤困扰，卡片内放置文字说明，浅底色卡片配深文字，四个困扰均匀分布，排版规整不拥挤
[光影质感] 整体均匀打光，每个卡片清晰分隔，无模糊重影
[配色色系] 全局底色 #ffffff，主色浅绿标题，辅助色浅绿卡片边框，黑色正文
[视角构图] 上下结构，顶部标题，中部四格卡片排列，符合移动端阅读
[文字版式] 顶部主标题「这些困扰 都可使用」，四个困扰卡片分别：干燥缺水肌肤 -> 补充水分 长效保湿；粗糙暗沉肌肤 -> 滋润肌肤 提亮质感；日常清洁护理 -> 植萃添加 温和呵护；四季日常使用 -> 保持水润 清爽不腻，文字排版清晰，字号适中手机可读
[比例分辨率] 9:16竖版比例，宽度1080px，高度1920px，4K分辨率，高清画质，文字清晰可辨
[负向提示词] 文字模糊，排版拥挤，使用医疗词汇，夸大宣传，违规词](https://gd-cms.dancf.com/gd-cms/xi19e5/0/f0b64c82-22bc-4b05-a23f-67fa6c7fbbf69198.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第7屏] 适用人群屏-分格展示适配肤质与适用困扰。无需主产品图。
[氛围/风格] 清晰实用卡片风格，简洁明了，方便快速对照。
[元素布局] 顶部大标题，下方四格方格卡片网格排布2行2列，每个卡片对应一类适用人群/困扰，卡片圆角设计，浅紫底色搭配深色文字，四个卡片分别对应：敏感肌、油皮混油皮、痘痘肌、日常护理，每个卡片上方可添加小图标点缀。
[光影质感] 整体均匀布光，每个卡片清晰明亮，文字区域对比度足够。
[配色色系] 全局底色 #FAF9FC，主色浅紫卡片，深棕色标题，深灰色正文，浅色背景更突出卡片。
[视角构图] 网格排版，均衡分布，从上到下阅读动线清晰。
[文字版式] 顶部主标题「这些困扰 都适用」；四格卡片标题分别为：① 敏感泛红肌、② 油皮混油皮、③ 反复痘痘肌、④ 日常清洁护理；每个卡片下方标注简短说明：改善肌肤不适/清爽控油不拔干/舒缓抑菌退红/全身清洁养肤，文字大小适中，移动端清晰可读。
[比例分辨率] 9:16竖版比例，宽度1080px，高度1920px，4K分辨率，文字清晰可辨，高清画质。
[负向提示词] 文字错乱，文字过小，卡片变形，颜色刺眼，水印，医疗承诺](https://gd-cms.dancf.com/gd-cms/xi19e5/0/570ea138-31a0-4a9b-b2fa-4b902c8a4ff158618.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
