你可能会说:
- “为什么 AI 做的页面,总有一种说不出的模板感?”
- “一个小功能,AI 写了十几个文件,正常吗?”
它是什么
在页面上,它是渐变、发光、徽章、英文大写标签、装饰卡片、产品样机,加上它们是因为"这类网站通常有"。在代码里,它是为一个小功能搭起的多层抽象、配置和新依赖。
每多一样东西,就多一份维护、多一个可能坏掉的地方,也稀释了真正重要的内容。"高级感"多半来自克制:层级清楚,每个元素都有用处。
识别的办法是逐个问:它是做什么用的、给谁用、删掉会损失什么。答不上来的就删,再把"不要再加"写进设计文档,挡住下一次。
打个比方
像只想挂一幅画,师傅却顺手装了射灯、挂镜线和一整面装饰墙:每样都有道理,可房间再也不是你要的样子。
在这个网站里
E2E Review 的一次重构,给技术学习站加上了首屏样机、天空大图、发光的状态灯、英文大写标签和深色渐变横幅,站长的评价是"过度设计,高级感不够"。清理时删掉了近 400 行,并把禁用清单写进了设计文档(第 6 课)。
容易搞混的地方
常见误解
元素越丰富,看起来越专业
正确理解
专业感多半来自克制:内容清楚、层级分明,每个元素都有用处。
你可以这样告诉 AI
复制下面这段,贴给你的 AI
检查这个页面上的每个视觉元素和组件:它是做什么用的、给谁用、删掉会损失什么。只起装饰作用、或者冒充功能的,列成清单给我;我确认后删除,并把"不要再加"的清单写进设计文档。
接下来去哪
先知道
- 假数据——为了让页面"看起来完整"而填进去的数字、状态、按钮和图表,背后没有真实的数据或功能。
接着看
- 设计变量——把颜色、字号、间距这些设计决定起个名字,集中定义一次,全站按名字引用。
在这些课里出现