OpsKitPro 的设计原则:为什么我把 UI 做得更克制

1. 早期的 HUD 风格太重了

项目早期更偏“运维控制台”与“HUD 仪表盘”风格,冲击力有了,但阅读压力也变高了。尤其是当页面里出现很多 badge、斜体大字、发光和高对比装饰时,信息本身反而会显得不稳。

2. 后来我改成了“轻量产品页”

我逐步把视觉收成:

  • 浅色背景
  • 更清楚的文本
  • 更明确的卡片层级
  • 更少的装饰性元素

这样做之后,页面虽然没有那么“炫”,但更像一个正式产品,而不是一个概念海报。

3. 标准化比风格化更重要

真正把整个站点拉齐的,不是某个单独页面的特效,而是基础组件是否统一:

  • Header
  • Footer
  • Badge
  • Button
  • Card
  • 状态文案

我后来反复收紧这些基础组件,就是为了减少“拼装感”。

4. 日本用户视角

站点面向日本推广后,我更明确地把设计目标改成:

  • 清楚
  • 安定
  • 轻量

这意味着:

  • 标题不要太长
  • 说明不要太虚
  • 按钮不要太多
  • 细节默认折叠,先看结论

5. 对应到代码里

  • src/app/page.tsx
  • src/app/about/page.tsx
  • src/app/blog/page.tsx
  • src/components/SiteHeader.tsx
  • src/components/HomeSearch.tsx
  • src/components/SiteFooter.tsx