黑话与术语

标注

biāo zhù行业术语也写作 设计标注、设计稿标注、UI标注

标注在 UI 设计与互联网产品研发中指设计师对设计稿中的尺寸、间距、颜色、字体等参数作出说明,供开发人员据此还原界面。

什么意思

2 个义项
  1. 在 UI 设计交付语境中,标注指设计师在设计稿上标明界面元素的尺寸、间距、颜色、字体、圆角等参数,让开发人员能直接照做。它是设计交付物的一部分,通常与切图、设计规范、设计源文件一起交给开发。
  2. 标注也可以指一套具体做法的成果,即带尺寸和参数说明的标注图或标注数据。传统做法是在制图软件里手动标出数值,协作平台则能自动读取图层数据并展示,还能顺带生成多平台样式代码。

什么语气

中性、技术性,属于工作场合的专业说法。同事之间讨论交付进度时语气随意,写进文档或流程说明时偏正式,本身不含褒贬。

用在哪儿

  • 设计师完成视觉稿后,需要整理标注交给前端开发,常在产品、设计、开发三方群里提到。
  • 开发对着设计稿问某个元素间距多少、颜色值是多少时,设计会让他直接看标注。
  • 团队讨论设计交付流程时,会把标注和切图、设计规范、代码并列,作为交付资产的组成部分。
  • 设计协作工具的产品介绍或使用说明中,会用标注来描述自动读取图层数据、查看参数的功能。

这样说

这版稿子标注还没做,开发先别开始切。
间距和字号都标在标注里了,你点一下图层就能看到。
他手动标了三天,换了个协作平台之后自动就出来了。
设计规范里的颜色值跟标注对不上,得让设计再确认一下。

例句是编辑写的,只为演示怎么用,不是从谁的帖子里扒下来的。

从哪来的

本轮资料只把标注放在 UI 设计稿交付、开发对接的语境中,与切图、设计规范、代码并列,并被描述为设计交付需要完成的环节之一。资料显示,标注早期可以直接用制图软件制作,也可以是其他标注工具;随着设计协作平台出现,逐渐发展为单击或悬停即可查看图层数据、自动智能标注并生成样式代码的工作流。资料均未给出明确发布时间,检索也未发现权威证据表明它是网络流行语或存在可信的首创者与最早出处,现有信息只支持把它看作 UI 与互联网产品研发领域的职业术语。

注意什么

这个词在日常生活中含义很广,可以指标记号、批注、标记,所以脱离设计交付语境单独说标注,听的人可能理解成别的意思;要表达本条含义,最好说清楚是设计稿标注或 UI 标注。另外,不同团队对标注覆盖范围的界定不一致,有的只强调尺寸说明,有的把颜色、字体、间距、图层属性、组件变量都算进去,跨团队沟通时按自家习惯理解容易产生偏差,涉及具体参数时最好确认口径。资料也没有显示标注是网络流行语,不宜当成一般网感词汇使用。

还不确定

  • 标注在普通汉语中含义很广,本条只能依据发现位置和采集备注限定为 UI 设计交付术语,不能据此概括其他语境下的用法。
  • 不同团队和工具对标注范围的界定可能不同,尚无本轮检得的统一行业标准。
  • 两份资料均未显示明确发布时间,无法据此判断该用法的起源、最早出现时间或流行阶段。
  • 本轮未找到权威资料证明该词是网络流行语,也未找到可信的首创者或最早出处。

常见疑问

标注是什么意思?

在 UI 设计和开发对接里,标注指设计师在设计稿上标明尺寸、间距、颜色、字体等参数,让开发人员照着还原界面,属于设计交付的一部分。

标注和切图有什么区别?

切图是把设计稿里的图标、图片等元素导出成开发可用的图片文件;标注是说明尺寸、颜色、间距等参数。两者常一起交付给开发。

设计稿标注一般标些什么?

常见的有元素尺寸、间距、颜色值、字体字号、圆角等。不同团队范围不一样,有的还把图层属性和组件变量算进去。

标注是网络流行语吗?

不是。现有资料只把它放在 UI 设计稿交付的语境里,属于 UI 和互联网产品研发的职业术语,没有证据显示它是网络流行语。

标注一定要手动做吗?

不一定。资料提到传统做法可以直接用制图软件标注,也有其他标注工具;设计协作平台则可以自动读取图层数据、智能标注。

跟开发说标注是什么意思?

就是告诉对方设计稿的尺寸和实现参数已经整理好了,可以去看标注数据开始开发,不必再来回问具体数值。

标注和设计规范是一回事吗?

不是。设计规范是整体性的规则集合,标注针对具体设计稿给出参数说明,两者可以并存,都是设计交付资产的一部分。

相关的词

参考来源

2 条
最后核实:2026年9月12日 · 依据 2 条公开证据