设计规范
设计规范指为产品界面制定的一整套统一规则,涵盖布局、字体、间距、组件和文案等,让不同页面看起来一致,也让设计与开发有共同参照。
什么意思
4 个义项- 指企业或团队为界面视觉与交互制定的统一规则集合。它把颜色、字体、间距、控件尺寸等做成可复用的约定,使多个页面保持系统一致性,减少重复设计和反复确认。
- 指以设计价值观和原则为顶层、以模板与组件为中层、以排版字体文案等细则为底层的一套体系化文档。Ant Design 就把这一层结构描述为从设计价值观、设计模式到通用概念的完整链路。
- 指平台官方给出的可用性底线要求。例如 Apple 面向 iOS 建议可点按控件不小于 44 像素 × 44 像素、文本至少 11 像素、图像按原高宽比显示等,用于保证内容无需缩放或横向滚动即可阅读。
- 指与前端代码打通的组件库实践。设计规则落实为可复用代码后,设计师与工程师的沟通和视觉还原成本都会下降,这也是设计规范常被当作工程资产而非纯文档的原因。
什么语气
中性偏专业的工作用语,多见于产品、设计和研发协作场合,本身不带褒贬。日常聊天里基本不出现,出现在口语中通常带有自嘲或吐槽意味,例如被要求「照着设计规范来」。
用在哪儿
- 设计师接到新项目时,翻出团队的设计规范确认按钮、间距和字号用哪一套,避免每个页面各写各的。
- 产品经理和工程师评审页面,发现两个列表页的间距不一致,会说「这个不按设计规范来」。
- 新人入职做界面,被同事提醒先看设计规范再动手,减少来回改稿。
- 跨端产品要保持 iOS 和 Android 体验接近时,拿平台官方规范作为讨论依据。
- 设计系统建设团队把规范拆成模板、组件和一般概念,交给工程师转成可复用代码。
这样说
这个页面的间距和按钮都对不上设计规范,麻烦按规范再调一版。
新手先别急着画,先把设计规范过一遍,能省好多返工。
老板说要统一视觉,我说那得先把设计规范定下来。
设计规范里明明写了正文最小字号,这个太小了。
规范不是死的,特殊情况可以在它基础上做业务变体。
例句是编辑写的,只为演示怎么用,不是从谁的帖子里扒下来的。
从哪来的
该词在检索到的资料中是 UI 与产品设计领域的通用术语,并非带有隐喻的网络流行语。Ant Design 官方文档把它描述为在庞大且复杂的企业级产品中,通过抽象类似页面与组件、沉淀稳定高复用内容而逐步打磨出的设计体系,覆盖设计指引、最佳实践、设计资源和设计工具;Apple 开发者文档则从平台角度给出界面可用性的具体数值要求。资料中没有可确认的首次使用时间或起源事件。
注意什么
多数情况下它是中性工作术语,但说「不按设计规范」容易被听成指责,沟通时最好指出具体是哪一条细则,而不是笼统否定。另一个常见混淆是把「设计规范」等同于某一份具体文档,实际上它指规则集合,各平台数值不能互相照搬,Apple 的点按目标与 Ant Design 的网格、画板尺寸分别服务于各自体系。也不要把规范当成禁止创新:Ant Design 明确允许从通用模式衍生针对业务的方案,布局规则用于引导而非限制设计输出。
还不确定
- 检索到的权威页面均未标注可确认的首次发布时间,因此无法给出该词的起源时间。
- 没有可信资料证明「设计规范」具有网络流行语意义或特定起源事件,其在 UI 设计语境中应按行业通用术语理解。
- 不同平台的具体数值不可通用,本条目只说明规范是规则集合,不指向任何一套固定参数。
- 该词在日常口语中的使用频率缺少可依据的数据,本条目的口语用法描述基于场景推断。
常见疑问
设计规范是什么意思?
它指为产品界面制定的一整套统一规则,覆盖布局、字体、间距、组件和文案等,目的是让多个页面保持一致,并让设计师和工程师有共同参照。
设计规范和设计系统是一回事吗?
两者常混用。设计规范偏重规则与细则本身,设计系统通常还包括价值观、模式、组件库和代码实现等更完整的部分,范围一般更大。
设计规范包括哪些内容?
常见层级包括设计价值观与原则、通用设计模式、页面模板、基础与业务组件,以及排版、字体、文案等一般概念,部分还会落实为可复用的前端代码。
不按设计规范做会怎样?
最直接的结果是页面之间不一致,用户学习成本上升,团队沟通和视觉还原成本也会增加,但特殊业务场景在规范基础上做变体通常是被允许的。
设计规范会限制创意吗?
一般不会。规范主要解决反复出现的设计问题,让设计师把精力放在更需要创意的地方,Ant Design 也把它定位为引导而非限制。
iOS 和安卓的设计规范能通用吗?
不能直接通用。各平台的控件尺寸、点按目标等数值服务于各自体系,跨端时通常取共性、分别适配细节。