日照一家做物业管理的公司，开发业主端APP，设计稿和开发反复拉扯：设计师说"开发还原度太差"，开发说"设计稿没标尺寸我怎么还原"，另外闹到老板面前。老板问了一句："你们有没有设计规范？"两人都沉默了。设计规范，就是设计师和程序员之间的"普通话"。
设计规范是啥：UI的"国标"
设计规范是一份文档，把APP里所有设计元素定死：主色和辅助色的色值（比如主色#1B6EF3）、字体和字号体系（标题18px、正文14px）、按钮尺寸和圆角（按钮高44px、圆角8px）、间距规则（8的倍数）、图标风格、组件样式。有了它，任何设计师接手都能做出一样的效果，任何开发照着做都不会跑偏。
没规范的代价：三笔冤枉钱
第一笔，返工钱：开发凭感觉还原设计稿，色差、间距、字体全凭眼力，做完发现不对再改，一次返工几千块。第二笔，扯皮钱：设计师和开发互相甩锅，项目停滞，日照那家物业公司光扯皮就耽误了2周工期。第三笔，迭代钱：第一版做完，第二版换设计师，新人看不懂老稿，推倒重来。规范就是治这三笔钱的药。
设计规范包含什么：5个部分
一，色彩规范：主色、辅色、成功/警告/错误色，精确到色值；二，字体规范：各级字号、字重、行高；三，组件规范：按钮、输入框、弹窗、标签的尺寸和状态（默认/点击/禁用）；四，间距规范：统一间距倍数，页面看起来整齐；五，图标规范：图标风格（线性/面性）、尺寸、粗细。这5部分，覆盖了开发需要的全部信息。
怎么交接：4个文件一次给全
设计稿（标注好尺寸的切图文件）、设计规范文档、交互说明（页面跳转和状态说明）、资源包（图标、图片源文件）。日照那家物业公司，第二版APP让设计按这套方式交付，开发还原度从70%提到95%，返工几乎为零。交接时再开一次"设计-开发对齐会"，把规范逐条过一遍，比事后扯皮强百倍。
小项目也要规范吗
页面少于15个的简单APP，可以简化规范（只要色彩+字体+按钮三部分），但不能没有——哪怕一张A4纸，也能减少一半的沟通成本。日照中小企业做APP，记得跟开发方确认："你们有设计规范吗？"没有的，要求补上，这钱不能省。说白了，设计规范不是形式主义，是设计师和程序员的"共同语言"，语言通了，活儿就顺了。