![[详情页-2] 痛点与目标场景页。 [商品] 非实物数字服务，… - 图片创意预览](https://gd-cms.dancf.com/gd-cms/xi19e5/0/3bf23c50-7563-4630-aa30-584f8438e3897784.jpeg)
[详情页-2] 痛点与目标场景页。 [商品] 非实物数字服务，…
[详情页-2] 痛点与目标场景页。 [商品] 非实物数字服务，MBTI人格测试网站，核心功能是测出人格的高阶中阶低阶三个层级。 [画面] 页面目标是引发用户共鸣，指出普通MBTI测试的局限。上下分栏构
国缘客服
2026.09.04[详情页-2] 痛点与目标场景页。 [商品] 非实物数字服务，MBTI人格测试网站，核心功能是测出人格的高阶中阶低阶三个层级。 [画面] 页面目标是引发用户共鸣，指出普通MBTI测试的局限。上下分栏构
国缘客服
2026.09.04![[主图-4] 适配人群图，展示哪些人需要测MBTI高阶中阶低阶。
[统一基调] 小红书原生感潮流风格，年轻有活力，紫粉渐变主色调，搭配荧光黄强调色，手写体装饰词增加氛围感，现代无衬线粗体标题，圆角卡片组件，柔和光影。
[画面] 中心是一个发光的MBTI测试界面圆形图标，周围环绕6个圆形人物头像剪影，分别代表不同人群：职场人 学生 自我探索者 人际关系困扰者 职业规划者 个人成长爱好者，每个人物旁有对应的标签，背景是紫粉渐变带流动光效，主体占画面70%。
[光影质感] 中心图标有强发光效果，人物剪影柔和，整体梦幻光感。
[配色] 主色紫粉渐变，人物剪影用不同深浅的粉紫色，标签用荧光黄底白字。
[文字版式] 顶部大标题「谁适合测这个测试」，下方6个人群标签环绕排列，每个标签2-3个字，文字清晰可读，不遮挡中心图标。
[输出要求] 比例3:4，2K分辨率，文字清晰，画面干净，负向：变形 错字 模糊 杂乱 水印 平台Logo 二维码 微信。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/650184dc-c8d7-41fb-a73e-cb7f70cf0c788194.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[主图-2] 痛点对比图，普通MBTI测试 vs 高阶中阶低阶测试的差异。
[统一基调] 小红书原生感潮流风格，年轻有活力，紫粉渐变主色调，搭配荧光黄强调色，手写体装饰词增加氛围感，现代无衬线粗体标题，圆角卡片组件，柔和光影。
[画面] 左右分栏对比构图，左侧灰色调代表普通测试，只有简单的16型结果界面，人物表情困惑；右侧亮色调代表高阶中阶低阶测试，展示三层级详细报告，人物表情惊喜恍然大悟。中间用箭头连接表示升级，背景延续紫粉渐变，主体占画面70%。
[光影质感] 左侧冷灰调弱光，右侧暖粉调明亮光，对比强烈，整体商业插画质感。
[配色] 左半部分冷灰色系，右半部分紫粉渐变+荧光黄强调，标题白色。
[文字版式] 顶部大标题「普通测试 VS 层级测试」，左侧小标题「只知道16型」配小字「测完还是不懂自己」，右侧小标题「高阶/中阶/低阶」配小字「看清你的人格成长阶段」，文字横排，不遮挡主体人物。
[输出要求] 比例3:4，2K分辨率，文字清晰，画面干净，负向：变形 错字 模糊 杂乱 水印 平台Logo 二维码 微信。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/a31838ad-5595-4b9c-af7f-c63589f7d8ba8382.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[主图-1] MBTI高阶中阶低阶测试网站首图，核心卖点是能测出人格的高阶中阶低阶三个层级。
[统一基调] 小红书原生感潮流风格，年轻有活力，紫粉渐变主色调，搭配荧光黄强调色，手写体装饰词增加氛围感，现代无衬线粗体标题，圆角卡片组件，柔和光影。
[画面] 画面中央是一台笔记本电脑屏幕展示MBTI测试网站界面，屏幕上清晰显示高阶 中阶 低阶 三个层级的人格结果卡片，电脑周围漂浮着16型人格字母符号（INTJ ENFP等）和发光的层级阶梯图形，背景是渐变紫粉色调带细碎星光颗粒，整体有梦幻科技感，主体占画面60%。
[光影质感] 柔和顶光，屏幕自发光效果，物体有自然投影，整体通透有质感。
[配色] 主色紫粉渐变，强调色荧光黄，标题白色，辅助文字浅紫灰。
[文字版式] 顶部大标题「测出你的MBTI高阶/中阶/低阶」，副标题「不止16型 更懂你的人格层级」，下方三个小图标分别标注高阶 中阶 低阶，文字放在画面上下留白处，不遮挡电脑主体。
[输出要求] 比例3:4，2K分辨率，文字清晰，画面干净，负向：变形 错字 模糊 杂乱 水印 平台Logo 二维码 微信。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/e313f84d-ecbf-4c21-a976-bb781da77c6b7715.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[详情页-1] MBTI高阶中阶低阶测试网站价值头图。
[商品] 非实物数字服务，MBTI人格测试网站，核心功能是测出人格的高阶中阶低阶三个层级，保留网站的测试属性和三层级核心卖点。
[画面] 页面目标是第一眼抓住用户注意力，展示核心价值。全屏沉浸式构图，画面中央是悬浮的笔记本电脑展示测试网站首页，屏幕上显示高阶 中阶 低阶 三个发光的层级按钮，电脑周围环绕16型人格字母和发光粒子，背景是深紫到粉紫的渐变星空效果，底部有柔和光晕，主体占画面50%，上下留白放文字。
[视觉] 套系策略：风格=小红书原生感潮流梦幻风；标题字=现代无衬线粗体；正文字=简洁无衬线体；主色=紫粉渐变；背景延展=深紫到浅粉的渐变层次 星空粒子 光晕效果；强调色=荧光黄，仅用于小面积图标 按钮 标签；标题色=白色；正文色=浅紫灰；组件=圆角半透明卡片 发光图标 细线引线；光影=屏幕自发光+环境柔光，整体通透梦幻。
[文字] 顶部大标题「你的MBTI在哪一层」，副标题「高阶/中阶/低阶 三层级深度测试」，下方三个小标签分别是「不止16型」「人格成长路径」「精准自我认知」，文字全部横排，放在画面上下留白区域，不遮挡电脑主体。
[规格] 比例3:4，4K分辨率，负向：变形 错字 模糊 杂乱 水印 平台Logo 二维码 微信 绝对化用语。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/4222b94f-6d46-426e-93e5-4a675e258c327825.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[详情页-5] 适用人群页。
[商品] 非实物数字服务，MBTI人格测试网站，核心功能是测出人格的高阶中阶低阶三个层级。
[画面] 页面目标是让用户快速判断自己是否适合。六宫格卡片布局，2行3列，每个卡片代表一类人群，配有图标和人群标签，分别是：自我探索者 职场迷茫期 人际关系困扰 学生党 个人成长爱好者 职业规划中。卡片之间有均匀间距，背景是浅粉紫渐变，顶部有标题区域，主体占画面75%。
[视觉] 套系策略：风格=小红书原生感潮流梦幻风；标题字=现代无衬线粗体；正文字=简洁无衬线体；主色=紫粉渐变；背景延展=浅粉紫渐变 柔和光晕；强调色=荧光黄，仅用于卡片图标 标签底；标题色=深紫色；正文色=中灰色；组件=圆角白色卡片 彩色图标 标签；光影=卡片轻微阴影 整体明亮柔和。
[文字] 顶部大标题「这些人一定要测」，每个卡片有人群名称和1行简短描述，底部小字「只要你对自己好奇 都值得一试」，全部横排。
[规格] 比例3:4，4K分辨率，负向：变形 错字 模糊 杂乱 水印 平台Logo 二维码 微信 绝对化用语。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/e34c355f-64a5-443a-b7db-69642054ab9b8199.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[第6屏] 详情页卖点屏，展示情绪价值赋能和错题重练个性化推荐优势。
[氛围/风格] 温暖鼓励的学习氛围，清晰专业，信息层级分明。
[元素布局] 分为上下两个模块，上半部分展示情绪价值，下半部分展示错题重练功能。顶部通栏大标题，每个模块占据一半左右高度，中间用浅蓝细线分隔，排版宽松，内容不拥挤。
[光影质感] 均匀柔和光线，每个模块内容清晰展示，无明暗遮挡，阅读舒适。
[配色色系] 全局底色 #F5F8FF；标题蓝 #4086FF；文字深蓝 #1E3A8A；分隔线浅蓝，整体配色温暖干净。
[视角构图] 从上到下竖版9:16构图，适配移动端浏览，两个卖点模块纵向排列，信息清晰有序。
[文字版式] 顶部蓝色通栏大标题，白色加粗文字"个性化备考 更懂你的需求"，居中；上半模块标题加粗蓝色文字"情绪价值赋能"，说明文字"每套题后配鼓励语、错误率分布、进度激励，备考从不孤单"；下半模块标题加粗蓝色文字"错题重练+个性化推荐"，说明文字"自动记录高频错题，推荐同类题目针对性练习，高效提分"。标题突出，说明文字清晰，字号适合手机阅读。
[比例分辨率] 9:16竖版比例，4K分辨率，文字清晰可辨，超高清。
[负向提示词] 文字错乱，排版拥挤，颜色偏差，水印，图形变形，背景杂乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/9ad8d6f8-d591-4b8e-966a-5c77c8b12449331.png?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[详情页-3] 服务方案拆解页，测试流程与三层级判定逻辑。
[商品] 非实物数字服务，MBTI人格测试网站，核心功能是测出人格的高阶中阶低阶三个层级。
[画面] 页面目标是讲清测试怎么进行、三层级如何判定。竖向时间轴流程布局，从顶部到底部依次是：第一步 进入测试（电脑图标），第二步 深度答题（题库图标），第三步 多维度分析（分析图表图标），第四步 生成三层级报告（报告文档图标）。右侧对应每个步骤有详细说明卡片，中间用发光的竖线和箭头连接，背景是浅紫渐变，主体占画面75%。
[视觉] 套系策略：风格=小红书原生感潮流梦幻风；标题字=现代无衬线粗体；正文字=简洁无衬线体；主色=紫粉渐变；背景延展=浅紫到粉的渐变 几何线条装饰；强调色=荧光黄，仅用于步骤数字 箭头 图标；标题色=深紫色；正文色=中灰色；组件=圆角白色卡片 发光图标 时间轴竖线；光影=卡片轻微阴影 图标发光 整体明亮柔和。
[文字] 顶部大标题「四步解锁你的人格层级」，每个步骤有步骤编号、步骤名称和1-2行说明文字，底部小字补充「约15分钟 90+道深度题目」，全部横排。
[规格] 比例3:4，4K分辨率，负向：变形 错字 模糊 杂乱 水印 平台Logo 二维码 微信 绝对化用语。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/2c45cbc8-7c6b-4a7f-ae54-f767d994cbd98197.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[商品] 本页为学生人群痛点场景页，不强制垫产品图；如出现产品小图则参考【图8】外观，保持一致。
[画面] 目标：激发学生/用脑人群共鸣，点出学习努力但状态跟不上的困扰。构图：顶部大标题区，下方左右两栏拼图，每栏一个痛点场景+顶部文字说明；阅读动线自上而下。场景：左图：夜晚书桌前，穿蓝白校服的男学生一手撑头，神情疲惫困惑，面前摊开的书本和铅笔，台灯发出蓝紫色光，表现脑子发胀越学越乱的状态；右图：白天教室中，穿蓝白校服的男学生坐在课桌前，眼神望向窗外发呆，手中握笔，表现注意力不集中的状态，背景有黑板和其他同学。
[视觉] 套系策略：风格=国内电商医药健康详情页，专业温馨氛围感；标题字=粗黑体大字，厚重有力；正文字=清晰无衬线黑体；主色=深蓝紫（#1a1a66至#4a2a88渐变）；背景延展=浅紫到深紫的渐变背景，左右两张圆角大卡片；强调色=深紫色，仅用于顶部标签底和重点字；标题色=深黑色；正文色=深灰色；组件=圆角矩形大图片卡片、顶部文字标签、方括号装饰线；光影=整体柔和均匀，两张图片各自有真实场景光影。
[文字] 顶部大主标题「最近是不是」，黑色粗体；主标题下方带方括号装饰的副标题「学习很努力，状态跟不上？」；左图顶部紫色标签「脑子发胀，越学越乱」；右图顶部紫色标签「白天注意力不集中」。所有文字横向排版，字号保证手机端清晰可读。
[规格] 图片比例3:4竖版，resolution=2K，quality=medium，避免变形、错字、文字过小、夸张恐吓、绝对化用语。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/6681dee3-9ae9-475d-9aea-67c689bf73b419781.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[商品] 使用【图1】八大测试+智龄自测详情页；保留全部内容结构：顶部八大科学测试九宫格、BMI模块、中部智龄成长自测标题、三步流程图标、底部双手机测评界面、最下方分龄推送栏；所有文字、图标、颜色、布局完全保留不变。
[画面] 目标：纵向拉长画面，增加上下呼吸空间。在顶部标题区与底部手机界面区、底部信息栏之间增加更多留白间距，让画面更舒展不拥挤。具体调整：① 顶部"八大科学测试"标题与上方云朵背景之间增加留白；② 八大测试九宫格与BMI模块之间间距加大；③ BMI模块与"智龄成长自测"标题之间增加更多过渡空间；④ 三步流程图标与下方双手机界面之间间距加大；⑤ 双手机界面与底部"分龄推送"栏之间增加留白。整体内容保持居中，上下各增加柔和云朵背景延展更多，画面更通透有呼吸感。
[视觉] 套系策略：风格=温馨治愈母婴风商业详情页；标题字=圆润可爱粗体中文；正文字=简洁圆润无衬线体；主色=樱花粉+婴儿蓝渐变；背景延展=基于粉蓝双色做柔和渐变、云朵质感、星光闪烁效果，上下方向延展更多云朵和星光；强调色=玫粉色，仅用于小面积图标、高亮标签和按钮点缀；标题色=深玫红；正文色=深棕灰；组件=圆角白色信息卡、细线图标、爱心/星星装饰元素；光影=顶部柔和暖光，整体明亮通透，带梦幻光晕。
[文字] 所有文字内容、位置、大小不变，仅通过增加模块间距实现拉长效果，文字均为横排。
[规格] 淘宝/天猫详情页竖版，比例约9:20（更长），4K分辨率，避免变形、错字、文字过小、冷灰背景、界面错乱。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/609a190d-f891-48ce-a29a-2b6a4a72869818495.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
