张翔
10404dbb36
同步工作区剩余变更，主要包括： - 营销页面组件与布局持续优化（about/news/services/solutions/team 等） - 详情页四层叙事组件、布局组件、UI 组件调整 - CMS 数据模型、API 路由、权限、工作流、站内通知、媒体管理扩展 - 新增/补充单元测试与 E2E 测试（cms-workflow.spec.ts 等） - ESLint 9 迁移、jest/tsconfig 配置更新、依赖调整 - 新增 ADR、CMS 评估文档、Release Review / Acceptance 报告 - 移除水墨装饰组件与大体积未使用字体文件
130 lines
6.1 KiB
Markdown
130 lines
6.1 KiB
Markdown
# ADR 0006: 移除水墨元素，纯化咨询专业风
|
||
|
||
## 状态
|
||
|
||
已接受
|
||
|
||
## 日期
|
||
|
||
2026-07-10
|
||
|
||
## 上下文
|
||
|
||
ADR-0003 确立了「咨询为骨，水墨为魂」的总体设计方向，ADR-0004 进一步细化为 Accenture 骨架 + Bain 血肉 + Porsche 点睛的三阶段落地路径。但实践表明：
|
||
|
||
1. **水墨元素落地困难**：用户自评对水墨元素「完全没概念，不知道在咨询网站上应该怎么呈现」（CONTEXT.md Q10=C）
|
||
2. **专业感冲突**：用户明确表示「专业感才是第一位的，水墨是锦上添花，没有也无所谓」（CONTEXT.md Q11=C）
|
||
3. **代码债务**：当前代码库中仍有 16 个文件包含水墨相关代码，包括 `ink-wash/` 目录、`ink-glow-card`、`hero-ink-background` 等组件和样式
|
||
4. **品牌一致性**：水墨元素的存在增加了视觉系统的复杂度，与「纯咨询专业风」的定位产生矛盾
|
||
|
||
需要决定是否移除水墨元素，以及移除的范围和边界。
|
||
|
||
## 决策
|
||
|
||
### 1. 彻底移除装饰性水墨元素
|
||
|
||
以下水墨相关代码和样式全部移除：
|
||
|
||
| 移除项 | 文件路径 | 类型 |
|
||
|--------|---------|------|
|
||
| 水墨背景组件 | `src/components/ui/ink-wash/InkWashBackground.tsx` | 组件 |
|
||
| 水墨卡片组件 | `src/components/ui/ink-wash/InkCard.tsx` | 组件 |
|
||
| 水墨 UI 导出 | `src/components/ui/ink-wash/index.ts` | 导出 |
|
||
| 水墨光晕卡片 | `src/components/ui/ink-glow-card.tsx` | 组件 |
|
||
| Hero 水墨背景 | `src/components/ui/hero-ink-background.tsx` | 组件 |
|
||
| 鼠标光晕 Hook | `src/hooks/use-mouse-glow.ts` | Hook |
|
||
| 水墨 CSS 样式 | `src/app/globals.css`（.ink-wash-* 相关选择器） | 样式 |
|
||
| 水墨主题配置 | `src/lib/constants/hero-themes.ts`（ink 相关 theme） | 配置 |
|
||
| 组件引用更新 | `src/components/ui/index.ts`、`src/components/ui/challenge-card.tsx` 等 | 引用 |
|
||
|
||
### 2. 保留 Logo 书法元素
|
||
|
||
Logo 中的书法「睿」字和印章设计**保留不动**。理由：
|
||
- Logo 属于品牌标识，不属于装饰性水墨元素
|
||
- 书法「睿」字是品牌核心视觉资产，与专业感不冲突
|
||
- 项目记忆明确记录「Logo 必须使用书法体」
|
||
|
||
### 3. 更新设计定位
|
||
|
||
网站设计定位从「咨询为骨，水墨为魂」更新为「**纯咨询专业风**」（Accenture + Bain + Porsche 三位一体），移除所有水墨相关概念。
|
||
|
||
### 4. 更新 CONTEXT.md
|
||
|
||
移除以下术语条目：
|
||
- 「水墨文化基因（Ink Cultural DNA）」
|
||
- 「墨韵流光」
|
||
- 相关歧义已解决条目中涉及水墨的内容
|
||
|
||
更新以下术语：
|
||
- 「咨询专业风（Consulting Professional）」：从「主体视觉骨架」升级为「唯一视觉风格」
|
||
|
||
## 备选方案
|
||
|
||
### 方案 A：保留水墨但降级为极少数点缀（≤3 处）
|
||
|
||
- **内容**：仅保留 Logo 和页脚纹理两处水墨元素
|
||
- **优点**：保留差异化，改动最小
|
||
- **缺点**：水墨元素认知不足，3 处也很难做好；且与「专业感优先」的目标冲突
|
||
- **否决原因**：用户明确表示「可以完全拿掉」，且水墨落地执行质量不可控
|
||
|
||
### 方案 B：将水墨转为抽象几何元素
|
||
|
||
- **内容**：将水墨笔触抽象化为几何线条/渐变，作为装饰图案
|
||
- **优点**：保留文化基因但更现代
|
||
- **缺点**：需要大量设计探索，投入产出比低；本质上仍是水墨的变体
|
||
- **否决原因**：咨询专业风不需要这种装饰，简洁才是最高级的表达
|
||
|
||
## 理由
|
||
|
||
1. **用户明确意愿**：用户两次表示可以完全移除水墨（Q11=C，本轮确认「全部拿掉」）
|
||
2. **品牌完成度优先**：当前品牌完成度 40/100，核心问题不在差异化而在专业感不足，移除水墨可以减少视觉噪音
|
||
3. **减少代码复杂度**：移除 16 个文件中的水墨代码，简化组件库和样式系统
|
||
4. **与 Bain 参考对齐**：Bain 官网没有任何文化装饰元素，纯靠排版、留白、品牌色和内容质量建立专业感
|
||
5. **Logo 保留合理性**：书法「睿」字是品牌标识而非装饰，与 Nike 的勾、Apple 的苹果一样属于 logo 层面的设计决策
|
||
|
||
## 后果
|
||
|
||
### 正面
|
||
|
||
- 视觉系统更纯粹，专业感增强
|
||
- 代码库减少约 500 行水墨相关代码
|
||
- 设计决策更清晰：不需要再纠结「水墨应该怎么呈现」
|
||
- 与 Bain 参考对齐，后续设计决策有明确参照
|
||
- 品牌定位更聚焦：纯咨询专业风，无歧义
|
||
|
||
### 负面
|
||
|
||
- 失去水墨带来的文化差异化（但用户认为这不重要）
|
||
- 需要更新 CONTEXT.md 和设计文档中的相关引用
|
||
- 部分页面（如 Hero Section）可能需要调整背景视觉效果
|
||
|
||
### 风险
|
||
|
||
- **风险 1**：移除水墨后页面视觉过于单调
|
||
- 缓解措施：Phase 2 品牌升级（Bain 式排版、品牌红贯穿、数据驱动）本身就是视觉增强
|
||
- **风险 2**：Logo 书法元素与纯咨询风的协调性
|
||
- 缓解措施：Logo 作为独立品牌标识，不与页面装饰混为一谈；参考 McKinsey 的衬线体 logo 与极简页面的搭配
|
||
|
||
## 相关决策
|
||
|
||
- ADR-0003: 设计 DNA 整合方案——原确立「咨询为骨，水墨为魂」
|
||
- ADR-0004: 设计 DNA 深化方案——三阶段落地路径
|
||
- CONTEXT.md: 水墨文化基因、墨韵流光等术语定义
|
||
|
||
## 实施清单
|
||
|
||
- [ ] 删除 `src/components/ui/ink-wash/` 目录
|
||
- [ ] 删除 `src/components/ui/ink-glow-card.tsx`
|
||
- [ ] 删除 `src/components/ui/hero-ink-background.tsx`
|
||
- [ ] 删除 `src/hooks/use-mouse-glow.ts`
|
||
- [ ] 清理 `src/app/globals.css` 中的水墨相关 CSS
|
||
- [ ] 清理 `src/lib/constants/hero-themes.ts` 中的 ink 主题
|
||
- [ ] 更新 `src/components/ui/index.ts` 移除水墨导出
|
||
- [ ] 更新 `src/components/ui/challenge-card.tsx` 移除水墨引用
|
||
- [ ] 更新 `src/components/ui/product-card.tsx` 移除水墨引用
|
||
- [ ] 更新 `src/components/sections/hero-section-v2.tsx` 移除水墨引用
|
||
- [ ] 更新 `src/components/sections/methodology-section.tsx` 移除水墨引用
|
||
- [ ] 更新 `src/components/detail/detail.test.tsx` 移除水墨测试引用
|
||
- [ ] 更新 `src/app/(marketing)/news/[slug]/NewsDetailClient.tsx` 移除水墨引用
|
||
- [ ] 更新 `CONTEXT.md` 移除水墨相关术语
|
||
- [ ] 验证 type-check、build、lint 通过 |