参考第二张图片https://1.jpg的排版风格,将第一张图… - 图片创意预览

参考第二张图片https://1.jpg的排版风格,将第一张图…

参考第二张图片https://1.jpg的排版风格,将第一张图片https://0.jpg的内容重新排版制作成一张美观的小红书表格图片。保持原有的文字内容:标题是'刷酸步骤图',步骤1皮肤清洁:用温和

用户头像

傩佑

2026.04.12
做一张欣怡美透明质酸钠祛痘精华的使用方法详情页,与前面页面风格统一,医用级专业护肤风,使用三步卡片式布局(参考之前的使用手法页风格)。 [氛围/风格] 医用级专业护肤风,极简清晰,干净易读,与整套详情页视觉统一。 [元素布局] 画面顶部为标题区;下方横向排列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分辨率,文字清晰可辨,高清画质。
[负向提示词] 线条模糊,文字错乱,水印,背景杂乱,颜色偏差,卡片变形,医疗化表述。
参考图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",底部三行说明文字为"脖子及其他部位 / 也按照上述方法 / 均匀涂抹吸收即可"。整体色彩搭配克制高级,仅以黑色线稿与文字、暖金色序号、浅蓝色背景构成画面,色调统一柔和,排版严谨规整,信息层级清晰,图文比例协调,留白舒适,符合高端护肤品类详情页的简约质感,画面精致专业、直观易懂,完美适配正方形电商详情页使用说明模块。
[第4屏] 第一步护理教程:清水洁面步骤讲解。 [氛围/风格] 简约步骤科普风,干净清新,浅米白底色,步骤清晰直观。 [元素布局] 顶部大数字序号+步骤标题,中间展示日常清水洁面的示意图:手捧温水轻拂面部,背景干净简洁,右侧添加核心要点提示框,底部补充特殊肤质说明,整体上下分层,信息层级清晰,主体突出。 [光影质感] 柔和均匀顶光,画面明亮干净,没有多余阴影,示意图清晰,文字易读。 [配色色系] 全局底色:#F8F9FA(浅米白);序号大数字:#A8DADC(浅青半透明);标题:#1D3557(深蓝);要点提示框底色:#E8F4F5(极浅青);正文文字:#457B9D(中蓝)。 [视角构图] 纵向单栏排版,上标题,中示意图,下要点,阅读动线清晰,符合移动端浏览习惯。 [文字版式] 左上角放置大数字半透明"1"作为序号装饰,主标题在数字右侧:"第一步 清水洁面",深蓝加粗;中间示意图下方,右侧提示框列出核心要点: "· 敏感干皮建议全程不使用洁面 · 水温选择常温清水 · 避免过度清洁损伤屏障" 每条要点前面带圆点标记,左对齐;页面底部补充提示:"过度清洁会加重皮肤干燥起皮",浅灰小字居中。文字大小适中,移动端清晰可读。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。 [负向提示词] 文字模糊,文字错乱,示意图变形,颜色偏差,水印,背景杂乱,信息拥挤。[第4屏] 第一步护理教程:清水洁面步骤讲解。
[氛围/风格] 简约步骤科普风,干净清新,浅米白底色,步骤清晰直观。
[元素布局] 顶部大数字序号+步骤标题,中间展示日常清水洁面的示意图:手捧温水轻拂面部,背景干净简洁,右侧添加核心要点提示框,底部补充特殊肤质说明,整体上下分层,信息层级清晰,主体突出。
[光影质感] 柔和均匀顶光,画面明亮干净,没有多余阴影,示意图清晰,文字易读。
[配色色系] 全局底色:#F8F9FA(浅米白);序号大数字:#A8DADC(浅青半透明);标题:#1D3557(深蓝);要点提示框底色:#E8F4F5(极浅青);正文文字:#457B9D(中蓝)。
[视角构图] 纵向单栏排版,上标题,中示意图,下要点,阅读动线清晰,符合移动端浏览习惯。
[文字版式] 左上角放置大数字半透明"1"作为序号装饰,主标题在数字右侧:"第一步 清水洁面",深蓝加粗;中间示意图下方,右侧提示框列出核心要点:
"· 敏感干皮建议全程不使用洁面
· 水温选择常温清水
· 避免过度清洁损伤屏障"
每条要点前面带圆点标记,左对齐;页面底部补充提示:"过度清洁会加重皮肤干燥起皮",浅灰小字居中。文字大小适中,移动端清晰可读。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,超高清。
[负向提示词] 文字模糊,文字错乱,示意图变形,颜色偏差,水印,背景杂乱,信息拥挤。