创意预览图

电商详情页使用方法模块,宽度750px,竖版。白色背景。顶部模块标题左对齐中粗“使用方法”,字色#222222。下方使用方法图文展示,左对齐。内容:早晚护肤阶段,完成面部洁面爽肤后,取适量眼霜,点涂于

用户头像

1pzvobicu7-...

2026.07.18
欣怡美眼周修护霜使用方法详情页,极简医美风格,配色严格遵循:浅灰底#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分辨率,文字清晰可辨,高清画质。
[负向提示词] 文字错乱,文字过小,排版混乱,颜色偏差(出现金色/暖色调),水印,人物出现,多余装饰。
参考图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分辨率,文字清晰可辨,高清画质。
[负向提示词] 颜色偏差(出现金色/暖色调),文字错乱,文字过小,排版混乱,水印,人物照片出现,多余装饰。
1:1 正方形电商美妆详情页防晒产品使用步骤板块,极简日系线性手绘风格,整体干净雅致、高级简约,背景为柔和均匀的浅蓝色纯色渐变,色调清淡舒缓,无多余装饰,最大化突出内容信息。画面顶部居中设置大字号黑色黑体主标题"正确使用"小金帽"",字体端正醒目,标题与下方内容区留有充足留白,排版大气舒展。主体内容采用三列等宽对称网格布局,从左至右依次排布 Step1、Step2、Step3 三个步骤模块,所有模块水平对齐、间距均匀规整,整体秩序感极强;每个步骤模块统一采用"顶部线稿插画 + 中部步骤序号 + 底部文字说明"的分层结构,插画为纤细流畅的黑色单线手绘,无填充色块,线条干净利落,步骤序号为暖棕金色衬线字体,优雅醒目,是每个模块的视觉锚点,说明文字为黑色常规字重简体中文,行间距宽松,易读性佳。左侧 Step1 模块顶部插画为双手掌心相对、承接膏体的手部线稿,中部序号文字为"Step1",底部三行说明文字为"用前摇一摇 / 挤一元硬币大小 / 防晒乳在掌心";中间 Step2 模块顶部插画为闭眼女性脸部正面线稿,双手手掌贴于脸颊两侧,额头标注左右双向箭头、脸颊标注弧形涂抹箭头,清晰示意涂抹手法,中部序号文字为"Step2",底部三行说明文字为"顺肌肤纹理涂抹, / 轻轻按压拍打至吸收, / 成膜后再上妆";右侧 Step3 模块顶部插画为下巴至颈部的局部线稿,双手贴合颈部两侧示意涂抹动作,中部序号文字为"Step3",底部三行说明文字为"脖子及其他部位 / 也按照上述方法 / 均匀涂抹吸收即可"。整体色彩搭配克制高级,仅以黑色线稿与文字、暖金色序号、浅蓝色背景构成画面,色调统一柔和,排版严谨规整,信息层级清晰,图文比例协调,留白舒适,符合高端护肤品类详情页的简约质感,画面精致专业、直观易懂,完美适配正方形电商详情页使用说明模块。1:1 正方形电商美妆详情页防晒产品使用步骤板块,极简日系线性手绘风格,整体干净雅致、高级简约,背景为柔和均匀的浅蓝色纯色渐变,色调清淡舒缓,无多余装饰,最大化突出内容信息。画面顶部居中设置大字号黑色黑体主标题"正确使用"小金帽"",字体端正醒目,标题与下方内容区留有充足留白,排版大气舒展。主体内容采用三列等宽对称网格布局,从左至右依次排布 Step1、Step2、Step3 三个步骤模块,所有模块水平对齐、间距均匀规整,整体秩序感极强;每个步骤模块统一采用"顶部线稿插画 + 中部步骤序号 + 底部文字说明"的分层结构,插画为纤细流畅的黑色单线手绘,无填充色块,线条干净利落,步骤序号为暖棕金色衬线字体,优雅醒目,是每个模块的视觉锚点,说明文字为黑色常规字重简体中文,行间距宽松,易读性佳。左侧 Step1 模块顶部插画为双手掌心相对、承接膏体的手部线稿,中部序号文字为"Step1",底部三行说明文字为"用前摇一摇 / 挤一元硬币大小 / 防晒乳在掌心";中间 Step2 模块顶部插画为闭眼女性脸部正面线稿,双手手掌贴于脸颊两侧,额头标注左右双向箭头、脸颊标注弧形涂抹箭头,清晰示意涂抹手法,中部序号文字为"Step2",底部三行说明文字为"顺肌肤纹理涂抹, / 轻轻按压拍打至吸收, / 成膜后再上妆";右侧 Step3 模块顶部插画为下巴至颈部的局部线稿,双手贴合颈部两侧示意涂抹动作,中部序号文字为"Step3",底部三行说明文字为"脖子及其他部位 / 也按照上述方法 / 均匀涂抹吸收即可"。整体色彩搭配克制高级,仅以黑色线稿与文字、暖金色序号、浅蓝色背景构成画面,色调统一柔和,排版严谨规整,信息层级清晰,图文比例协调,留白舒适,符合高端护肤品类详情页的简约质感,画面精致专业、直观易懂,完美适配正方形电商详情页使用说明模块。
1:1 正方形电商美妆详情页防晒产品使用步骤板块,极简日系线性手绘风格,整体干净雅致、高级简约,背景为柔和均匀的浅蓝色纯色渐变,色调清淡舒缓,无多余装饰,最大化突出内容信息。画面顶部居中设置大字号黑色黑体主标题"正确使用"小金帽"",字体端正醒目,标题与下方内容区留有充足留白,排版大气舒展。主体内容采用三列等宽对称网格布局,从左至右依次排布 Step1、Step2、Step3 三个步骤模块,所有模块水平对齐、间距均匀规整,整体秩序感极强;每个步骤模块统一采用"顶部线稿插画 + 中部步骤序号 + 底部文字说明"的分层结构,插画为纤细流畅的黑色单线手绘,无填充色块,线条干净利落,步骤序号为暖棕金色衬线字体,优雅醒目,是每个模块的视觉锚点,说明文字为黑色常规字重简体中文,行间距宽松,易读性佳。左侧 Step1 模块顶部插画为双手掌心相对、承接膏体的手部线稿,中部序号文字为"Step1",底部三行说明文字为"用前摇一摇 / 挤一元硬币大小 / 防晒乳在掌心";中间 Step2 模块顶部插画为闭眼女性脸部正面线稿,双手手掌贴于脸颊两侧,额头标注左右双向箭头、脸颊标注弧形涂抹箭头,清晰示意涂抹手法,中部序号文字为"Step2",底部三行说明文字为"顺肌肤纹理涂抹, / 轻轻按压拍打至吸收, / 成膜后再上妆";右侧 Step3 模块顶部插画为下巴至颈部的局部线稿,双手贴合颈部两侧示意涂抹动作,中部序号文字为"Step3",底部三行说明文字为"脖子及其他部位 / 也按照上述方法 / 均匀涂抹吸收即可"。整体色彩搭配克制高级,仅以黑色线稿与文字、暖金色序号、浅蓝色背景构成画面,色调统一柔和,排版严谨规整,信息层级清晰,图文比例协调,留白舒适,符合高端护肤品类详情页的简约质感,画面精致专业、直观易懂,完美适配正方形电商详情页使用说明模块。1:1 正方形电商美妆详情页防晒产品使用步骤板块,极简日系线性手绘风格,整体干净雅致、高级简约,背景为柔和均匀的浅蓝色纯色渐变,色调清淡舒缓,无多余装饰,最大化突出内容信息。画面顶部居中设置大字号黑色黑体主标题"正确使用"小金帽"",字体端正醒目,标题与下方内容区留有充足留白,排版大气舒展。主体内容采用三列等宽对称网格布局,从左至右依次排布 Step1、Step2、Step3 三个步骤模块,所有模块水平对齐、间距均匀规整,整体秩序感极强;每个步骤模块统一采用"顶部线稿插画 + 中部步骤序号 + 底部文字说明"的分层结构,插画为纤细流畅的黑色单线手绘,无填充色块,线条干净利落,步骤序号为暖棕金色衬线字体,优雅醒目,是每个模块的视觉锚点,说明文字为黑色常规字重简体中文,行间距宽松,易读性佳。左侧 Step1 模块顶部插画为双手掌心相对、承接膏体的手部线稿,中部序号文字为"Step1",底部三行说明文字为"用前摇一摇 / 挤一元硬币大小 / 防晒乳在掌心";中间 Step2 模块顶部插画为闭眼女性脸部正面线稿,双手手掌贴于脸颊两侧,额头标注左右双向箭头、脸颊标注弧形涂抹箭头,清晰示意涂抹手法,中部序号文字为"Step2",底部三行说明文字为"顺肌肤纹理涂抹, / 轻轻按压拍打至吸收, / 成膜后再上妆";右侧 Step3 模块顶部插画为下巴至颈部的局部线稿,双手贴合颈部两侧示意涂抹动作,中部序号文字为"Step3",底部三行说明文字为"脖子及其他部位 / 也按照上述方法 / 均匀涂抹吸收即可"。整体色彩搭配克制高级,仅以黑色线稿与文字、暖金色序号、浅蓝色背景构成画面,色调统一柔和,排版严谨规整,信息层级清晰,图文比例协调,留白舒适,符合高端护肤品类详情页的简约质感,画面精致专业、直观易懂,完美适配正方形电商详情页使用说明模块。
1:1 正方形电商美妆详情页防晒产品使用步骤板块,极简日系线性手绘风格,整体干净雅致、高级简约,背景为柔和均匀的浅蓝色纯色渐变,色调清淡舒缓,无多余装饰,最大化突出内容信息。画面顶部居中设置大字号黑色黑体主标题"正确使用"小金帽"",字体端正醒目,标题与下方内容区留有充足留白,排版大气舒展。主体内容采用三列等宽对称网格布局,从左至右依次排布 Step1、Step2、Step3 三个步骤模块,所有模块水平对齐、间距均匀规整,整体秩序感极强;每个步骤模块统一采用"顶部线稿插画 + 中部步骤序号 + 底部文字说明"的分层结构,插画为纤细流畅的黑色单线手绘,无填充色块,线条干净利落,步骤序号为暖棕金色衬线字体,优雅醒目,是每个模块的视觉锚点,说明文字为黑色常规字重简体中文,行间距宽松,易读性佳。左侧 Step1 模块顶部插画为双手掌心相对、承接膏体的手部线稿,中部序号文字为"Step1",底部三行说明文字为"用前摇一摇 / 挤一元硬币大小 / 防晒乳在掌心";中间 Step2 模块顶部插画为闭眼女性脸部正面线稿,双手手掌贴于脸颊两侧,额头标注左右双向箭头、脸颊标注弧形涂抹箭头,清晰示意涂抹手法,中部序号文字为"Step2",底部三行说明文字为"顺肌肤纹理涂抹, / 轻轻按压拍打至吸收, / 成膜后再上妆";右侧 Step3 模块顶部插画为下巴至颈部的局部线稿,双手贴合颈部两侧示意涂抹动作,中部序号文字为"Step3",底部三行说明文字为"脖子及其他部位 / 也按照上述方法 / 均匀涂抹吸收即可"。整体色彩搭配克制高级,仅以黑色线稿与文字、暖金色序号、浅蓝色背景构成画面,色调统一柔和,排版严谨规整,信息层级清晰,图文比例协调,留白舒适,符合高端护肤品类详情页的简约质感,画面精致专业、直观易懂,完美适配正方形电商详情页使用说明模块。1:1 正方形电商美妆详情页防晒产品使用步骤板块,极简日系线性手绘风格,整体干净雅致、高级简约,背景为柔和均匀的浅蓝色纯色渐变,色调清淡舒缓,无多余装饰,最大化突出内容信息。画面顶部居中设置大字号黑色黑体主标题"正确使用"小金帽"",字体端正醒目,标题与下方内容区留有充足留白,排版大气舒展。主体内容采用三列等宽对称网格布局,从左至右依次排布 Step1、Step2、Step3 三个步骤模块,所有模块水平对齐、间距均匀规整,整体秩序感极强;每个步骤模块统一采用"顶部线稿插画 + 中部步骤序号 + 底部文字说明"的分层结构,插画为纤细流畅的黑色单线手绘,无填充色块,线条干净利落,步骤序号为暖棕金色衬线字体,优雅醒目,是每个模块的视觉锚点,说明文字为黑色常规字重简体中文,行间距宽松,易读性佳。左侧 Step1 模块顶部插画为双手掌心相对、承接膏体的手部线稿,中部序号文字为"Step1",底部三行说明文字为"用前摇一摇 / 挤一元硬币大小 / 防晒乳在掌心";中间 Step2 模块顶部插画为闭眼女性脸部正面线稿,双手手掌贴于脸颊两侧,额头标注左右双向箭头、脸颊标注弧形涂抹箭头,清晰示意涂抹手法,中部序号文字为"Step2",底部三行说明文字为"顺肌肤纹理涂抹, / 轻轻按压拍打至吸收, / 成膜后再上妆";右侧 Step3 模块顶部插画为下巴至颈部的局部线稿,双手贴合颈部两侧示意涂抹动作,中部序号文字为"Step3",底部三行说明文字为"脖子及其他部位 / 也按照上述方法 / 均匀涂抹吸收即可"。整体色彩搭配克制高级,仅以黑色线稿与文字、暖金色序号、浅蓝色背景构成画面,色调统一柔和,排版严谨规整,信息层级清晰,图文比例协调,留白舒适,符合高端护肤品类详情页的简约质感,画面精致专业、直观易懂,完美适配正方形电商详情页使用说明模块。