那天下午，小周拿着刚出炉的UI稿来找我，满脸困惑：“我全部按设计指导原则调的，按钮间距48dp，字号也统一了，怎么在安卓上字体糊成一坨？”我把他的手机接过来一看，页面底部的大按钮愣是被虚拟导航栏遮掉了小半截——效果图里可没这条黑边。
你以为是照着图纸装修，其实是现场砌墙
很多人搜“app设计规范”，心里想的是装修那个逻辑：效果图啥样，装到墙上就啥样。但真实开发更像在工地现场砌墙，图纸上的余量和材料清单，一到实际尺寸就得出岔子。比如那个“较小点击区域48dp”，规范没告诉你，在列表最后一项底部如果不额外预留安全区，带Home Indicator的iPhone就会把那块热区啃掉一半。光盯着Sketch里的红色参考线，压根看不见这种现场。
更常见的坑是字型。一份规范里用苹方标得好好的，到了Android上根本没有这字体，只能fallback成思源黑体。可思源黑体的字重、行高跟苹方不在一个频道上，原先精心调好的段落间距立马走样。这时候就得拉上开发一起试真机，定一套带容差的参数，而不是只丢一份PDF过去。
藏在真机里的两处细节，教科书不会写
先说图标。很多APP设计规范会教你导出多倍图，却没提部分安卓低端机对SVG的解析实在不可靠。我们在两台三百元的测试机上实测，同样的矢量图标，一台渲染出锯齿，另一台干脆缺笔画。最后不得不妥协，给所有关键入口补了一份PNG备用。这个动作，任何设计指导原则里都翻不到。
再说间距。一个页面里有弹窗、有键盘、有底部操作栏，三者的避让关系在静态稿里很清爽。可真实现出来，小米的全面屏手势区域会把底部按钮的响应吃掉5像素。我们最后用了一个笨办法：在底部操作栏下方永远多垫一条5dp高的透明占位条，机型一检测，不显示但撑住排版。这种土办法规范里不会建议，但实实在在做下来，总算不再漏点。
那些不得不低头的妥协
有一回为了对齐iOS上的毛玻璃效果，Android上怎么调都差一点通透感。硬要用同等模糊算法，中端机就掉帧。后来产品、设计与开发三方商量，把那一块换成带渐变遮罩的静态背景，视觉上少了点灵动，可滑动帧率稳住了。这就是现实：app设计规范只能帮你画个框，框里怎么填，得在具体机型上磨出来。
所以定规范时，别只对着大厂的文档照搬。把你手里用户量靠前的那几款中低端机跑一遍，把键盘弹起、状态栏变色、横竖屏切换这些场景列个清单，一个一个过。踩过这些真实的坑，你那份规范才算真的长出了筋骨。