[第5屏] 洁面慕斯使用步骤引导页,简约卡通插画风格三步教学。… - 图片创意预览

[第5屏] 洁面慕斯使用步骤引导页,简约卡通插画风格三步教学。…

[第5屏] 洁面慕斯使用步骤引导页,简约卡通插画风格三步教学。氛围风格:简约干净教学风,白色背景,清新线条,柔和色彩。元素布局:横向分三栏展示三个步骤,从上到下:标题区、步骤图区、说明区。Step 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次[第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分辨率,文字清晰可辨,高清画质。
[负向提示词] 颜色偏差(出现金色/暖色调),文字错乱,文字过小,排版混乱,水印,人物照片出现,多余装饰。
[商品] 使用【图2】MIORIO 黄糖精华去角质啫喱;保留管身所有外观、Logo、文字和比例;产品在步骤图中以手持或放置方式出现,开盖使用状态自然。 [画面] 正确使用方法 & 注意事项,步骤演示型,目标教会用户正确使用频率与手法。画面采用 2×2 四步分栏布局,每格为一个使用步骤的手部/脸部局部动作示意:第 1 步洁面后擦干取适量,第 2 步均匀涂抹避开眼唇,第 3 步轻轻打圈按摩,第 4 步清水冲洗;底部横条区域放注意事项与使用频率建议;背景浅蓝白柔雾,步骤格带圆角白底编号。 [视觉] 套系策略:风格=清透高级护肤商业摄影风;标题字=现代无衬线粗体中文;正文字=简洁无衬线体;主色=清透蓝白;背景延展=基于浅蓝到纯白的水光渐变、柔雾质感与玻璃/水膜反光;强调色=浅金,仅用于小面积升级徽章、引线和高光点缀;标题色=深炭灰蓝;正文色=中灰蓝;组件=圆角浅底信息卡、细线引线、胶囊标签;光影=左前侧柔白光,产品边缘带轮廓光。 [文字] 顶部主标题"这样用 效果更好",4 个步骤分别写:"1. 洁面擦干 取适量"、"2. 均匀涂抹 避眼唇"、"3. 轻揉打圈 1分钟"、"4. 清水洗净 再护肤";底部注意事项:"建议每周 1-2 次,根据肤质调整;破损肌肤暂停使用;使用后请做好保湿与防晒";全部横排。 [规格] 单屏比例 9:16,分辨率 2K,淘宝/天猫详情页风格,中文文案,避免医疗建议、使用频率夸大、错字、绝对化用语。[商品] 使用【图2】MIORIO 黄糖精华去角质啫喱;保留管身所有外观、Logo、文字和比例;产品在步骤图中以手持或放置方式出现,开盖使用状态自然。
[画面] 正确使用方法 & 注意事项,步骤演示型,目标教会用户正确使用频率与手法。画面采用 2×2 四步分栏布局,每格为一个使用步骤的手部/脸部局部动作示意:第 1 步洁面后擦干取适量,第 2 步均匀涂抹避开眼唇,第 3 步轻轻打圈按摩,第 4 步清水冲洗;底部横条区域放注意事项与使用频率建议;背景浅蓝白柔雾,步骤格带圆角白底编号。
[视觉] 套系策略:风格=清透高级护肤商业摄影风;标题字=现代无衬线粗体中文;正文字=简洁无衬线体;主色=清透蓝白;背景延展=基于浅蓝到纯白的水光渐变、柔雾质感与玻璃/水膜反光;强调色=浅金,仅用于小面积升级徽章、引线和高光点缀;标题色=深炭灰蓝;正文色=中灰蓝;组件=圆角浅底信息卡、细线引线、胶囊标签;光影=左前侧柔白光,产品边缘带轮廓光。
[文字] 顶部主标题"这样用 效果更好",4 个步骤分别写:"1. 洁面擦干 取适量"、"2. 均匀涂抹 避眼唇"、"3. 轻揉打圈 1分钟"、"4. 清水洗净 再护肤";底部注意事项:"建议每周 1-2 次,根据肤质调整;破损肌肤暂停使用;使用后请做好保湿与防晒";全部横排。
[规格] 单屏比例 9:16,分辨率 2K,淘宝/天猫详情页风格,中文文案,避免医疗建议、使用频率夸大、错字、绝对化用语。
医美面膜使用方法详情页,极简医美风格,参考之前的玻璃试管+浅灰底医用青配色体系。 [氛围/风格] 清冷专业医美风,步骤清晰,信息可视化,商业设计质感。 [元素布局] 画面采用上下结构;顶部为大标题区,背景浅灰#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分辨率,文字清晰可辨,高清画质。
[负向提示词] 文字错乱,文字过小,排版混乱,颜色偏差,水印,人物出现,多余装饰。
[第4屏] 第一步护理教程:清水洁面步骤讲解。 [氛围/风格] 简约步骤科普风,干净清新,浅米白底色,步骤清晰直观。 [元素布局] 顶部大数字序号+步骤标题,中间展示日常清水洁面的示意图:手捧温水轻拂面部,背景干净简洁,右侧添加核心要点提示框,底部补充特殊肤质说明,整体上下分层,信息层级清晰,主体突出。 [光影质感] 柔和均匀顶光,画面明亮干净,没有多余阴影,示意图清晰,文字易读。 [配色色系] 全局底色:#F8F9FA(浅米白);序号大数字:#A8DADC(浅青半透明);标题:#1D3557(深蓝);要点提示框底色:#E8F4F5(极浅青);正文文字:#457B9D(中蓝)。 [视角构图] 纵向单栏排版,上标题,中示意图,下要点,阅读动线清晰,符合移动端浏览习惯。 [文字版式] 左上角放置大数字半透明"1"作为序号装饰,主标题在数字右侧:"第一步 清水洁面",深蓝加粗;中间示意图下方,右侧提示框列出核心要点: "· 敏感干皮建议全程不使用洁面 · 水温选择常温清水 · 避免过度清洁损伤屏障" 每条要点前面带圆点标记,左对齐;页面底部补充提示:"过度清洁会加重皮肤干燥起皮",浅灰小字居中。文字大小适中,移动端清晰可读。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 文字模糊,文字错乱,示意图变形,颜色偏差,水印,背景杂乱,信息拥挤。[第4屏] 第一步护理教程:清水洁面步骤讲解。
[氛围/风格] 简约步骤科普风,干净清新,浅米白底色,步骤清晰直观。
[元素布局] 顶部大数字序号+步骤标题,中间展示日常清水洁面的示意图:手捧温水轻拂面部,背景干净简洁,右侧添加核心要点提示框,底部补充特殊肤质说明,整体上下分层,信息层级清晰,主体突出。
[光影质感] 柔和均匀顶光,画面明亮干净,没有多余阴影,示意图清晰,文字易读。
[配色色系] 全局底色:#F8F9FA(浅米白);序号大数字:#A8DADC(浅青半透明);标题:#1D3557(深蓝);要点提示框底色:#E8F4F5(极浅青);正文文字:#457B9D(中蓝)。
[视角构图] 纵向单栏排版,上标题,中示意图,下要点,阅读动线清晰,符合移动端浏览习惯。
[文字版式] 左上角放置大数字半透明"1"作为序号装饰,主标题在数字右侧:"第一步 清水洁面",深蓝加粗;中间示意图下方,右侧提示框列出核心要点:
"· 敏感干皮建议全程不使用洁面
· 水温选择常温清水
· 避免过度清洁损伤屏障"
每条要点前面带圆点标记,左对齐;页面底部补充提示:"过度清洁会加重皮肤干燥起皮",浅灰小字居中。文字大小适中,移动端清晰可读。
[比例分辨率] 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分辨率,文字清晰可辨,高清画质。
[负向提示词] 线条模糊,文字错乱,水印,背景杂乱,颜色偏差,卡片变形,医疗化表述。