OpsKitPro 的设计原则:为什么我把 UI 做得更克制
1. 早期的 HUD 风格太重了
项目早期更偏“运维控制台”与“HUD 仪表盘”风格,冲击力有了,但阅读压力也变高了。尤其是当页面里出现很多 badge、斜体大字、发光和高对比装饰时,信息本身反而会显得不稳。
2. 后来我改成了“轻量产品页”
我逐步把视觉收成:
- 浅色背景
- 更清楚的文本
- 更明确的卡片层级
- 更少的装饰性元素
这样做之后,页面虽然没有那么“炫”,但更像一个正式产品,而不是一个概念海报。
3. 标准化比风格化更重要
真正把整个站点拉齐的,不是某个单独页面的特效,而是基础组件是否统一:
- Header
- Footer
- Badge
- Button
- Card
- 状态文案
我后来反复收紧这些基础组件,就是为了减少“拼装感”。
4. 日本用户视角
站点面向日本推广后,我更明确地把设计目标改成:
- 清楚
- 安定
- 轻量
这意味着:
- 标题不要太长
- 说明不要太虚
- 按钮不要太多
- 细节默认折叠,先看结论
5. 对应到代码里
src/app/page.tsxsrc/app/about/page.tsxsrc/app/blog/page.tsxsrc/components/SiteHeader.tsxsrc/components/HomeSearch.tsxsrc/components/SiteFooter.tsx