* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: ‘Noto Sans SC’, sans-serif;
background: linear-gradient(135deg, #f8f9fc 0%, #e4e7f1 100%);
min-height: 100vh;
padding: 20px;
color: #333;
line-height: 1.6;
}
.container {
max-width: 1400px;
margin: 0 auto;
}
header {
text-align: center;
padding: 30px 0;
margin-bottom: 30px;
background: rgba(255, 255, 255, 0.9);
border-radius: 16px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
position: relative;
overflow: hidden;
}
header::before {
content: “”;
position: absolute;
top: 0;
left: 0;
right: 0;
height: 5px;
background: linear-gradient(90deg, #3498db, #9b59b6, #2ecc71, #e74c3c, #f39c12);
}
h1 {
font-size: 2.6rem;
color: #2c3e50;
margin-bottom: 15px;
font-weight: 700;
background: linear-gradient(135deg, #3498db, #2c3e50);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.05);
}
.subtitle {
font-size: 1.3rem;
color: #6c757d;
max-width: 900px;
margin: 0 auto;
padding: 0 20px;
}
/* 思维导图容器 */
.mind-map-container {
background: rgba(255, 255, 255, 0.95);
border-radius: 16px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
padding: 30px;
margin-bottom: 30px;
overflow: hidden;
}
.map-title {
text-align: center;
margin-bottom: 30px;
font-size: 1.8rem;
color: #2c3e50;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.map-title i {
color: #3498db;
font-size: 1.5rem;
}
/* 中心节点 */
.center-node {
background: linear-gradient(135deg, #3498db, #2980b9);
color: white;
font-weight: 700;
text-align: center;
padding: 25px;
border-radius: 16px;
box-shadow: 0 10px 25px rgba(52, 152, 219, 0.4);
margin: 0 auto 40px;
max-width: 400px;
position: relative;
transition: all 0.3s ease;
cursor: pointer;
}
.center-node:hover {
transform: scale(1.02);
box-shadow: 0 15px 35px rgba(52, 152, 219, 0.6);
}
.center-node h2 {
font-size: 1.8rem;
margin-bottom: 10px;
}
.center-node p {
font-size: 1.1rem;
opacity: 0.9;
}
/* 分支容器 */
.branches-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 25px;
margin-top: 20px;
}
/* 单个分支 */
.branch {
border-radius: 14px;
overflow: hidden;
box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
cursor: pointer;
background: white;
}
.branch:hover {
transform: translateY(-10px);
box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
}
.branch-header {
padding: 20px;
color: white;
display: flex;
align-items: center;
gap: 15px;
}
.branch-icon {
font-size: 2.2rem;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
background: rgba(255, 255, 255, 0.2);
}
.branch-title {
font-size: 1.4rem;
font-weight: 600;
line-height: 1.3;
}
.branch-content {
padding: 20px;
background: rgba(255, 255, 255, 0.95);
}
.modules-title {
font-size: 1.1rem;
color: #7f8c8d;
margin-bottom: 15px;
padding-bottom: 8px;
border-bottom: 1px solid #eee;
display: flex;
align-items: center;
gap: 8px;
}
.module-list {
list-style: none;
}
.module-item {
padding: 12px 15px;
margin: 8px 0;
border-radius: 8px;
background: #f8f9fa;
display: flex;
align-items: center;
gap: 10px;
transition: all 0.2s ease;
}
.module-item:hover {
transform: translateX(5px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}
.module-icon {
width: 30px;
height: 30px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
color: white;
font-size: 0.9rem;
}
.module-name {
font-size: 1.05rem;
font-weight: 500;
color: #2c3e50;
}
/* 信息面板 */
.info-panel {
background: rgba(255, 255, 255, 0.95);
border-radius: 16px;
padding: 30px;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
margin-top: 20px;
}
.info-header {
text-align: center;
margin-bottom: 25px;
font-size: 1.6rem;
color: #2c3e50;
font-weight: 700;
display: flex;
align-items: center;
justify-content: center;
gap: 12px;
}
.info-content {
font-size: 1.1rem;
color: #495057;
line-height: 1.8;
max-width: 900px;
margin: 0 auto;
text-align: center;
}
.highlight {
background: linear-gradient(120deg, rgba(255, 235, 59, 0.35), rgba(255, 235, 59, 0));
padding: 3px 10px;
border-radius: 6px;
font-weight: 500;
}
/* 颜色定义 */
.recruitment {
background: linear-gradient(135deg, #e74c3c, #c0392b);
}
.recruitment .module-icon {
background: linear-gradient(135deg, #e74c3c, #c0392b);
}
.career {
background: linear-gradient(135deg, #3498db, #2980b9);
}
.career .module-icon {
background: linear-gradient(135deg, #3498db, #2980b9);
}
.team {
background: linear-gradient(135deg, #2ecc71, #27ae60);
}
.team .module-icon {
background: linear-gradient(135deg, #2ecc71, #27ae60);
}
.leadership {
background: linear-gradient(135deg, #9b59b6, #8e44ad);
}
.leadership .module-icon {
background: linear-gradient(135deg, #9b59b6, #8e44ad);
}
.personal {
background: linear-gradient(135deg, #f39c12, #d35400);
}
.personal .module-icon {
background: linear-gradient(135deg, #f39c12, #d35400);
}
/* 响应式设计 */
@media (max-width: 1200px) {
.branches-container {
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
}
}
@media (max-width: 992px) {
.branches-container {
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
gap: 20px;
}
.center-node {
padding: 20px;
margin-bottom: 30px;
}
.center-node h2 {
font-size: 1.6rem;
}
.center-node p {
font-size: 1rem;
}
.branch-header {
padding: 18px;
}
.branch-title {
font-size: 1.3rem;
}
.branch-content {
padding: 18px;
}
}
@media (max-width: 768px) {
header {
padding: 25px 15px;
}
h1 {
font-size: 2.2rem;
}
.subtitle {
font-size: 1.1rem;
}
.mind-map-container {
padding: 25px 20px;
}
.map-title {
font-size: 1.6rem;
margin-bottom: 25px;
}
.branches-container {
grid-template-columns: 1fr;
max-width: 600px;
margin: 0 auto;
}
.center-node {
max-width: 100%;
}
.info-panel {
padding: 25px 20px;
}
.info-header {
font-size: 1.5rem;
margin-bottom: 20px;
}
.info-content {
font-size: 1.05rem;
}
}
@media (max-width: 576px) {
body {
padding: 15px;
}
header {
padding: 20px 15px;
margin-bottom: 20px;
}
h1 {
font-size: 1.9rem;
}
.subtitle {
font-size: 1rem;
}
.center-node h2 {
font-size: 1.5rem;
}
.map-title {
font-size: 1.4rem;
}
.branch-header {
padding: 16px;
flex-direction: column;
text-align: center;
gap: 12px;
}
.branch-title {
font-size: 1.25rem;
}
.module-item {
padding: 10px 12px;
}
.module-name {
font-size: 1rem;
}
.info-header {
font-size: 1.3rem;
}
.info-content {
font-size: 1rem;
text-align: left;
}
}
人才测评系统应用场景分类
基于专业人才测评系统的十大核心模块，全面分析其在招聘选拔、职业规划、团队建设等场景的应用
人才测评应用场景
十大核心模块在五大应用场景中的系统分类
-
大五人格模型
-
16PF特质分析
-
SBIS智力测评
-
WPT认知评估
-
职业锚点定位
-
霍兰德职业兴趣
-
MBTI人格测试
-
DISC行为风格
-
MBTI人格测试
-
九型人格
-
标准EQ评估
-
DISC行为风格
-
九型人格
-
标准EQ评估
-
16PF特质分析
企业HR在招聘时可优先使用SBIS智力测评、WPT认知评估和大五人格模型；
在员工发展中使用职业锚点定位和EQ评估；
团队领导者可使用DISC和MBTI进行团队诊断。
// 显示场景详细信息
function showInfo(scene) {
const infoHeader = document.querySelector(‘.info-header’);
const infoContent = document.querySelector(‘.info-content’);
let title = “人才测评系统应用指南”;
let content = “本系统展示了人才测评的十大核心模块在五大应用场景中的分布。点击上方场景卡片可查看详细信息。企业HR在招聘时可优先使用SBIS智力测评、WPT认知评估和大五人格模型；在员工发展中使用职业锚点定位和EQ评估；团队领导者可使用DISC和MBTI进行团队诊断。”;
switch(scene) {
case ‘recruitment’:
title = “招聘与选拔场景”;
content = “使用SBIS智力测评、WPT认知评估、大五人格模型和16PF特质分析评估候选人的能力、认知和人格特质，筛选最适合岗位的人才。适用于技术岗位、管理岗位等高要求职位的筛选。”;
break;
case ‘career’:
title = “职业规划与发展场景”;
content = “通过职业锚点定位、霍兰德职业兴趣和MBTI人格测试帮助个人探索职业方向，制定长期职业发展计划。适用于大学生职业规划、职场人士转型、企业员工发展路径设计等场景。”;
break;
case ‘team’:
title = “团队建设与协作场景”;
content = “应用DISC行为风格、MBTI人格测试和九型人格优化团队动态，改善沟通和协作效率。适用于新团队组建、跨部门协作、团队效能提升等场景。”;
break;
case ‘leadership’:
title = “领导力发展场景”;
content = “使用标准EQ评估和DISC行为风格培养管理者的情商和领导风格，提升领导效能。适用于中层管理者培训、高管领导力发展、新任经理培养等场景。”;
break;
case ‘personal’:
title = “个人成长与自我认识场景”;
content = “通过九型人格、标准EQ评估和16PF特质分析促进自我意识、情商提升和个人心理健康。适用于个人成长工作坊、心理咨询、自我提升课程等场景。”;
break;
}
infoHeader.innerHTML = ` ${title}`;
infoContent.innerHTML = content;
// 添加平滑滚动效果
document.getElementById(‘infoPanel’).scrollIntoView({
behavior: ‘smooth’,
block: ‘start’
});
}
| 序号 | 测评模块名称 | 简要说明 | 主要应用场景分类 | 适用场景详细描述 |
|---|---|---|---|---|
| 1 | MBTI人格测试 | 基于荣格理论，评估16种人格类型，帮助理解个人行为偏好和决策风格。 | 职业规划与发展、团队建设与协作 | 主要用于职业咨询（如职业匹配）、团队建设（改善沟通和冲突解决），也可用于领导力发展（识别领导风格）和个人成长（自我认知）。 |
| 2 | 16PF特质分析 | 测量16种人格因素（如稳定性、独立性），提供全面的人格特质评估。 | 招聘与选拔、个人成长与自我认识 | 常用于招聘（评估候选人特质与岗位匹配度）和临床咨询（个人心理健康评估），在职业规划中辅助了解深层人格动机。 |
| 3 | 大五人格模型 | 评估五大人格维度（开放性、尽责性、外向性、宜人性、神经质），科学预测行为。 | 招聘与选拔、职业规划与发展 | 核心用于招聘（预测工作绩效和适应力）和职业发展（指导个人发展计划），在团队建设中用于优化角色分配。 |
| 4 | DISC行为风格 | 分析行为风格（支配型、影响型、稳健型、谨慎型），强调沟通和互动模式。 | 团队建设与协作、领导力发展 | 广泛应用于团队建设（提升协作效率）和领导力培训（改善领导风格），也用于销售或客服团队的招聘选拔。 |
| 5 | SBIS智力测评 | 评估基本认知能力（如逻辑推理、问题解决），通常指标准智力测试。 | 招聘与选拔 | 主要用于招聘（筛选高认知能力的候选人），尤其在教育、技术或管理岗位的选拔中，较少涉及个人发展场景。 |
| 6 | 职业锚点定位 | 基于Edgar Schein理论，识别个人的职业动机和价值观（如安全、挑战）。 | 职业规划与发展 | 核心用于职业规划（帮助员工制定长期职业路径）和员工保留（了解离职风险），在招聘中用于匹配公司文化。 |
| 7 | WPT认知评估 | 评估认知能力（如记忆、推理），常用于人员选拔，类似Wonderlic测试。 | 招聘与选拔 | 专为招聘设计（快速评估候选人的问题解决能力），适用于高强度岗位（如金融、IT），较少用于发展场景。 |
| 8 | 霍兰德职业兴趣 | 基于Holland理论，匹配人格类型与职业环境（如现实型、艺术型）。 | 职业规划与发展 | 主要用于职业规划（指导学生或员工选择职业方向）和招聘（初步筛选兴趣匹配的候选人），在个人成长中辅助自我探索。 |
| 9 | 标准EQ评估 | 测量情商（情绪智力），包括自我管理、社交技能等维度。 | 领导力发展、个人成长与自我认识 | 核心用于领导力发展（提升管理者情商和决策能力）和个人成长（改善人际关系），在团队建设中用于冲突管理。 |
| 10 | 九型人格 | 描述9种人格类型，强调动机和恐惧，促进深层自我认识。 | 个人成长与自我认识、团队建设与协作 | 主要用于个人成长（精神发展和自我觉察）和团队建设（理解团队成员差异），在领导力发展中用于培养同理心。 |
相关推荐：
霍兰德职业兴趣测试 |
MBTI职业性格测试 |
更多测评