界面基础：不用成为设计师

用一套可检查的规则让页面体面，并知道怎么约束 AI 生成的界面。

你不需要成为设计师。好界面的八成效果来自一小套基础规则，这些规则可以学、可以检查。

AI 生成的界面之所以"一看就是 AI 做的"，是因为它反复落进同一批模式。知道这些规则，你就能主动约束它。

判断标准不是"好看"，是陌生人能不能一眼看懂该做什么。

页面朴素不会让人离开，看不懂和点不动会。

一、层级：让重点一眼可见

用户扫一眼页面，要立刻知道什么是重点。

标题之间保持明显的字号差，不要各级标题都差不多大
正文不小于 16 像素，行高不低于 1.5
不要通篇只用一种字号——标题、正文、辅助说明要有视觉区分

AI 默认生成的层级通常太"平"。 直接告诉它把标题层级拉开、指定正文字号和行高，它会改。

二、颜色：主动指定，别让它自由发挥

不指定颜色时，AI 倾向于输出一套高度雷同的配色。这套配色已经成了"AI 生成"的标志。

选一到两个主色，写进给 AI 的约定里
不要用纯黑，用一个非常深的中性色代替
正文对比度不低于 4.5:1
彩色背景上不要用灰色文字，用同色系的深色

对比度这条不是审美问题，是能不能读的问题。用对比度检查工具测一遍，不要靠肉眼判断。

三、布局：留白是最便宜的装饰

卡片嵌套不超过两层
正文每行控制在 80 字符以内
间距用一套固定的倍数系统，比如 8 的倍数
不是每段内容都需要一个卡片容器

"不是每段内容都需要卡片"这条最常被违反。

AI 很喜欢把每个小节都包一层带边框带阴影的卡片，结果是整页都在喊，没有重点。大部分内容直接放在页面上就好。

四、动效：传达状态，不做装饰

用平缓的减速曲线，不用弹跳
只对位移和透明度做动画，不对宽高做
动效要说明"发生了什么变化"，纯装饰的动效删掉

第二条是性能问题。对宽高做动画会让页面在低端手机上明显卡顿。

五、每页只有一个主要动作

当所有按钮看起来一样强，就等于没有主次。

每个页面只允许一个主样式按钮。 其他的用描边或纯文字样式。

这条比任何配色技巧都更影响转化。

两种模式，别混着用

模式	用在哪	风格
品牌模式	落地页、博客、作品集	可以有装饰性字体、丰富色彩、动效
产品模式	应用界面、管理后台、工具	克制、清晰，每个像素为任务服务

如果你的产品是工具，默认用产品模式。 在工具界面里堆装饰，用户会觉得它不专业。

怎么给 AI 提要求

不要说"做得好看一点"，那等于让它自由发挥。要说具体约束：

调整这个页面的视觉：
- 标题层级拉开，各级之间要有明显字号差
- 正文 16px，行高 1.6，每行不超过 80 字符
- 配色只用 [你的主色] 加中性灰，不要渐变
- 间距统一用 8 的倍数
- 卡片嵌套不超过两层，不要每个小节都包卡片
- 主按钮只留一个，其他改成描边样式
不要改动任何功能逻辑和文案内容。

最后一句很重要。不加这句，AI 常常顺手把文案也改了。