反模式 · 字体与图标 · 中
拿 Emoji 当图标
拿 Emoji 当图标指用装饰性 emoji——火箭、闪电、对勾——替代成套的线性图标。
症状
🚀 ✨ ⚡ ✅ 被用作功能图标、列表符号或状态标记,混在真正的界面元素里。
为什么会这样
Emoji 不需要任何资源管线、语义覆盖又广,是阻力最小的路径。而且它渲染成彩色,模型把这读作「亲切」。
规则
一套线性图标、一个字重、一个尺寸、currentColor——界面层里不要有 emoji。
- 把每个 emoji 换成同一套 1.5-2px 描边图标。
- 图标尺寸锁定到文本行高(通常 16 或 20px),颜色用 currentColor。
- emoji 只出现在用户生成内容里,绝不进界面框架。
拿 Emoji 当图标是什么?
Emoji 免费、表现力强、一眼能懂,所以只要某个功能需要符号,模型就会去拿。结果是一个页面上每个图标的颜色、粗细、风格都随字形变化,而且每个平台渲染都不一样。指定一套统一的线性图标、统一字重与尺寸并不难——而它正是「草图」和「产品」的分界。
修复 Prompt
贴在你现有 Prompt 之后,把这类毛病从结果里剥掉。