这10个顶尖的设计规范，每个设计师都应该收藏！

学习 UI/体验设，多看设计规范是必可的好方法。对于初者来说，可了解很好看又实的设计稿，那些中看中的飞机稿强多了。对于团队中的设计师来说，看设计规范不但以反思自己的方案，还能学习怎么整理一套设计规范。

一般提到设计规范，大家说得最的就是谷歌 Material Design、苹果的人机界面指、蚂蚁集团 Ant.Design。其除此之外，国际上还有很优的设计规范，值得大家参考借鉴。每个产品和项目的情况不相同，生搬硬套任何一种规范往往不太现。建议大家以几家设计规范，有选择地参考学习。

目录：

• 谷歌 Material Design
• 苹果人机界面指南 Apple Human Interface Guidelines
• 微软 Fluent 设系统
• Atlassian 设计系统
• Shopify 计系统
• IBM Carbon 设计系统
• Mailchimp 设计系统
• Salesforce Lightning 设系统
• Helpscout 设计系统
• 美国政府网站计系统

谷歌 Material Design

网站链接：https://material.io/

谷歌互联网行业的不言喻，业界咖都排队去应聘，不单技世界顶尖，设水平也相当高。

不过，他们作为家主要靠技术起家公司，设计系统更注逻辑性和系统性，学习和运用起来比较容易理解。

然而由于这套计系统不是以视觉为重点，所以更多地是参考交互而非视觉。

设计目标：

• 创造一套视觉语言，将经典的计则术创新、科学探索相结。
• 开一套统一的用户验系统，能够跨越平台、设备及输方式。
• 拓展视觉语言，为牌创与表达供基础框架。

苹果人机界面指南

网站链接：https://developer.apple.com/design/

用户体验被视为苹品优势，所以他们设计规范也有很多值学习地。苹设计规范含了多设备，括 macOS、iOS、watchOS、vOS。

这套计规范不像是 Material Design 那把各个规则和图示表达得清清楚楚，而是更像是面向开发者的产品计建议。

设计理念：

• 匠心高于一切：对于细节的极致追求
• 共情：用户需求并在意客户感受
• 聚焦：除有非必要的机会点
• 负责：人们对于一公司或产品的观点，全部归咎于其传递的信息
• 友好：不论是小白用户是高级用户，都能感受到高技品平易近
• 利用过去隐喻未来：简洁的计应该让用户易于使用

微软 Fluent 设计系统

网站链接：https://www.microsoft.com/design/fluent/

微软这盛不衰的 IT 界老哥，虽然早些那么重视体验设，但这些也搞出了自己的设原则的。

而这个设计原则不含 Web 和 Windows 平台，甚至将 macOS、iOS 和 Android 都分囊括在内。

软的软件产品全球覆盖率极广，为了足大量人群，将「包容性计 Inclusive Design」则作为最重要的计理念之一：

• 识排他性
• 解决一个，并拓展至更多
• 从样学习

Atlassian 设计系统

网站链接：https://atlassian.design/

Atlassian 不面几公司发自己的平台，敏捷团队提供协作具（如 Jira  Trallo）。虽然内那么出，但全球被千万的团队所使用。

所以他们设计规范是为了提高品设计和开发效率而创造，很接地容易使用。

计理念：

• 在交互立信任
• 以求更好的协作
• 匹与熟悉
• 端到端推任务
• 引导用户获取价

Shopify 设计系统

网站链：https://polaris.shopify.com/

Shopify 是来加拿大的一站式 SaaS 模式的商服。在以独立商网站为主流的国际市，将启动、运营和拓展业等流程都集起来，全球赋能超过百万户。

套设计系统以说是为自己的业务而开的，用很强，不但提供代码供复，而且还有 Web、Android 和 iOS 平台的互例。

设计念：

• 贴：对任何使用我们工具或产品的人表示关心
• 赋：我们希望人们使时感觉随心欲无
• ：应该让人感觉到我们的产品由一流的匠人精雕琢
• 效率：应该让快速、准确而不费力地成目标
• 赖：为了维持用户的任值而不懈努力
• 熟悉：不论是几次，希望人们使用产品时能够感到舒适

IBM Carbon 设计系统

网站链接：https://www.carbondesignsystem.com/

IBM 曾与微软苹果同人电脑赛道竞争，后转服务型企业，业务涉及商务咨询、软件发服务、IT 托与理，从软件产品到硬件甚至融资。

此他们这套设计规范，也带有很浓大型 B 端品色。

计则：

他们相信智慧、逻辑和科学能够帮助业、和人类状况得到提升。果局够大，的设计不仅仅是满客户要求，更是一种深次的责任感和关联。

Mailchimp 设计系统

网站链：https://ux.mailchimp.com/patterns/

在沟通都靠邮件的国际社会，Mailchimp 以用户体验极佳的邮件系统起家，业已经拓展至综营销，所以的计规范非常注重息展示。

设计理念：

在助务增长的同时，保持本心。牌念反映团队核心——对匠心的挚、对创意表达的热爱、对质的执着。

Salesforce Ligtning 设计系统

网站链接：https://www.lightningdesignsystem.com/

为球市占率一的 CRM 客户管理平台，Salesforce 的系统必须能够应对各种不同的业务和功能，所以他们在设计规范上也下不少功夫。

尤是为了移时代而更的 Lightning 轻量设计体系，与之前相做了很大的革。

设理念：

• 信任
• 就客户
• 创新
• 等

Helpscout 设计系统

链接：https://style.helpscout.com/

Help Scout 是一式客户务平台，为供聊天、邮件、客户管等务，类似于 SaaS 系统。

设原则：

• 牌值
• 帮的
• 信赖
• 人性化
• 积极向上
• 好奇心

美国政府网站设计系统

网站链接：https://designsystem.digital.gov/

说来很神奇，美国数化发展比较早，现在甚至已经搞出套自己设计系统来了。

虽然做得不能说别出色，但能有一就说度不错。

他们认为，用户需求应该为产品决策提供依据。无论受众是众还是政府雇，决策者必须从一开始就将用户纳设计流程，以帮助构建出能够正满人们需求的服务和产品。

设计原则：

• 始用户
• 获取信任
• 易使用
• 不断广
• 倾听

欢迎关注作者微信公众号：「体验进阶」