[详情页-3] 服务方案拆解页,测试流程与三层级判定逻辑。 [… - 图片创意预览

[详情页-3] 服务方案拆解页,测试流程与三层级判定逻辑。 […

[详情页-3] 服务方案拆解页,测试流程与三层级判定逻辑。 [商品] 非实物数字服务,MBTI人格测试网站,核心功能是测出人格的高阶中阶低阶三个层级。 [画面] 页面目标是讲清测试怎么进行、三层级如何

用户头像

国缘客服

2026.09.04
[第6屏] 学习收获-你将获得什么。本屏使用【图1】作为参考,提取深紫色主色调和6项收获内容。 [氛围/风格] 浅紫白色收获清单风格,图标卡片式布局,价值感强。 [元素布局] 顶部标题区,下方2列3行共6个收获卡片,每张卡片有圆形装饰图形和标题说明文字;背景为浅紫渐变白色,卡片为白色圆角矩形带浅紫色边框;三层结构:顶部标题层、中间6宫格卡片层、底部留白层。 [光影质感] 整体明亮干净,卡片有轻微投影增加立体感,文字区域清晰锐利。 [配色色系] 全局底色 #F5F0FA 浅紫白色;主色深紫色 #2D1B4E 标题文字;辅助色紫色 #7B68A8 圆形装饰背景;点缀色金色 #D4AF37 装饰元素。 [视角构图] 竖版2列宫格构图,阅读动线从左到右从上到下,视觉焦点在卡片标题和图标区域。 [文字版式] 顶部英文小字装饰「WHAT YOU WILL GAIN」;主标题「你将获得什么」深紫色加粗居中;6个收获卡片依次为:「解码全新自我」、「6个维度声音点评」、「1v1心理建设」、「主播定位」、「直播中答疑」、「直播中连麦」;每张卡片上方有紫色圆形装饰图形,下方有标题文字和简短说明小字。文字清晰可读,层级分明。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨。 [负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,图标模糊,人物出现。[第6屏] 学习收获-你将获得什么。本屏使用【图1】作为参考,提取深紫色主色调和6项收获内容。
[氛围/风格] 浅紫白色收获清单风格,图标卡片式布局,价值感强。
[元素布局] 顶部标题区,下方2列3行共6个收获卡片,每张卡片有圆形装饰图形和标题说明文字;背景为浅紫渐变白色,卡片为白色圆角矩形带浅紫色边框;三层结构:顶部标题层、中间6宫格卡片层、底部留白层。
[光影质感] 整体明亮干净,卡片有轻微投影增加立体感,文字区域清晰锐利。
[配色色系] 全局底色 #F5F0FA 浅紫白色;主色深紫色 #2D1B4E 标题文字;辅助色紫色 #7B68A8 圆形装饰背景;点缀色金色 #D4AF37 装饰元素。
[视角构图] 竖版2列宫格构图,阅读动线从左到右从上到下,视觉焦点在卡片标题和图标区域。
[文字版式] 顶部英文小字装饰「WHAT YOU WILL GAIN」;主标题「你将获得什么」深紫色加粗居中;6个收获卡片依次为:「解码全新自我」、「6个维度声音点评」、「1v1心理建设」、「主播定位」、「直播中答疑」、「直播中连麦」;每张卡片上方有紫色圆形装饰图形,下方有标题文字和简短说明小字。文字清晰可读,层级分明。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨。
[负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,图标模糊,人物出现。
[第6屏] 学习收获-你将获得什么。本屏使用【图1】作为参考,提取深紫色主色调和6项收获内容。 [氛围/风格] 浅紫白色收获清单风格,图标卡片式布局,价值感强。 [元素布局] 顶部标题区,下方2列3行共6个收获卡片,每张卡片有圆形装饰图形和标题说明文字;背景为浅紫渐变白色,卡片为白色圆角矩形带浅紫色边框;三层结构:顶部标题层、中间6宫格卡片层、底部留白层。 [光影质感] 整体明亮干净,卡片有轻微投影增加立体感,文字区域清晰锐利。 [配色色系] 全局底色 #F5F0FA 浅紫白色;主色深紫色 #2D1B4E 标题文字;辅助色紫色 #7B68A8 圆形装饰背景;点缀色金色 #D4AF37 装饰元素。 [视角构图] 竖版2列宫格构图,阅读动线从左到右从上到下,视觉焦点在卡片标题和图标区域。 [文字版式] 顶部英文小字装饰「WHAT YOU WILL GAIN」;主标题「你将获得什么」深紫色加粗居中;6个收获卡片依次为:「解码全新自我」、「6个维度声音点评」、「1v1心理建设」、「主播定位」、「直播中答疑」、「直播中连麦」;每张卡片上方有紫色圆形装饰图形,下方有标题文字和简短说明小字。文字清晰可读,层级分明。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨。 [负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,图标模糊,人物出现。[第6屏] 学习收获-你将获得什么。本屏使用【图1】作为参考,提取深紫色主色调和6项收获内容。
[氛围/风格] 浅紫白色收获清单风格,图标卡片式布局,价值感强。
[元素布局] 顶部标题区,下方2列3行共6个收获卡片,每张卡片有圆形装饰图形和标题说明文字;背景为浅紫渐变白色,卡片为白色圆角矩形带浅紫色边框;三层结构:顶部标题层、中间6宫格卡片层、底部留白层。
[光影质感] 整体明亮干净,卡片有轻微投影增加立体感,文字区域清晰锐利。
[配色色系] 全局底色 #F5F0FA 浅紫白色;主色深紫色 #2D1B4E 标题文字;辅助色紫色 #7B68A8 圆形装饰背景;点缀色金色 #D4AF37 装饰元素。
[视角构图] 竖版2列宫格构图,阅读动线从左到右从上到下,视觉焦点在卡片标题和图标区域。
[文字版式] 顶部英文小字装饰「WHAT YOU WILL GAIN」;主标题「你将获得什么」深紫色加粗居中;6个收获卡片依次为:「解码全新自我」、「6个维度声音点评」、「1v1心理建设」、「主播定位」、「直播中答疑」、「直播中连麦」;每张卡片上方有紫色圆形装饰图形,下方有标题文字和简短说明小字。文字清晰可读,层级分明。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨。
[负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,图标模糊,人物出现。
创意 × 1
[第6屏] 学习收获-你将获得什么。本屏使用【图1】作为参考,提取深紫色主色调和6项收获内容。 [氛围/风格] 浅紫白色收获清单风格,图标卡片式布局,价值感强。 [元素布局] 顶部标题区,下方2列3行共6个收获卡片,每张卡片有圆形装饰图形和标题说明文字;背景为浅紫渐变白色,卡片为白色圆角矩形带浅紫色边框;三层结构:顶部标题层、中间6宫格卡片层、底部留白层。 [光影质感] 整体明亮干净,卡片有轻微投影增加立体感,文字区域清晰锐利。 [配色色系] 全局底色 #F5F0FA 浅紫白色;主色深紫色 #2D1B4E 标题文字;辅助色紫色 #7B68A8 圆形装饰背景;点缀色金色 #D4AF37 装饰元素。 [视角构图] 竖版2列宫格构图,阅读动线从左到右从上到下,视觉焦点在卡片标题和图标区域。 [文字版式] 顶部英文小字装饰「WHAT YOU WILL GAIN」;主标题「你将获得什么」深紫色加粗居中;6个收获卡片依次为:「解码全新自我」、「6个维度声音点评」、「1v1心理建设」、「主播定位」、「直播中答疑」、「直播中连麦」;每张卡片上方有紫色圆形装饰图形,下方有标题文字和简短说明小字。文字清晰可读,层级分明。 [比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨。 [负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,图标模糊,人物出现。[第6屏] 学习收获-你将获得什么。本屏使用【图1】作为参考,提取深紫色主色调和6项收获内容。
[氛围/风格] 浅紫白色收获清单风格,图标卡片式布局,价值感强。
[元素布局] 顶部标题区,下方2列3行共6个收获卡片,每张卡片有圆形装饰图形和标题说明文字;背景为浅紫渐变白色,卡片为白色圆角矩形带浅紫色边框;三层结构:顶部标题层、中间6宫格卡片层、底部留白层。
[光影质感] 整体明亮干净,卡片有轻微投影增加立体感,文字区域清晰锐利。
[配色色系] 全局底色 #F5F0FA 浅紫白色;主色深紫色 #2D1B4E 标题文字;辅助色紫色 #7B68A8 圆形装饰背景;点缀色金色 #D4AF37 装饰元素。
[视角构图] 竖版2列宫格构图,阅读动线从左到右从上到下,视觉焦点在卡片标题和图标区域。
[文字版式] 顶部英文小字装饰「WHAT YOU WILL GAIN」;主标题「你将获得什么」深紫色加粗居中;6个收获卡片依次为:「解码全新自我」、「6个维度声音点评」、「1v1心理建设」、「主播定位」、「直播中答疑」、「直播中连麦」;每张卡片上方有紫色圆形装饰图形,下方有标题文字和简短说明小字。文字清晰可读,层级分明。
[比例分辨率] 9:16 竖版比例,4K 分辨率,文字清晰可辨。
[负向提示词] 变形,水印,文字错乱,文字过小,颜色偏差,图标模糊,人物出现。
创意 × 1
[第4张] 详情页服务流程页-四步咨询路径可视化。 [氛围/风格] 温暖专业的信息图表风格,暖色调简洁大气,流程清晰易懂。 [元素布局] 画面顶部主标题;中间用横向时间轴方式展示四个步骤,从左到右依次推进;每个步骤用一个圆形序号图标+标题+简短说明的卡片形式呈现;步骤之间用柔和的曲线箭头连接,表达流程的连贯性;四个步骤分别是:第一步「深度对话 需求诊断」、第二步「系统梳理 经验整合」、第三步「模式识别 课题澄清」、第四步「行动规划 路径落地」;底部加一句总结性文案;背景为暖米色,点缀柔和的装饰元素。 [光影质感] 均匀柔光照明,卡片有轻微悬浮投影,序号圆形有内发光效果,整体明亮通透。 [配色色系] 全局底色 #FDF6F0 暖米色;主色 #E8A87C 暖珊瑚色;步骤卡片用 #FFFFFF 白色底配浅珊瑚色边框;序号圆形用渐变珊瑚色填充;连接线用浅金色虚线;辅助色 #C38D9E 豆沙粉。 [视角构图] 横向流程式构图,四个步骤等距排列,阅读动线从左到右自然推进,顶部标题引导。 [文字版式] 顶部主标题「四步咨询路径 陪你一步步成长」暖珊瑚色大号字体;每个步骤卡片内:圆形序号「01/02/03/04」白色数字,步骤标题深棕色加粗,步骤说明深灰色小字;底部总结语「从看见到改变 每一步都有专业陪伴」;文字清晰,信息层级分明。 [比例分辨率] 1:1 方图比例,4K 分辨率,文字清晰可辨,高清画质。 [负向提示词] 文字过小,水印,文字错乱,颜色偏差,流程混乱。[第4张] 详情页服务流程页-四步咨询路径可视化。
[氛围/风格] 温暖专业的信息图表风格,暖色调简洁大气,流程清晰易懂。
[元素布局] 画面顶部主标题;中间用横向时间轴方式展示四个步骤,从左到右依次推进;每个步骤用一个圆形序号图标+标题+简短说明的卡片形式呈现;步骤之间用柔和的曲线箭头连接,表达流程的连贯性;四个步骤分别是:第一步「深度对话 需求诊断」、第二步「系统梳理 经验整合」、第三步「模式识别 课题澄清」、第四步「行动规划 路径落地」;底部加一句总结性文案;背景为暖米色,点缀柔和的装饰元素。
[光影质感] 均匀柔光照明,卡片有轻微悬浮投影,序号圆形有内发光效果,整体明亮通透。
[配色色系] 全局底色 #FDF6F0 暖米色;主色 #E8A87C 暖珊瑚色;步骤卡片用 #FFFFFF 白色底配浅珊瑚色边框;序号圆形用渐变珊瑚色填充;连接线用浅金色虚线;辅助色 #C38D9E 豆沙粉。
[视角构图] 横向流程式构图,四个步骤等距排列,阅读动线从左到右自然推进,顶部标题引导。
[文字版式] 顶部主标题「四步咨询路径 陪你一步步成长」暖珊瑚色大号字体;每个步骤卡片内:圆形序号「01/02/03/04」白色数字,步骤标题深棕色加粗,步骤说明深灰色小字;底部总结语「从看见到改变 每一步都有专业陪伴」;文字清晰,信息层级分明。
[比例分辨率] 1:1 方图比例,4K 分辨率,文字清晰可辨,高清画质。
[负向提示词] 文字过小,水印,文字错乱,颜色偏差,流程混乱。