跳到正文
UIGrammer
EN 中文

反模式 · 字体与图标 ·

拿 Emoji 当图标

拿 Emoji 当图标指用装饰性 emoji——火箭、闪电、对勾——替代成套的线性图标。

症状

🚀 ✨ ⚡ ✅ 被用作功能图标、列表符号或状态标记,混在真正的界面元素里。

为什么会这样

Emoji 不需要任何资源管线、语义覆盖又广,是阻力最小的路径。而且它渲染成彩色,模型把这读作「亲切」。

规则

一套线性图标、一个字重、一个尺寸、currentColor——界面层里不要有 emoji。

  1. 把每个 emoji 换成同一套 1.5-2px 描边图标。
  2. 图标尺寸锁定到文本行高(通常 16 或 20px),颜色用 currentColor。
  3. emoji 只出现在用户生成内容里,绝不进界面框架。

拿 Emoji 当图标是什么?

Emoji 免费、表现力强、一眼能懂,所以只要某个功能需要符号,模型就会去拿。结果是一个页面上每个图标的颜色、粗细、风格都随字形变化,而且每个平台渲染都不一样。指定一套统一的线性图标、统一字重与尺寸并不难——而它正是「草图」和「产品」的分界。

修复 Prompt

贴在你现有 Prompt 之后,把这类毛病从结果里剥掉。