← 术语图鉴

过度设计

Over-engineering · 也叫 过度装饰 / 堆功能 / AI 味

做了超出需要的东西:多余的装饰、组件、抽象和配置。每一样单看都说得通,合起来就成了负担。

你可能会说:

  • “为什么 AI 做的页面,总有一种说不出的模板感?”
  • “一个小功能,AI 写了十几个文件,正常吗?”

它是什么

在页面上,它是渐变、发光、徽章、英文大写标签、装饰卡片、产品样机,加上它们是因为"这类网站通常有"。在代码里,它是为一个小功能搭起的多层抽象、配置和新依赖。

每多一样东西,就多一份维护、多一个可能坏掉的地方,也稀释了真正重要的内容。"高级感"多半来自克制:层级清楚,每个元素都有用处。

识别的办法是逐个问:它是做什么用的、给谁用、删掉会损失什么。答不上来的就删,再把"不要再加"写进设计文档,挡住下一次。

打个比方

像只想挂一幅画,师傅却顺手装了射灯、挂镜线和一整面装饰墙:每样都有道理,可房间再也不是你要的样子。

在这个网站里

E2E Review 的一次重构,给技术学习站加上了首屏样机、天空大图、发光的状态灯、英文大写标签和深色渐变横幅,站长的评价是"过度设计,高级感不够"。清理时删掉了近 400 行,并把禁用清单写进了设计文档(第 6 课)。

容易搞混的地方

常见误解

元素越丰富,看起来越专业

正确理解

专业感多半来自克制:内容清楚、层级分明,每个元素都有用处。

你可以这样告诉 AI

复制下面这段,贴给你的 AI

检查这个页面上的每个视觉元素和组件:它是做什么用的、给谁用、删掉会损失什么。只起装饰作用、或者冒充功能的,列成清单给我;我确认后删除,并把"不要再加"的清单写进设计文档。

先知道

  • 假数据——为了让页面"看起来完整"而填进去的数字、状态、按钮和图表,背后没有真实的数据或功能。

接着看

  • 设计变量——把颜色、字号、间距这些设计决定起个名字,集中定义一次,全站按名字引用。

在这些课里出现