方案二:品牌融合重构 — 完整设计规格

Atlassian 信息架构 × Novalon 品牌叙事 × 收敛但保留印记

📐 整体页面结构

Navigation
Logo + 产品▾ + 解决方案▾ + 服务 + 案例 + 关于 + 联系我们
Section 1: Hero
品牌主张 + 双CTA + 极简装饰
Section 2: 社会证明
三列关键数据 + 客户Logo墙(可选)
Section 3: 核心产品矩阵
2×2 卡片网格 + 朱砂红左边框
Section 4: 挑战与场景入口
"您面临什么挑战?" 三列痛点卡片
Section 5: 客户成果
深色背景 + 客户引言 + 量化数据
Section 6: CTA
朱砂红渐变 + 行动号召
Footer
品牌信息 + 导航 + 联系方式
视觉节奏:暖白 → 浅灰 → 白 → 暖白 → 深墨 → 朱砂红 → 浅灰

🧭 导航重设计:产品矩阵下拉

当前导航
Logo | 服务 | 解决方案 | 产品 | 案例 | 关于 | 团队 | 新闻
问题:
• 8个平铺项,认知负担重
• 产品/服务/解决方案关系不清
• 无下拉,无法快速预览
• "团队""新闻"占位但非核心
新导航
Logo 睿新致遠 | 产品 ▾ | 解决方案 ▾ | 服务 | 案例 | 关于我们
点击"产品 ▾"展开:
ERP 管理系统
财务·采购·销售·库存
CRM 客户管理
线索·商机·合同·服务
BI 数据平台
报表·仪表盘·预测
CMS 内容平台
建站·运营·分发
改进:
• 6项→核心4项+2个下拉
• 下拉预览产品,减少跳转
• "团队/新闻"移入"关于我们"

🎨 Design Token 体系(收敛版)

色彩(保留,微调)
墨黑
朱砂红
宣纸白
浅灰
红底
✅ 保留现有色彩体系不变
➕ 新增场景色:#FFFBEB(黄底) #F0FDF4(绿底)
动效(大幅收敛)
❌ 移除:水墨粒子、数据流、粒子星河、鼠标交互粒子
❌ 移除:流体波浪、几何抽象、网格线
✅ 保留:渐变流动(极简版)、微妙圆点
✅ 保留:滚动揭示(FadeUp)、数字动画
➕ 新增:悬浮微交互、卡片 hover 提升效果
➕ 新增:导航下拉过渡、场景卡片 hover 色变

🧩 Phase 1 沉淀的核心组件

MegaDropdown
产品矩阵下拉导航
复用:产品页、解决方案页
ProductCard
朱砂红左边框产品卡片
复用:产品列表页、首页
ChallengeCard
痛点/场景入口卡片
复用:解决方案页、服务页
StatsBar
三列数据统计条
复用:产品页、关于页
TestimonialBlock
深色背景客户证言
复用:案例页、产品页
CTASection
朱砂红渐变行动号召
复用:全站通用

📋 现有组件迁移策略

组件 策略 说明
InkBackground ❌ 废弃 水墨背景不再使用,用极简装饰替代
DataParticleFlow ❌ 废弃 粒子动效过于花哨,不符合收敛方向
SubtleDots ✅ 保留 微妙圆点符合收敛方向
GradientFlow 🔧 简化 保留但降低强度,作为Hero极淡背景
ScrollReveal/FadeUp ✅ 保留 滚动揭示动画是核心交互
AnimatedNumber ✅ 保留 数据统计动画
SealAnimation 🔄 重构 印章动画保留但仅用于品牌标题区

以上是方案二的完整设计规格

确认无误后,我将编写正式设计文档并进入实现规划阶段