最近一些小伙伴说公司要出一套产品设计规范，用来统一产品视觉，离职时方便同事对接，然后跑来问良心哥有没有这方面参考可以看看？其实这些资料网上很多，只要我们稍微用心一点就可以找到很多一堆，今天用一篇文章帮大家打通设计规范的任督二脉，让你不再为此流眼泪！

目录一、什么是设计规范？二、国内优秀规范推荐三、国际知名规范推荐四、终极设计规范神器推荐一、什么是设计规范？设计规范对于一些设计师来说已经耳朵听出老茧了，其实有时就这么一个熟悉不过的东西，对于很多初学者来说得花很多时间去研究学习，那么简而言之设计规范就是项目产品设计的文档，里面包含很多很多细小的规范，不仅仅是图标色彩字体等，还有组件按钮、代码段、设计指南、设计资源文件等等一个庞大的知识库！它通常作为网站（公共或内部）在线托管，单独存在，方便一些相关人士调用。图片二、国内优秀规范推荐相比国际设计规范，我相信很多人可能更想参考学习国内一些大厂的设计规范吧，因为可能更“接地气”！1、微信官方文档有关微信平台所有的设计开发文档规范图片不仅仅是微信小程序，这里是微信官方推出的有关微信其他平台的设计&开发文档，对我们这批互联网从业者非常友好，提供了非常详细的说明，不管是学习研究，还是调入接口说明都非常方便。图片当然这里面微信其他平台的设计规范都提供免费下载，包含各种常见的格式！图片极速体验↓https://developers.weixin.qq.com/doc/2、支付宝小程序设计规范图片标题已经写的很明白了，为构建支付宝生态体系友好一致的用户体验，支付宝拟定了支付宝小程序设计体验白皮书，帮助小程序合作伙伴快速了解设计核心关注点。不管是研究别人设计规范还是我们去支付宝开发小程序都非常有用！图片极速体验↓https://opendocs.alipay.com/mini3、百度小程序设计规范图片百度发布的智能小程序设计规范十分完善，提供的 500+ 组件基本覆盖了小程序设计和使用的绝大多数场景，和 WeUI 一样，只要从资源库里拖拖拽拽，就可以轻松搞定各种页面！同时，还提供了一套精致的插画库和一套图标库，素材丰富，不仅能用来创作小程序的页面内容，用在其他海报、封面等设计中图片图片极速体验↓http://navo.top/JB7fiy4、Ant Design 相关设计规范Ant Design是蚂蚁集团基于大量的项目实践和总结，研发的服务于企业级产品的设计体系。图片里面提供了丰富的基础 UI 组件，以及各个组件的使用方法以及还有各种表单、列表、导航、落地页、按钮等组件库，非常多参考模板。下面推荐4个蚂蚁金服不同方向的设计规范参考蚂蚁金服移动端https://mobile.ant.design/zh/index-cn图片蚂蚁金服PC端https://landing.ant.design/docs/introduce-cn图片蚂蚁金服动效规范https://motion.ant.design/index-cn图片蚂蚁金服可视化规范https://antv.vision/zh图片5、Element Plus饿了么官方设计规范图片Element-Ul是国内饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库，他们也推出了对应的手机端框架Mint UI，前端们爱不释手！很多公司程序都用的这套框架，我们可以在基于Element规范下设计话，方便对接很多，当然设计规范文档资源也是有的，自己可在官方下载！图片极速体验↓https://element-plus.org/zh-CN/6、TDesign腾讯官方设计规范体系图片TDesign 是腾讯内部团队联合开发者一起打造的企业级设计体系。汇集了腾讯众多优秀组件库能力和设计研发经验，包含桌面端、移动端、小程序等组件库源文件资源下载。图片极速体验↓https://tdesign.tencent.com/7、Semi Design抖音设计规范图片Semi Design是由抖音前端团队，MED 产品设计团队设计、开发并维护的设计系统。包含了设计语言、React 组件、主题等开箱即用的中后台解决方案，可用于快速搭建美观的 React 应用。现已已持续稳定维护了两年多，它高质量组件和强大的主题定制特性也获得一众用户的青睐。图片极速体验↓https://semi.design/zh-CN/8、ArcoDesign字节跳动官方设计规范图片ArcoDesign 字节跳动旗下中后台产品的体验设计和技术实现规范文档，极具参考价值！极速体验↓https://arco.design/9、HarmonyOS Developer华为鸿蒙设计规范图片HarmonyOS 回归本源设计，从浩瀚宇宙中抽象出动态语言，模拟真实世界中的物理动力学，将万有引力融入到动效设计中。支持官方图标、字体等素材资源下载图片极速体验↓https://developer.harmonyos.com/10、Zan Design有赞官方设计规范图片有赞团队打造的服务于Saas产品的设计系统，规范主要包括产品原则、设计原则、内容策略、布局与模式、视觉、动效、资源、组件等几大部分组成图片极速体验↓https://design.youzan.com/resource/resource.html11、Mand Mobile滴滴金融官方设计规范图片滴滴金融团队发布的面向金融场景金融行业设计的组件库，他们希望通过组件化的解决方案，快速拉齐标准，降低生产成本，让设计师能更好的专注于效率之外的增长创新设计体验中。图片极速体验↓http://navo.top/rEZZ7312、Ding UI钉钉官方设计规范图片钉钉团队发布的Ding UI 4.0，组件类型全面丰富，支持素材资源下载！图片图片图片极速体验↓https://open.dingtalk.com/小结以上便是今天国内一些大厂优秀设计规范网站了，排名不分先后，除此之外还有很多很多这边就不一一列举，只要你想得到的公司基本都有自己设计规范系统，这里没列举别不代表没有，不信你去搜搜华为、快手、京东、美团….都有的，感兴趣可自行百度，这边只是抛砖引玉，下面我们一起看看国际一些不错的规范网站~三、国际知名规范推荐1、Human Interface Guidelines苹果官方设计规范图片苹果官方设计规范是我们每个互联网人经常要去翻的一个专业设计网站，里面包含各种视觉、交互、产品及数据架构规范Apple面向外部的设计系统为macOS，iOS，watchOS，vOS的开发人员，设计人员和发行商提供了最佳实践，准则和资源。图片iOS三大设计原则：遵从、清晰、有深度图片除此之外，苹果官方也提供了他们的设计规范源文件供我们免费下载，所以每次各群求大神要iOS15规范文档，你还不如亲自来下载图片图片同样也包含苹果最新字体包、各种设备样机、开发文档等等图片图片

极速体验↓

2、Material Design

传说中的安卓MD谷歌设计规范