![[主图-1] MBTI高阶中阶低阶测试网站首图，核心卖点是能测… - 图片创意预览](https://gd-cms.dancf.com/gd-cms/xi19e5/0/e313f84d-ecbf-4c21-a976-bb781da77c6b7715.jpeg)
[主图-1] MBTI高阶中阶低阶测试网站首图，核心卖点是能测…
[主图-1] MBTI高阶中阶低阶测试网站首图，核心卖点是能测出人格的高阶中阶低阶三个层级。 [统一基调] 小红书原生感潮流风格，年轻有活力，紫粉渐变主色调，搭配荧光黄强调色，手写体装饰词增加氛围感，
国缘客服
2026.09.04[主图-1] MBTI高阶中阶低阶测试网站首图，核心卖点是能测出人格的高阶中阶低阶三个层级。 [统一基调] 小红书原生感潮流风格，年轻有活力，紫粉渐变主色调，搭配荧光黄强调色，手写体装饰词增加氛围感，
国缘客服
2026.09.04![[详情页-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)
![[主图-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)
![[详情页-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)
![[详情页-2] 痛点与目标场景页。
[商品] 非实物数字服务，MBTI人格测试网站，核心功能是测出人格的高阶中阶低阶三个层级。
[画面] 页面目标是引发用户共鸣，指出普通MBTI测试的局限。上下分栏构图，上半部分是痛点场景：一个年轻人坐在桌前看着手机里的普通MBTI测试结果，表情困惑，周围漂浮着问号和「我到底是哪型」「测了好多次结果不一样」的气泡文字；下半部分是目标场景：同一个人看着三层级测试报告，表情明朗，周围漂浮着「原来我在成长中」「终于看懂自己了」的气泡。中间用渐变过渡，主体占画面65%。
[视觉] 套系策略：风格=小红书原生感潮流梦幻风；标题字=现代无衬线粗体；正文字=简洁无衬线体；主色=紫粉渐变；背景延展=上半部分冷灰紫调 下半部分暖粉调 渐变过渡；强调色=荧光黄，仅用于小面积图标 按钮 标签；标题色=白色；正文色=浅紫灰；组件=圆角半透明卡片 发光图标 气泡文字；光影=上半部分弱光压抑 下半部分明亮温暖，对比明显。
[文字] 上半部分标题「测了无数次MBTI 还是不懂自己」，配3个痛点短句「结果每次不一样」「只知道字母不知道含义」「看不到成长方向」；下半部分标题「现在 你可以知道答案」，配3个利益点「看清人格层级」「找到成长路径」「深度自我认知」，文字全部横排，放在对应区域的留白处。
[规格] 比例3:4，4K分辨率，负向：变形 错字 模糊 杂乱 水印 平台Logo 二维码 微信 绝对化用语。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/3bf23c50-7563-4630-aa30-584f8438e3897784.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[详情页-4] 专业背书页，测试维度与理论依据。
[商品] 非实物数字服务，MBTI人格测试网站，核心功能是测出人格的高阶中阶低阶三个层级。
[画面] 页面目标是建立专业可信度。左右分栏构图，左侧是四个维度的图标卡片矩阵：认知维度 情感维度 行为维度 成长维度，每个维度有对应图标和简短说明；右侧是理论依据说明，配一个大脑/心理学相关的抽象图形，背景是深紫渐变带网格线条，主体占画面70%。
[视觉] 套系策略：风格=小红书原生感潮流梦幻风；标题字=现代无衬线粗体；正文字=简洁无衬线体；主色=紫粉渐变；背景延展=深紫渐变 科技感网格线 发光粒子；强调色=荧光黄，仅用于图标高亮 重点词；标题色=白色；正文色=浅紫灰；组件=圆角半透明卡片 线框图标 发光边框；光影=卡片边缘微光 整体科技感柔光。
[文字] 顶部大标题「基于经典理论的深度测评」，左侧四个维度卡片分别标注名称和1行说明，右侧配文字「融合荣格心理学 人格发展理论 多维度综合评估」，底部小字「仅供自我探索参考」，全部横排。
[规格] 比例3:4，4K分辨率，负向：变形 错字 模糊 杂乱 水印 平台Logo 二维码 微信 绝对化用语 医疗暗示。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/a4f541cf-0c6c-4b06-9496-064f345f77df8040.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[主图-3] 服务亮点图，展示高阶中阶低阶三个层级的具体含义和测试维度。
[统一基调] 小红书原生感潮流风格，年轻有活力，紫粉渐变主色调，搭配荧光黄强调色，手写体装饰词增加氛围感，现代无衬线粗体标题，圆角卡片组件，柔和光影。
[画面] 竖向三层阶梯式布局，从下到上分别是低阶 中阶 高阶 三个层级卡片，每层卡片有对应的人格特质图标和简短描述，阶梯旁有向上的发光箭头表示成长路径，背景是深紫到浅粉的渐变，带几何线条装饰，主体占画面75%。
[光影质感] 每层卡片有轻微发光效果，阶梯有立体感，整体柔和漫射光。
[配色] 低阶层用浅紫色，中阶层用粉紫色，高阶层用荧光黄+白色渐变，标题白色，说明文字浅灰色。
[文字版式] 顶部大标题「三层级人格深度解析」，低阶卡片标题「低阶」配「认知萌芽期」，中阶卡片标题「中阶」配「能力成长期」，高阶卡片标题「高阶」配「智慧整合期」，每层配2-3个特质关键词，文字横排居中。
[输出要求] 比例3:4，2K分辨率，文字清晰，画面干净，负向：变形 错字 模糊 杂乱 水印 平台Logo 二维码 微信。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/d5b15565-abf8-4e8a-956c-f368d05f167b8193.jpeg?x-oss-process=image/resize,w_640,type_6/sharpen,120/interlace,1)
![[详情页-6] 案例成果页，不同人格层级的成长路径示意。
[商品] 非实物数字服务，MBTI人格测试网站，核心功能是测出人格的高阶中阶低阶三个层级。
[画面] 页面目标是展示测试后能获得什么，用成长路径可视化。画面中央是一条从左下到右上的发光成长曲线，曲线上标注三个节点：低阶 中阶 高阶，每个节点旁有一个圆形信息卡，分别说明每个层级的典型特征和成长方向。曲线周围有一些小图标代表成长元素（书籍 灯泡 对话 目标等），背景是深紫到粉的渐变，主体占画面70%。
[视觉] 套系策略：风格=小红书原生感潮流梦幻风；标题字=现代无衬线粗体；正文字=简洁无衬线体；主色=紫粉渐变；背景延展=深紫到粉的渐变 星光粒子 光晕；强调色=荧光黄，仅用于曲线 节点高亮 图标；标题色=白色；正文色=浅紫灰；组件=圆角半透明信息卡 发光节点 曲线箭头；光影=曲线发光 节点光晕 整体梦幻光感。
[文字] 顶部大标题「你的人格成长到哪一步了」，三个节点分别有层级名称和2-3个特征关键词，底部小字「了解层级 才能更好地成长」，全部横排。
[规格] 比例3:4，4K分辨率，负向：变形 错字 模糊 杂乱 水印 平台Logo 二维码 微信 绝对化用语。](https://gd-cms.dancf.com/gd-cms/xi19e5/0/a57b49ae-0c11-49e4-8294-8dc78b1a4b817785.jpeg?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)
