AI Pulse
📡 X 信号

AI写前端总爱堆灰色小字,有人定了四条硬规矩

现在的模型写前端有个习惯,特别喜欢往页面上塞各种说明小字。不管写什么界面或者组件,它总忍不住在标题、表单或者列表下面补几句灰色提示,解释背后的逻辑、使用注意事项或者各种前提条件。模型本意是想把事情交代清楚,结果页面越写越碎,到处都是打补丁一样的注释。

我现在给模型定死了几条通用的前端界面原则,专门改这个习惯。

页面必须保持干净,所有直接露出来的文字都得帮用户使用当前界面,只留核心内容、数值单位、空状态和缺失提示这类必要信息。至于底层逻辑、使用说明和各种限制条件,全部收进单独的说明页或文档里讲一次,不要在每个页面反复念叨。某个区块确实需要解释,在标题旁边放个小图标链到对应的说明章节就行,别往页面上多加一句话。

次要信息不能牺牲主界面的排版。优先用最轻量的形式把信息表达清楚,如果多加一点辅助内容就导致文字异常折行、布局被撑变形,或者在页面全宽下还得左右滚动,那就换更轻的形式,或者收到切换开关后面。

每次改完视觉样式还得去预览里实际看一遍,桌面全宽和手机端都要看,支持多语言的话中英文也得分别切过去检查。模型光凭代码很难算准真实渲染出来的宽度,加上中英文排版差异很大,不看预览很容易出问题。

查看 X 原帖

订阅 AI Pulse

每天 08:00 · 12:30 · 18:30 · 23:50 更新