京东详情页数据卡片+折线图组合排版,纯哑光浅棕纯色柔光背景,专… - 图片创意预览

京东详情页数据卡片+折线图组合排版,纯哑光浅棕纯色柔光背景,专…

京东详情页数据卡片+折线图组合排版,纯哑光浅棕纯色柔光背景,专业数据报告风格,理性客观。顶部金色主标题"看见检测|超 7000 人次大样本真人眼周实测",次级标题"超大样本量实测,数据真实可追溯,远超

用户头像

GD817137866

2026.06.09
[第5屏] 实测功效数据展示-人体功效实测数据可视化。本屏为数据时效型专屏。 [氛围/风格] 专业科研风,数据可视化,权威可信,清新国风点缀,大数字占屏。 [元素布局] 画面顶部标题区;中部四大数据卡片2×2排列,每卡含大号百分比数字+指标名称+时间维度;卡片设计为圆角白底+浅绿描边,每卡左上角有小图标(水滴/红斑/表皮/pH试纸);背景为浅灰绿渐变,底部有「人体功效实测」徽章;数据数字为画面主视觉,单卡数字占卡片面积40%以上;右下角小字备注「数据来源于人体功效实测,个体使用存在差异」。 [光影质感] 均匀平面光,卡片轻微悬浮投影,数字有光泽感,整体干净专业。 [配色色系] 全局底色 #F2F5EE(浅灰绿);主色 #3D6B3D(深墨绿);辅助色 #C9A961(暗金)、#FFFFFF(纯白)。 [视角构图] 网格布局,顶部标题→中部四宫格数据→底部备注说明,规整清晰。 [文字版式] 顶部主标题「实测功效 眼见为实」,副标题「经人体功效实测验证」;四宫格数据:左上「长效保湿」+大数字「+13.84%」+小字「28天 角质层水分↑」;右上「舒缓泛红」+大数字「-11.27%」+小字「28天 红斑指数EI↓」;左下「屏障修护」+大数字「+7.17%」+小字「28天 表皮厚度↑」;右下「弱酸环境」+大数字「pH5.85」+小字「28天 健康弱酸范围」;底部备注小号灰色字;数字超大号加粗,标题清晰可读。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 文字错乱,数字错误,文字过小,水印,背景杂乱,人物出现[第5屏] 实测功效数据展示-人体功效实测数据可视化。本屏为数据时效型专屏。
[氛围/风格] 专业科研风,数据可视化,权威可信,清新国风点缀,大数字占屏。
[元素布局] 画面顶部标题区;中部四大数据卡片2×2排列,每卡含大号百分比数字+指标名称+时间维度;卡片设计为圆角白底+浅绿描边,每卡左上角有小图标(水滴/红斑/表皮/pH试纸);背景为浅灰绿渐变,底部有「人体功效实测」徽章;数据数字为画面主视觉,单卡数字占卡片面积40%以上;右下角小字备注「数据来源于人体功效实测,个体使用存在差异」。
[光影质感] 均匀平面光,卡片轻微悬浮投影,数字有光泽感,整体干净专业。
[配色色系] 全局底色 #F2F5EE(浅灰绿);主色 #3D6B3D(深墨绿);辅助色 #C9A961(暗金)、#FFFFFF(纯白)。
[视角构图] 网格布局,顶部标题→中部四宫格数据→底部备注说明,规整清晰。
[文字版式] 顶部主标题「实测功效 眼见为实」,副标题「经人体功效实测验证」;四宫格数据:左上「长效保湿」+大数字「+13.84%」+小字「28天 角质层水分↑」;右上「舒缓泛红」+大数字「-11.27%」+小字「28天 红斑指数EI↓」;左下「屏障修护」+大数字「+7.17%」+小字「28天 表皮厚度↑」;右下「弱酸环境」+大数字「pH5.85」+小字「28天 健康弱酸范围」;底部备注小号灰色字;数字超大号加粗,标题清晰可读。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 文字错乱,数字错误,文字过小,水印,背景杂乱,人物出现
[商品] 使用【图1】磨砂茶棕唇油膜罐体的科研数据概念;本页为数据可视化信息页,以数据卡片为主体,产品元素融入科研风格。 [画面] 第三方检测功效数据可视化屏,顶部标题区,中部规整矩阵式数据卡片,底部注释文字;画面主体4组圆角矩形数据卡片2×2矩阵排布;全部左对齐,区块间距宽松,大量留白;纯白干净背景,科研图表版式;细浅棕分割线条点缀;纯粹科研信息可视化风格。 [视觉] 套系策略:风格=极简科研高级风信息可视化;标题字=现代粗体无衬线字体;正文字=纤细无衬线体;主色=磨砂茶棕+纯白;背景延展=纯白干净背景,细腻纸张质感;强调色=浅金色(仅小面积数据高亮用);标题色=纯黑色;正文色=浅棕褐色;组件=圆角矩形数据卡片、细浅棕分割线条;光影=漫射均匀柔光,平面化科研版式,无强烈阴影。 [文字] 画面上1/4居左主标题「温和代谢老废角质,守护唇部屏障」,粗体黑色大字体;主标题下方副标题「改善唇纹,提升唇部平滑弹性」,纤细浅棕小字;2×2矩阵数据卡片:左上「唇纹体积 -26.13%」,右上「平滑度 +24.46%」,左下「弹性 +34.98%」,右下「光泽 +29.85%」;每组卡片包含指标名称(浅棕小字)+变化百分比(黑色粗体大字);页面最底部居左小号注释文本:「实验数据来自第三方检测机构,实际效果因人而异」;所有文字横向排版。 [规格] 图片比例2:3竖版,300dpi,4K分辨率;负向提示:避免多余图案、杂乱装饰、比例失衡、色彩失真、文字竖排、冷蓝冷灰调背景、文字过小不可读、数据错误。[商品] 使用【图1】磨砂茶棕唇油膜罐体的科研数据概念;本页为数据可视化信息页,以数据卡片为主体,产品元素融入科研风格。
[画面] 第三方检测功效数据可视化屏,顶部标题区,中部规整矩阵式数据卡片,底部注释文字;画面主体4组圆角矩形数据卡片2×2矩阵排布;全部左对齐,区块间距宽松,大量留白;纯白干净背景,科研图表版式;细浅棕分割线条点缀;纯粹科研信息可视化风格。
[视觉] 套系策略:风格=极简科研高级风信息可视化;标题字=现代粗体无衬线字体;正文字=纤细无衬线体;主色=磨砂茶棕+纯白;背景延展=纯白干净背景,细腻纸张质感;强调色=浅金色(仅小面积数据高亮用);标题色=纯黑色;正文色=浅棕褐色;组件=圆角矩形数据卡片、细浅棕分割线条;光影=漫射均匀柔光,平面化科研版式,无强烈阴影。
[文字] 画面上1/4居左主标题「温和代谢老废角质,守护唇部屏障」,粗体黑色大字体;主标题下方副标题「改善唇纹,提升唇部平滑弹性」,纤细浅棕小字;2×2矩阵数据卡片:左上「唇纹体积 -26.13%」,右上「平滑度 +24.46%」,左下「弹性 +34.98%」,右下「光泽 +29.85%」;每组卡片包含指标名称(浅棕小字)+变化百分比(黑色粗体大字);页面最底部居左小号注释文本:「实验数据来自第三方检测机构,实际效果因人而异」;所有文字横向排版。
[规格] 图片比例2:3竖版,300dpi,4K分辨率;负向提示:避免多余图案、杂乱装饰、比例失衡、色彩失真、文字竖排、冷蓝冷灰调背景、文字过小不可读、数据错误。
[第5屏] 核心功效详解三:保湿修护·强韧屏障,ALIVAYA焕白抗老精华液。 [氛围/风格] 专业科学护肤风,暖金轻奢质感,通透干净,可视化表达。 [元素布局] 页面顶部是功效标题区域,下半部分分为左右两个可视化区域,左侧展示皮肤屏障修护示意图,用分层结构画出健康屏障和修护后的状态,右侧展示精华吸收前后皮肤含水量对比柱状图,直观呈现保湿效果。整体布局分区清晰,图文平衡。 [光影质感] 整体光线均匀柔和,示意图层次清晰,柱状图对比明显,整体通透干净,文字区域明亮清晰。 [配色色系] 全局底色:#FFF9F2(米白色);示意图:暖金色线条+浅琥珀色填充;柱状图:金色+浅棕色渐变;标题:金色+深棕色;文字:深棕色。 [视角构图] 竖版从上到下构图,标题顶部通栏,下半部分左右分栏,符合移动端阅读顺序。 [文字版式] 顶部通栏主标题:「润而不油,撑起满脸元气」,加粗深棕色无衬线字体,金色描边;标题下方是功效说明文案:「透明质酸与修护成分结合,深层补水锁水,帮助修护受损屏障,提升皮肤水润度与防御力」,常规深棕色字体,行间距舒适,移动端清晰可读;左右分栏分别标注「屏障修护原理」「含水量对比」小字标签,排版清晰。 [比例分辨率] 9:16竖版比例,4K分辨率,文字清晰移动端可读。 [负向提示词] 示意图错乱,对比夸张,文字模糊,背景杂乱,水印,夸大表达,医疗术语[第5屏] 核心功效详解三:保湿修护·强韧屏障,ALIVAYA焕白抗老精华液。
[氛围/风格] 专业科学护肤风,暖金轻奢质感,通透干净,可视化表达。
[元素布局] 页面顶部是功效标题区域,下半部分分为左右两个可视化区域,左侧展示皮肤屏障修护示意图,用分层结构画出健康屏障和修护后的状态,右侧展示精华吸收前后皮肤含水量对比柱状图,直观呈现保湿效果。整体布局分区清晰,图文平衡。
[光影质感] 整体光线均匀柔和,示意图层次清晰,柱状图对比明显,整体通透干净,文字区域明亮清晰。
[配色色系] 全局底色:#FFF9F2(米白色);示意图:暖金色线条+浅琥珀色填充;柱状图:金色+浅棕色渐变;标题:金色+深棕色;文字:深棕色。
[视角构图] 竖版从上到下构图,标题顶部通栏,下半部分左右分栏,符合移动端阅读顺序。
[文字版式] 顶部通栏主标题:「润而不油,撑起满脸元气」,加粗深棕色无衬线字体,金色描边;标题下方是功效说明文案:「透明质酸与修护成分结合,深层补水锁水,帮助修护受损屏障,提升皮肤水润度与防御力」,常规深棕色字体,行间距舒适,移动端清晰可读;左右分栏分别标注「屏障修护原理」「含水量对比」小字标签,排版清晰。
[比例分辨率] 9:16竖版比例,4K分辨率,文字清晰移动端可读。
[负向提示词] 示意图错乱,对比夸张,文字模糊,背景杂乱,水印,夸大表达,医疗术语
[功效认证介绍页] 雪御方子鱼子酱法式香氛沐浴露功效认证页。 [氛围/风格] 极简高级质感风,干净通透,光影柔和高级,低饱和色调,适合沐浴露详情页功效板块展示。 [元素布局] 顶部留出标题区域,主体部分居中放大展示一份检验检测报告,报告使用原图(https://gdesign-dam-hz.dancf.com/36814491949846595/bacd5d1148b344ba8d61dd8c0ba4a053.jpg),保持报告内容真实可辨认,用简约的暖棕色放大镜圈出关键结论"具有48h留香效果和48h保湿功效",在报告右侧搭配一滴乳白色沐浴露液体特写,液体质感通透柔和。主体下方分两行,第一行标题为"① 48h长效保湿功效认证",标题下方放置【图1】保湿功效检测报告缩略图;第二行标题为"② 48h持久留香功效认证",标题下方放置【图2】留香功效检测报告缩略图,两张缩略图横向整齐排列,大小一致,风格统一不杂乱。整体无多余装饰。 [光影质感] 整体光影柔和均匀,主光从上方打亮报告主体,辅光柔化边缘,产品液体特写和两张检测报告缩略图都呈现通透高级质感,阴影柔和不生硬,整体画面干净清晰,所有文字内容清晰可辨认。 [配色色系] 全局背景为低饱和暖杏色向米白色渐变,主标题和副标题使用暖棕色纤细衬线字体,功效文字使用金色,放大镜轮廓为暖棕色,整体色调统一和谐,符合极简高级风格。 [文字版式] 顶部:大标题"双重实力认证 水润留香看得见",副标题"科学检测 养肤效果更安心",大标题字号更大,副标题位于主标题下方居中。主体下方核心功效分两行排列,每张检测报告缩略图对应相应功效标题,文字清晰工整。文字全部使用纤细衬线字体,颜色符合配色要求,文字不遮挡报告主体内容。 [比例分辨率] 竖版750*1000,宽高比3:4,4K分辨率,文字清晰可辨。 [负向提示词] 杂乱背景、刺眼光线、高饱和色彩、卡通元素、人物、多余装饰、模糊不清、夸张设计、文字错乱、报告内容变形、水印,与用户要求一致[功效认证介绍页] 雪御方子鱼子酱法式香氛沐浴露功效认证页。
[氛围/风格] 极简高级质感风,干净通透,光影柔和高级,低饱和色调,适合沐浴露详情页功效板块展示。
[元素布局] 顶部留出标题区域,主体部分居中放大展示一份检验检测报告,报告使用原图(https://gdesign-dam-hz.dancf.com/36814491949846595/bacd5d1148b344ba8d61dd8c0ba4a053.jpg),保持报告内容真实可辨认,用简约的暖棕色放大镜圈出关键结论"具有48h留香效果和48h保湿功效",在报告右侧搭配一滴乳白色沐浴露液体特写,液体质感通透柔和。主体下方分两行,第一行标题为"① 48h长效保湿功效认证",标题下方放置【图1】保湿功效检测报告缩略图;第二行标题为"② 48h持久留香功效认证",标题下方放置【图2】留香功效检测报告缩略图,两张缩略图横向整齐排列,大小一致,风格统一不杂乱。整体无多余装饰。
[光影质感] 整体光影柔和均匀,主光从上方打亮报告主体,辅光柔化边缘,产品液体特写和两张检测报告缩略图都呈现通透高级质感,阴影柔和不生硬,整体画面干净清晰,所有文字内容清晰可辨认。
[配色色系] 全局背景为低饱和暖杏色向米白色渐变,主标题和副标题使用暖棕色纤细衬线字体,功效文字使用金色,放大镜轮廓为暖棕色,整体色调统一和谐,符合极简高级风格。
[文字版式] 顶部:大标题"双重实力认证 水润留香看得见",副标题"科学检测 养肤效果更安心",大标题字号更大,副标题位于主标题下方居中。主体下方核心功效分两行排列,每张检测报告缩略图对应相应功效标题,文字清晰工整。文字全部使用纤细衬线字体,颜色符合配色要求,文字不遮挡报告主体内容。
[比例分辨率] 竖版750*1000,宽高比3:4,4K分辨率,文字清晰可辨。
[负向提示词] 杂乱背景、刺眼光线、高饱和色彩、卡通元素、人物、多余装饰、模糊不清、夸张设计、文字错乱、报告内容变形、水印,与用户要求一致
[第2屏] 肌肤初老认知 - OK&US丝蛋白抗皱干膜痛点分析页。本屏为信息说明屏,不使用产品外观图。 [氛围/风格] 极简轻奢院线风,克制专业,信息图表化呈现,不制造焦虑,柔和理性。 [元素布局] 画面上方为标题区,中部左侧为年龄-胶原变化折线图(横轴25-45岁,纵轴胶原蛋白含量,曲线从30岁后平缓下降),折线为鎏金色,数据点用小圆点标注;中部右侧为肌肤结构对比示意图(上方饱满年轻肌肤截面,下方松弛初老肌肤截面),用极简线条绘制,暖棕色调;下方四个圆角矩形痛点卡片横排。 [光影质感] 均匀柔光,无强烈阴影,整体明亮通透,图表元素清晰易读。 [配色色系] 全局底色 #FAF5EE 奶杏白;主色 #C9A96E 哑光鎏金;辅助色 #8B7355 低饱和暖棕;文字色 #5C4A3A 深暖棕。 [视角构图] 竖版信息图布局,阅读动线:顶部标题 → 中部左图右文 → 底部痛点卡片。大面积留白。 [文字版式] 顶部居中标题「胶原随龄流失 肌肤初老显现」,精致字体,鎏金色;标题下方辅助文「年龄增长伴随胶原蛋白自然流失,干燥、干纹、松弛、暗沉相继出现」,细体深暖棕,居中;折线图旁配简短标注;底部四个等宽圆角卡片,分别写「干燥粗糙」「干纹细纹」「松弛垮感」「肤色暗沉」,奶白底鎏金边,卡片内文字居中。排版克制,信息疏密有致。 [比例分辨率] 9:16竖版比例,960px宽,4K分辨率,文字清晰可辨。 [负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,背景杂乱,焦虑感画面,医疗化图示。[第2屏] 肌肤初老认知 - OK&US丝蛋白抗皱干膜痛点分析页。本屏为信息说明屏,不使用产品外观图。
[氛围/风格] 极简轻奢院线风,克制专业,信息图表化呈现,不制造焦虑,柔和理性。
[元素布局] 画面上方为标题区,中部左侧为年龄-胶原变化折线图(横轴25-45岁,纵轴胶原蛋白含量,曲线从30岁后平缓下降),折线为鎏金色,数据点用小圆点标注;中部右侧为肌肤结构对比示意图(上方饱满年轻肌肤截面,下方松弛初老肌肤截面),用极简线条绘制,暖棕色调;下方四个圆角矩形痛点卡片横排。
[光影质感] 均匀柔光,无强烈阴影,整体明亮通透,图表元素清晰易读。
[配色色系] 全局底色 #FAF5EE 奶杏白;主色 #C9A96E 哑光鎏金;辅助色 #8B7355 低饱和暖棕;文字色 #5C4A3A 深暖棕。
[视角构图] 竖版信息图布局,阅读动线:顶部标题 → 中部左图右文 → 底部痛点卡片。大面积留白。
[文字版式] 顶部居中标题「胶原随龄流失 肌肤初老显现」,精致字体,鎏金色;标题下方辅助文「年龄增长伴随胶原蛋白自然流失,干燥、干纹、松弛、暗沉相继出现」,细体深暖棕,居中;折线图旁配简短标注;底部四个等宽圆角卡片,分别写「干燥粗糙」「干纹细纹」「松弛垮感」「肤色暗沉」,奶白底鎏金边,卡片内文字居中。排版克制,信息疏密有致。
[比例分辨率] 9:16竖版比例,960px宽,4K分辨率,文字清晰可辨。
[负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,背景杂乱,焦虑感画面,医疗化图示。
[第6屏] 纯净配方体系 - 纯净配方安心护肤。本屏为信任背书屏,不使用产品外观图。 [氛围/风格] 极简轻奢院线风,干净传递安全感,8个极简图标分两行排布,下方搭配检测报告缩略图。 [元素布局] 画面上方为标题区;中部8个极简图标分两行(每行4个)等距排列,每个图标为圆形鎏金线条图标,图标下方对应无添加成分名称;下方为检测报告缩略图(2-3张简约报告卡片,露出部分内容,模糊处理细节,只传递信任感);整体背景奶杏白,大面积留白。 [光影质感] 均匀柔光,无强烈阴影,图标精致清晰,整体干净明亮。 [配色色系] 全局底色 #FAF5EE 奶杏白;主色 #C9A96E 哑光鎏金;辅助色 #8B7355 低饱和暖棕;图标为鎏金线条。 [视角构图] 居中对称布局,阅读动线:顶部标题 → 中部8大无添加图标 → 底部检测报告。 [文字版式] 顶部居中标题「纯净配方 安心护肤」,精致字体,鎏金色;标题下方小字辅助文「8大无添加 温和亲肤」,细体暖棕色;8个图标分两行排列,每个图标下方对应文字:「无色素」「无酒精」「无矿物油」「无激素」「无香精」「无荧光剂」「无重金属」「无致敏成分」;文字为深暖棕色,字号适中;底部检测报告卡片上有「检测报告」字样和印章示意。排版克制,信息清晰。 [比例分辨率] 9:16竖版比例,960px宽,4K分辨率,文字清晰可辨。 [负向提示词] 变形,水印,文字错乱,文字过小,医疗认证,虚假资质,夸张承诺。[第6屏] 纯净配方体系 - 纯净配方安心护肤。本屏为信任背书屏,不使用产品外观图。
[氛围/风格] 极简轻奢院线风,干净传递安全感,8个极简图标分两行排布,下方搭配检测报告缩略图。
[元素布局] 画面上方为标题区;中部8个极简图标分两行(每行4个)等距排列,每个图标为圆形鎏金线条图标,图标下方对应无添加成分名称;下方为检测报告缩略图(2-3张简约报告卡片,露出部分内容,模糊处理细节,只传递信任感);整体背景奶杏白,大面积留白。
[光影质感] 均匀柔光,无强烈阴影,图标精致清晰,整体干净明亮。
[配色色系] 全局底色 #FAF5EE 奶杏白;主色 #C9A96E 哑光鎏金;辅助色 #8B7355 低饱和暖棕;图标为鎏金线条。
[视角构图] 居中对称布局,阅读动线:顶部标题 → 中部8大无添加图标 → 底部检测报告。
[文字版式] 顶部居中标题「纯净配方 安心护肤」,精致字体,鎏金色;标题下方小字辅助文「8大无添加 温和亲肤」,细体暖棕色;8个图标分两行排列,每个图标下方对应文字:「无色素」「无酒精」「无矿物油」「无激素」「无香精」「无荧光剂」「无重金属」「无致敏成分」;文字为深暖棕色,字号适中;底部检测报告卡片上有「检测报告」字样和印章示意。排版克制,信息清晰。
[比例分辨率] 9:16竖版比例,960px宽,4K分辨率,文字清晰可辨。
[负向提示词] 变形,水印,文字错乱,文字过小,医疗认证,虚假资质,夸张承诺。
[商品] 使用【图1】包装盒上的4大功效图标与文字作为内容参考;不直接使用包装盒,而是将4个功效转化为页面图标和文案。 [画面] 目标:痛点与功效对应说明页,让用户快速理解产品能解决什么问题。构图:2×2四宫格布局,每格对应一个眼部问题+解决方案,中间或顶部有总标题。景别:信息页,每格含小图标+短文案。阅读动线:从上到下、从左到右依次阅读。前中后景:浅底背景+信息卡片层+图标文字层,3层信息层级。场景:抽象化护眼场景,每格用淡色图标示意(眼睛+疲劳/干涩/湿润/循环)。 [视觉] 套系策略:风格=国内电商科技温润风商业摄影;标题字=现代无衬线粗黑体;正文字=简洁无衬线黑体;主色=雾蓝白;背景延展=基于雾蓝白做深浅层级,四宫格卡片用更浅的同色系圆角底;强调色=浅雾蓝,仅用于小面积图标和高亮标签;标题色=深灰蓝;正文色=中灰;组件=圆角信息卡片、细线眼睛图标;光影=平面柔光,卡片有轻微投影增加层次。 [文字] 顶部主标题「4重护眼神力 告别眼部不适」;四宫格每格:左上「舒缓眼部疲劳」配眼睛放松图标,右上「缓解眼睛干涩」配水滴眼睛图标,左下「保持眼部湿润」配湿润眼睛图标,右下「促进眼周血液循环」配循环箭头眼睛图标;每格标题下方有1行小字说明;所有文字横向排版,字号保证手机端清晰可读。 [规格] 图片比例9:16竖版,4K分辨率,负向提示:避免变形、错字、文字过小、医疗化承诺、夸张恐吓式痛点表达、冷蓝刺眼配色。[商品] 使用【图1】包装盒上的4大功效图标与文字作为内容参考;不直接使用包装盒,而是将4个功效转化为页面图标和文案。
[画面] 目标:痛点与功效对应说明页,让用户快速理解产品能解决什么问题。构图:2×2四宫格布局,每格对应一个眼部问题+解决方案,中间或顶部有总标题。景别:信息页,每格含小图标+短文案。阅读动线:从上到下、从左到右依次阅读。前中后景:浅底背景+信息卡片层+图标文字层,3层信息层级。场景:抽象化护眼场景,每格用淡色图标示意(眼睛+疲劳/干涩/湿润/循环)。
[视觉] 套系策略:风格=国内电商科技温润风商业摄影;标题字=现代无衬线粗黑体;正文字=简洁无衬线黑体;主色=雾蓝白;背景延展=基于雾蓝白做深浅层级,四宫格卡片用更浅的同色系圆角底;强调色=浅雾蓝,仅用于小面积图标和高亮标签;标题色=深灰蓝;正文色=中灰;组件=圆角信息卡片、细线眼睛图标;光影=平面柔光,卡片有轻微投影增加层次。
[文字] 顶部主标题「4重护眼神力 告别眼部不适」;四宫格每格:左上「舒缓眼部疲劳」配眼睛放松图标,右上「缓解眼睛干涩」配水滴眼睛图标,左下「保持眼部湿润」配湿润眼睛图标,右下「促进眼周血液循环」配循环箭头眼睛图标;每格标题下方有1行小字说明;所有文字横向排版,字号保证手机端清晰可读。
[规格] 图片比例9:16竖版,4K分辨率,负向提示:避免变形、错字、文字过小、医疗化承诺、夸张恐吓式痛点表达、冷蓝刺眼配色。
参考图1的版式风格,做一张欣怡美眼周修护霜功效详情页。左侧为女性眼部特写,右侧/底部为功效数据。配色严格遵循:浅灰底#F5F6F7、炭黑#1A1A1A、医用青#3D6B7A、纯白#FFFFFF、浅青底#E8EFF1。字体统一思源黑体。 [氛围/风格] 极简医美高级感,清冷专业,真实眼部肌肤质感,商业摄影质感。参考图1的大特写+数据模块版式。 [元素布局] 画面右侧约60%为白人女性眼部半脸特写,聚焦眼周肌肤,皮肤紧致光滑有光泽,眼神明亮;左侧约40%为文字功效区,背景浅灰#F5F6F7,带有淡淡的数字水印纹理;底部为三个功效数据模块横向排列;整体参考图1的构图比例。 [光影质感] 柔和冷调侧光照明,眼周肌肤呈现细腻质感,整体明亮干净,医用级洁净感。 [配色色系] 全局底色浅灰底#F5F6F7;主色医用青#3D6B7A;辅助色炭黑#1A1A1A、纯白#FFFFFF、浅青底#E8EFF1。 [视角构图] 正面微侧,眼部为视觉重心,阅读动线左上标题 → 左侧功效列表 → 底部数据模块。 [文字版式] 版式参考图1:左上大标题「眼周修护 焕亮双眸」,医用青#3D6B7A,思源黑体26pt粗体;左侧三大功效纵向排列,每功效配医用青圆形图标:1.「紧致眼周细纹」-滋润保湿 淡化眼周干纹细纹 眼周紧致平滑;2.「提亮肤色」-改善眼周暗沉 提亮眼周肤色 双眸明亮有神;3.「快速修复」-修护眼周受损肌肤 缓解干燥不适 质地温和好吸收;功效标题思源黑体16pt粗体炭黑#1A1A1A,说明思源黑体11pt炭黑#1A1A1A;底部三个浅青底#E8EFF1数据模块,每个模块内大数字+说明,如「紧致平滑」「提亮焕彩」「温和修护」,思源黑体;字体统一思源黑体,层级清晰(26pt/16pt/11pt三级以上)。 [比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 人物变形,眼部不自然,颜色偏差(出现金色/暖色调),文字错乱,文字过小,水印,背景杂乱。参考图1的版式风格,做一张欣怡美眼周修护霜功效详情页。左侧为女性眼部特写,右侧/底部为功效数据。配色严格遵循:浅灰底#F5F6F7、炭黑#1A1A1A、医用青#3D6B7A、纯白#FFFFFF、浅青底#E8EFF1。字体统一思源黑体。
[氛围/风格] 极简医美高级感,清冷专业,真实眼部肌肤质感,商业摄影质感。参考图1的大特写+数据模块版式。
[元素布局] 画面右侧约60%为白人女性眼部半脸特写,聚焦眼周肌肤,皮肤紧致光滑有光泽,眼神明亮;左侧约40%为文字功效区,背景浅灰#F5F6F7,带有淡淡的数字水印纹理;底部为三个功效数据模块横向排列;整体参考图1的构图比例。
[光影质感] 柔和冷调侧光照明,眼周肌肤呈现细腻质感,整体明亮干净,医用级洁净感。
[配色色系] 全局底色浅灰底#F5F6F7;主色医用青#3D6B7A;辅助色炭黑#1A1A1A、纯白#FFFFFF、浅青底#E8EFF1。
[视角构图] 正面微侧,眼部为视觉重心,阅读动线左上标题 → 左侧功效列表 → 底部数据模块。
[文字版式] 版式参考图1:左上大标题「眼周修护 焕亮双眸」,医用青#3D6B7A,思源黑体26pt粗体;左侧三大功效纵向排列,每功效配医用青圆形图标:1.「紧致眼周细纹」-滋润保湿 淡化眼周干纹细纹 眼周紧致平滑;2.「提亮肤色」-改善眼周暗沉 提亮眼周肤色 双眸明亮有神;3.「快速修复」-修护眼周受损肌肤 缓解干燥不适 质地温和好吸收;功效标题思源黑体16pt粗体炭黑#1A1A1A,说明思源黑体11pt炭黑#1A1A1A;底部三个浅青底#E8EFF1数据模块,每个模块内大数字+说明,如「紧致平滑」「提亮焕彩」「温和修护」,思源黑体;字体统一思源黑体,层级清晰(26pt/16pt/11pt三级以上)。
[比例分辨率] 9:16 竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 人物变形,眼部不自然,颜色偏差(出现金色/暖色调),文字错乱,文字过小,水印,背景杂乱。
[商品] 成分机理专页,无需垫产品图;重点展示防晒科技与保湿成分可视化效果。 [画面] 页面目标:解析高倍防晒科技与保湿成分,建立专业信任。构图:功效链路型,上中下三段式信息图,上段成分/结构,中段使用感,下段可感知结果。景别:成分分子与数据大视觉。前中后景:前景大号SPF50+数字与分子结构,中景3段功效链路卡片,背景浅蓝渐变与水润气泡元素。核心元素尺度:SPF50+大数字占画面30%以上,分子/气泡主视觉合计占画面50%以上。 [视觉] 套系策略:风格=韩系清新自然护肤风,暖调自然光,干净通透高级感;标题字=现代简约无衬线粗体,圆润亲和;正文字=简洁无衬线体,清晰易读;主色=暖米白+奶油杏;背景延展=基于暖米白做深浅层级、同色渐变和细腻织物/纸张质感,搭配浅木色与自然光影;强调色=暖阳橙黄(取自瓶盖色),仅用于小面积图标、引线、标签和高亮;标题色=深炭灰;正文色=中暖灰;组件=圆角浅底信息卡、细线引线、圆形icon底;光影=均匀柔光,水润高光,科技感通透。 [文字] 顶部主标题"高倍防护 养肤合一",3段功效链路:①"广谱防晒科技 长效阻隔UVA/UVB"②"水润保湿配方 防晒同时修护肌肤"③"温和低刺激 敏感肌也可安心使用",大号SPF50+ PA++++数字作为主视觉,配3个成分图标,文字横向排版,数据与成分说明清晰可读。 [规格] 图片比例3:4竖版,分辨率4K,负向提示:避免医疗功效承诺、虚假数据、冷蓝科技风过重、竖排文字、绝对化用语。[商品] 成分机理专页,无需垫产品图;重点展示防晒科技与保湿成分可视化效果。
[画面] 页面目标:解析高倍防晒科技与保湿成分,建立专业信任。构图:功效链路型,上中下三段式信息图,上段成分/结构,中段使用感,下段可感知结果。景别:成分分子与数据大视觉。前中后景:前景大号SPF50+数字与分子结构,中景3段功效链路卡片,背景浅蓝渐变与水润气泡元素。核心元素尺度:SPF50+大数字占画面30%以上,分子/气泡主视觉合计占画面50%以上。
[视觉] 套系策略:风格=韩系清新自然护肤风,暖调自然光,干净通透高级感;标题字=现代简约无衬线粗体,圆润亲和;正文字=简洁无衬线体,清晰易读;主色=暖米白+奶油杏;背景延展=基于暖米白做深浅层级、同色渐变和细腻织物/纸张质感,搭配浅木色与自然光影;强调色=暖阳橙黄(取自瓶盖色),仅用于小面积图标、引线、标签和高亮;标题色=深炭灰;正文色=中暖灰;组件=圆角浅底信息卡、细线引线、圆形icon底;光影=均匀柔光,水润高光,科技感通透。
[文字] 顶部主标题"高倍防护 养肤合一",3段功效链路:①"广谱防晒科技 长效阻隔UVA/UVB"②"水润保湿配方 防晒同时修护肌肤"③"温和低刺激 敏感肌也可安心使用",大号SPF50+ PA++++数字作为主视觉,配3个成分图标,文字横向排版,数据与成分说明清晰可读。
[规格] 图片比例3:4竖版,分辨率4K,负向提示:避免医疗功效承诺、虚假数据、冷蓝科技风过重、竖排文字、绝对化用语。
[第5屏] 详情页性能板块 - 多照度成像表现展示。 [氛围/风格] 数据对比科技风,清晰直观,专业可信。 [元素布局] 顶部大标题,下方说明文字,中部三行照度对比表格,底部备注文字,排版简洁整齐,表格每个单元格对应照度环境和成像表现,内容清晰分区。 [光影质感] 整体均匀打光,表格边框浅蓝色高亮,单元格浅底深字对比清晰,标题区域亮度高于表格,信息层级分明。 [配色色系] 全局底色 #0F172A,表格表头 #1E293B,表格单元格交替浅蓝和深蓝底,文字白色和浅灰,清晰易读。 [视角构图] 从上到下通栏排版,标题占比10%,说明占比10%,表格占比70%,备注占比10%,比例均衡,阅读流畅。 [文字版式] 顶部大标题「全梯度弱光环境 全彩清晰稳定」白色加粗居中;说明文字「从日常弱光到极限暗光 全场景保持高清全彩成像」浅灰色居中;表格三行: 第一行表头:环境照度 | 成像表现,浅蓝色字; 第二行内容:0.1Lux(黄昏弱光) | 色彩真实还原 细节清晰锐利 无明显噪点,白色字; 第三行内容:0.01Lux(深夜微光) | 全彩画面稳定 物体轮廓与纹理清晰可辨,白色字; 第四行内容:0.001Lux(极限暗光) | 依然实现全彩成像 核心特征可识别 表现优于行业主流方案,白色字; 底部备注浅灰色小字:注:以上为实验室标准环境测试表现,实际效果因具体场景略有差异。 所有表格文字对齐整齐,清晰不拥挤。 [比例分辨率] 3:4竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 水印,文字错乱,文字过小,表格错位,背景杂乱[第5屏] 详情页性能板块 - 多照度成像表现展示。
[氛围/风格] 数据对比科技风,清晰直观,专业可信。
[元素布局] 顶部大标题,下方说明文字,中部三行照度对比表格,底部备注文字,排版简洁整齐,表格每个单元格对应照度环境和成像表现,内容清晰分区。
[光影质感] 整体均匀打光,表格边框浅蓝色高亮,单元格浅底深字对比清晰,标题区域亮度高于表格,信息层级分明。
[配色色系] 全局底色 #0F172A,表格表头 #1E293B,表格单元格交替浅蓝和深蓝底,文字白色和浅灰,清晰易读。
[视角构图] 从上到下通栏排版,标题占比10%,说明占比10%,表格占比70%,备注占比10%,比例均衡,阅读流畅。
[文字版式] 顶部大标题「全梯度弱光环境 全彩清晰稳定」白色加粗居中;说明文字「从日常弱光到极限暗光 全场景保持高清全彩成像」浅灰色居中;表格三行:
第一行表头:环境照度 | 成像表现,浅蓝色字;
第二行内容:0.1Lux(黄昏弱光) | 色彩真实还原 细节清晰锐利 无明显噪点,白色字;
第三行内容:0.01Lux(深夜微光) | 全彩画面稳定 物体轮廓与纹理清晰可辨,白色字;
第四行内容:0.001Lux(极限暗光) | 依然实现全彩成像 核心特征可识别 表现优于行业主流方案,白色字;
底部备注浅灰色小字:注:以上为实验室标准环境测试表现,实际效果因具体场景略有差异。
所有表格文字对齐整齐,清晰不拥挤。
[比例分辨率] 3:4竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 水印,文字错乱,文字过小,表格错位,背景杂乱
[第5屏] 详情页性能板块 - 多照度成像表现展示。 [氛围/风格] 数据对比科技风,清晰直观,专业可信。 [元素布局] 顶部大标题,下方说明文字,中部三行照度对比表格,底部备注文字,排版简洁整齐,表格每个单元格对应照度环境和成像表现,内容清晰分区。 [光影质感] 整体均匀打光,表格边框浅蓝色高亮,单元格浅底深字对比清晰,标题区域亮度高于表格,信息层级分明。 [配色色系] 全局底色 #0F172A,表格表头 #1E293B,表格单元格交替浅蓝和深蓝底,文字白色和浅灰,清晰易读。 [视角构图] 从上到下通栏排版,标题占比10%,说明占比10%,表格占比70%,备注占比10%,比例均衡,阅读流畅。 [文字版式] 顶部大标题「全梯度弱光环境 全彩清晰稳定」白色加粗居中;说明文字「从日常弱光到极限暗光 全场景保持高清全彩成像」浅灰色居中;表格三行: 第一行表头:环境照度 | 成像表现,浅蓝色字; 第二行内容:0.1Lux(黄昏弱光) | 色彩真实还原 细节清晰锐利 无明显噪点,白色字; 第三行内容:0.01Lux(深夜微光) | 全彩画面稳定 物体轮廓与纹理清晰可辨,白色字; 第四行内容:0.001Lux(极限暗光) | 依然实现全彩成像 核心特征可识别 表现优于行业主流方案,白色字; 底部备注浅灰色小字:注:以上为实验室标准环境测试表现,实际效果因具体场景略有差异。 所有表格文字对齐整齐,清晰不拥挤。 [比例分辨率] 3:4竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 水印,文字错乱,文字过小,表格错位,背景杂乱[第5屏] 详情页性能板块 - 多照度成像表现展示。
[氛围/风格] 数据对比科技风,清晰直观,专业可信。
[元素布局] 顶部大标题,下方说明文字,中部三行照度对比表格,底部备注文字,排版简洁整齐,表格每个单元格对应照度环境和成像表现,内容清晰分区。
[光影质感] 整体均匀打光,表格边框浅蓝色高亮,单元格浅底深字对比清晰,标题区域亮度高于表格,信息层级分明。
[配色色系] 全局底色 #0F172A,表格表头 #1E293B,表格单元格交替浅蓝和深蓝底,文字白色和浅灰,清晰易读。
[视角构图] 从上到下通栏排版,标题占比10%,说明占比10%,表格占比70%,备注占比10%,比例均衡,阅读流畅。
[文字版式] 顶部大标题「全梯度弱光环境 全彩清晰稳定」白色加粗居中;说明文字「从日常弱光到极限暗光 全场景保持高清全彩成像」浅灰色居中;表格三行:
第一行表头:环境照度 | 成像表现,浅蓝色字;
第二行内容:0.1Lux(黄昏弱光) | 色彩真实还原 细节清晰锐利 无明显噪点,白色字;
第三行内容:0.01Lux(深夜微光) | 全彩画面稳定 物体轮廓与纹理清晰可辨,白色字;
第四行内容:0.001Lux(极限暗光) | 依然实现全彩成像 核心特征可识别 表现优于行业主流方案,白色字;
底部备注浅灰色小字:注:以上为实验室标准环境测试表现,实际效果因具体场景略有差异。
所有表格文字对齐整齐,清晰不拥挤。
[比例分辨率] 3:4竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 水印,文字错乱,文字过小,表格错位,背景杂乱
[第5屏] 详情页性能板块 - 多照度成像表现展示。 [氛围/风格] 数据对比科技风,清晰直观,专业可信。 [元素布局] 顶部大标题,下方说明文字,中部三行照度对比表格,底部备注文字,排版简洁整齐,表格每个单元格对应照度环境和成像表现,内容清晰分区。 [光影质感] 整体均匀打光,表格边框浅蓝色高亮,单元格浅底深字对比清晰,标题区域亮度高于表格,信息层级分明。 [配色色系] 全局底色 #0F172A,表格表头 #1E293B,表格单元格交替浅蓝和深蓝底,文字白色和浅灰,清晰易读。 [视角构图] 从上到下通栏排版,标题占比10%,说明占比10%,表格占比70%,备注占比10%,比例均衡,阅读流畅。 [文字版式] 顶部大标题「全梯度弱光环境 全彩清晰稳定」白色加粗居中;说明文字「从日常弱光到极限暗光 全场景保持高清全彩成像」浅灰色居中;表格三行: 第一行表头:环境照度 | 成像表现,浅蓝色字; 第二行内容:0.1Lux(黄昏弱光) | 色彩真实还原 细节清晰锐利 无明显噪点,白色字; 第三行内容:0.01Lux(深夜微光) | 全彩画面稳定 物体轮廓与纹理清晰可辨,白色字; 第四行内容:0.001Lux(极限暗光) | 依然实现全彩成像 核心特征可识别 表现优于行业主流方案,白色字; 底部备注浅灰色小字:注:以上为实验室标准环境测试表现,实际效果因具体场景略有差异。 所有表格文字对齐整齐,清晰不拥挤。 [比例分辨率] 3:4竖版比例,4K分辨率,文字清晰可辨,高清画质。 [负向提示词] 水印,文字错乱,文字过小,表格错位,背景杂乱[第5屏] 详情页性能板块 - 多照度成像表现展示。
[氛围/风格] 数据对比科技风,清晰直观,专业可信。
[元素布局] 顶部大标题,下方说明文字,中部三行照度对比表格,底部备注文字,排版简洁整齐,表格每个单元格对应照度环境和成像表现,内容清晰分区。
[光影质感] 整体均匀打光,表格边框浅蓝色高亮,单元格浅底深字对比清晰,标题区域亮度高于表格,信息层级分明。
[配色色系] 全局底色 #0F172A,表格表头 #1E293B,表格单元格交替浅蓝和深蓝底,文字白色和浅灰,清晰易读。
[视角构图] 从上到下通栏排版,标题占比10%,说明占比10%,表格占比70%,备注占比10%,比例均衡,阅读流畅。
[文字版式] 顶部大标题「全梯度弱光环境 全彩清晰稳定」白色加粗居中;说明文字「从日常弱光到极限暗光 全场景保持高清全彩成像」浅灰色居中;表格三行:
第一行表头:环境照度 | 成像表现,浅蓝色字;
第二行内容:0.1Lux(黄昏弱光) | 色彩真实还原 细节清晰锐利 无明显噪点,白色字;
第三行内容:0.01Lux(深夜微光) | 全彩画面稳定 物体轮廓与纹理清晰可辨,白色字;
第四行内容:0.001Lux(极限暗光) | 依然实现全彩成像 核心特征可识别 表现优于行业主流方案,白色字;
底部备注浅灰色小字:注:以上为实验室标准环境测试表现,实际效果因具体场景略有差异。
所有表格文字对齐整齐,清晰不拥挤。
[比例分辨率] 3:4竖版比例,4K分辨率,文字清晰可辨,高清画质。
[负向提示词] 水印,文字错乱,文字过小,表格错位,背景杂乱