你肯定遇到过这种抓狂时刻——把设计稿发给程序员，结果做出来的按钮大得像麻将牌，文字间距宽得能开过山车。哎，这就是没搞懂标注的厉害！今天咱们就唠唠这个设计师的"保命技能"。
先说个吓人的案例：2022年杭州某电商公司因为标注错误，导致移动端页面集体错位，被判赔了23万违约金。这比餐厅上错菜赔得还狠，你说冤不冤？
一、标注是设计师的防弹衣
像素级标注可不是闹着玩的！就跟施工队要建筑图纸似的，少个尺寸标注意味着程序员得自己猜。跟你说个真事儿：深圳某金融APP的登录按钮，设计师漏标点击热区范围，结果用户总点不中，差点引发集体投诉。
这里有个野路子：用8px基线网格做标注，程序员照着写代码能省一半时间。但千万别学某些培训机构教的"等比缩放标注法"，那套把戏在真实项目里准露馅。
二、必须死磕的五个标注点
新手最容易在这些地方翻车：
- 字体行高陷阱：标注了字号却漏行距，就像炒菜只放盐不放油
- 响应式断点黑洞：不同屏幕尺寸的布局变化没写清楚
- 交互状态盲区：按钮的点击态、禁用态样式集体失踪
- 图片比例玄学：只说"图片要美观"，不写具体宽高比
- 边距叠罗汉：模块间距一会儿用margin一会儿用padding
去年有家创业公司就栽在第三个坑里——设计师没标注输入框的报错状态，程序员直接用了系统默认的红色边框，结果被用户吐槽像血库宣传页。
三、标注工具选得好，加班熬夜少
别被那些花里胡哨的插件晃花眼，这几个够你用到退休：
- 基础款：Figma自带的标注功能（适合接私活）
- 进阶版：PxCook（国产神器，能自动生成CSS代码）
- 王炸组合：Zeplin+Jira（大厂标配，但学习成本高）
提醒你个坑：某宝上卖的"标注神器"插件，其实是五年前开发的淘汰货。现在主流浏览器都不支持了，买回来就是电子垃圾。
四、标注界的潜规则
跟程序员打交道得懂这些黑话：
- "间距用8的倍数"意思是别搞出13px这种奇葩数
- "图标导出SV代表要带颜色参数和描边设置
- "移动端单独标注"暗示要标注点击区域最小44×44
- "适配黑暗模式"必须标注两种主题色值
跟你说个绝的：北京某大厂设计总监要求标注文件里藏彩蛋——把团队成员的星座符号嵌在间距数值里。结果有次版本回滚，程序员靠这个彩蛋快速定位了历史版本。
你问我答
Q：不标注真的会被**吗？
A：看情况！要是签了正式设计合同，漏标关键参数导致损失，真可能被告。但接私活的话，顶多被拉黑。
Q：标注要详细到什么程度？
A：记住"三岁小孩法则"——你标注的文件，得让完全不懂设计的人能照着做出来。就像教小朋友搭积木，每一步都得画明白。
小编观点摆这儿：现在连AI都能自动标注了，但千万别当甩手掌柜。那些带思考痕迹的手动标注，才是设计师的护城河。对了，最近发现个新趋势：标注文件开始要求注明ARIA无障碍属性，这波操作我给满分！
