设计规范，到底要不要放作品集？
星球有同学提问，规范可不可以放作品集，一般放几个组件和图标没有任何新鲜感，除非你能做到这些水平。今天也分享几个知名设计规范，供大家参考学习。
如果你想看更多精华文章、经验分享，欢迎加入我们的设计日记星球，更多内容可在星球查看。
01. 为什么要做设计规范
设计规范对于我们来说现在已经不陌生了，在我们的平时工作中也经常用到。设计规范不但可以提高我们的工作效率，还可以让开发、产品、运营、用户等人员对产品体验有着更好的认知理解。
在团队里面尤其是多人团队，通常都是不同的人负责不同的工作内容流程，如果没有规范，那么就有可能设计出几种组件多种方案。不但会产生大量重复工作，效率还会低下，说不定还有返工。
而有了设计规范之后，就可以直接利用规范里的组件快速搭建好页面，把设计师从基础工作中释放出来，大大提升设计效率，减少复杂内容，还不会出错。
当然设计规范也不是说做就做的，下面就介绍几个有名的设计规范给大家，可以用来参考学习。文章中提到的所有的设计规范网站也都已打包好，需要的同学可以先添加叮当猫回复“设计系统”领取，已有叮当猫的无需重复添加。
02. 10大知名设计系统
▍1、Material Design
Material Design 是由谷歌在2014年开发的一种为了让 UI 页面更加美观的设计规范，不仅仅是安卓产品的设计规范和风格，甚至鼓励设计师和开发者把这种风格用在苹果设备和 windows 设备上。作为设计规范，它很包容，却有时又非常严格。使用了 Material Design 的产品能够给人很强的统一感和秩序感。
Material Design 的设计灵感来自现实世界中真正的物质材料。Material Design 设计语言强调根据用户行为凸显核心功能，进而为用户提供操作指引，通过鲜明、形象的颜色差，添加合适的动作来引导用户。
谷歌认为现实世界中的材质触感是可以通过纸片来表达，通过在设计上运用符合运动规律的动画交互、通过光影打造设计层次的关系可以创造出全新的虚拟交互空间。
在视觉上，谷歌不仅要求生动形象，更要求设计时要确认设计的目的。强调视觉设计要为用户提供指引，凸显页面当下的核心功能。
上图是 Material Design 的规范组成元素组件、图标、字体。
▍2、Fluent Design System
微软这个长盛不衰的 IT 界老大哥，虽然早些年没那么重视体验设计，但这些年也搞出了自己的设计原则。
而且这个设计原则不但包含 Web 和 Windows 平台，甚至将 macOS、iOS 和 Android 都分别囊括在内。
从平板电脑到笔记本电脑，从 PC 到电视，从现实世界再到虚拟世界。不管什么设备都带给你极致的体验感，自然而流畅。
流畅的体验会根据用户行为和意图进行调整，了解并预测需要什么。
Fluent 是由灯光、深度、运动、材料、规模五大基本原理构成一个有趣的系统。
▍3、Atlassian
Atlassian 不像上面两个开发了自己的平台，它是为团队提供协作工具。虽然国内没有那么出名，但在全球被成千上万的团队所使用。
所以他们的设计规范就是为了提高产品设计和开发效率而创造的，很接地气且容易使用。
Atlassian 里面的 Scrum 板可以帮助团队将复杂的大型项目分解为易于管理的小块工作，使团队能加速交付成果。
Atlassian 有五大设计理念，在每次交互中建立信任、连接以求更好的协作、匹配与熟悉、端到端推动任务、引导用户获取更大价值。
Atlassian 与许多知名企业都合作过。
▍4、Shopify
Shopify 是来自加拿大的一站式 SaaS 模式的电商服务平台。在以独立电商网站为主流的国际市场，将启动、运营和拓展业务等流程都集合起来，全球赋能超过百万客户。
这套设计系统可以说是为了自己的业务而开发的，实用性很强，不但提供了代码供复制，而且还有 Web、Android 和 iOS 平台的可交互实例。
干净、简单的设计风格让人感觉平易近人、高效。
Shopify 很重视色彩的美观使用，但更重视清晰的表达含义。颜色表达内容的清晰，传达信息层次结构、交互状态以及不同元素之间的差异等内容。
Shopify 希望用户感觉到他们的产品是由一流的匠人精心雕琢而成，而且不论是第几次，都希望用户使用产品时能够感到舒适。
▍5、Human Interface Guidelines
用户体验被认为是苹果产品的优势，所以他们的设计规范也有很多值得学习的地方。苹果的设计规范包含了多种设备，包括 macOS、iOS、watchOS、vOS。
这套设计规范不像是 Material Design 那样把各个规则和图示表达得清清楚楚，更像是面向开发者的产品设计建议。
与所有设计一样，设计包容性应用程序是一个迭代过程，需要时间才能做到正确，对不断发展的知识和理解持开放态度。简单、直观的体验是精心设计的应用程序的核心。
Apple 的人机界面指南 (HIG) 是面向希望在 Apple 平台上创造出色体验的设计师和开发人员的综合资源，经过全面重新设计和更新，以满足设计师的需求。
小部件可以从应用或游戏中提升少量及时的个人相关信息，将其显示在用户一眼就能看到的地方。
独特、令人难忘的图标传达了用户体验的目的和个性，可以帮助大家在 App Store 和设备上一眼就认出应用或游戏。
▍6、Carbon Design System
Carbon 是 IBM 的产品和体验开源设计系统。该系统以 IBM 设计语言为基础，由工作代码、设计工具和资源、人机界面指南以及贡献者社区组成。
Carbon 库在 Sketch 中进行投资组合项目页面设计。
仪表板页面设计示例。
自 Carbon Design System 的 Gray 10 主题、数据表、分页、按钮、面包屑、日期选择器、搜索和 UI Shell 组件的资源页面 IBM Maximo Asset Monitor 的示例设计。
IBM 曾经与微软和苹果同在个人电脑赛道竞争，而后转为服务大型企业，业务涉及商务咨询、软件开发服务、IT 托管与管理，从软件产品到硬件甚至融资等。因此他们的这套设计规范，也带有很浓重的 B 端产品的色彩。
▍7、Mailchimp
在沟通都靠邮件的国际社会，Mailchimp 以用户体验极佳的邮件系统起家，业务已经拓展至综合营销平台，所以他们的设计规范非常注重信息展示。
Mailchimp 的色彩既有趣又富有表现力。
MailChimp 的规范写明了栅格系统，字体字号等各种元素。
品牌理念也反映出其团队核心——对匠心的诚挚、对创意表达的热爱、对品质的执着。
▍8、VOLVO Design System
长期以来，沃尔沃都是市场上比较受欢迎的汽车品牌之一，品牌形象看起来优雅、坚实。2010年后，沃尔沃的设计变得复杂而新颖起来了。
排版是品牌传播的重要组成部分，一致的印刷元素可确保易读性和品牌识别度。
网格为视觉元素和排版提供了基础，使用网格是我们设计过程的重要部分，以确保设计稿之间精确、有序和清晰。
颜色是沃尔沃汽车设计系统中的一个重要关键因素。如果使用得当，它可以创造出一致的品牌性，并有助于定义品牌精致、低调的审美。
这套设计系统不是以视觉为重点，所以更多地是参考交互而非视觉。尤其是为了移动时代而更新的轻量化设计体系，与之前相比做了很大的革新。
▍9、Airbnb Design System
每家公司都需要不同的流程来构建他们的设计系统，以符合他们自己的组织、文化和产品，在 Airbnb 就可以很好的设计。
Airbnb Design 提供的免费数字工具包，可帮助自由插画师优化业务，让他们有更多时间专注于自己喜欢的事情。
许多社区案例更新在 Lottie ，更多案例将显示在综合文档网站airbnb.io/lottie上。
▍10、Lightning Design System
作为全球市占率第一的 CRM 客户管理平台，Salesforce 的系统能够应对各种不同的业务和功能，所以他们在设计规范上也下了不少功夫。
在 Salesforce 做出设计决策时，始终牢记这些核心原则。
- 明晰：消除歧义。使人们能够自信地看到、理解和行动。
- 效率：简化和优化工作流程。智能地预测需求，帮助人们更好、更智能、更快地工作。
- 一致性：通过对相同的问题应用相同的解决方案来建立熟悉度并加强直觉。
- 好看：通过深思熟虑和优雅的工艺表现出对人们时间和注意力的尊重。
全新的 Lightning Design System 清晰、高效、美观，为企业应用程序中的用户体验树立了新标准。它的不同之处还在于，它的底层设计系统（闪电设计系统）可供所有人使用，以便在扩展现有功能或与外部系统集成时提供统一的体验。最终结果是跨系统的统一用户体验以及 Salesforce 内和跨系统边界的简化工作流。
为了移动时代而更新的 Lightning 轻量化设计体系，与之前相比做了很大的革新。
03. 最后
一个好的规范应该是高效的、简单易懂的。具体执行时，我们应该确保分类合理、规范本身保持一致、布局排版易读，来提升设计师效率；确保定义清晰、描述准确、场景完备，来帮助设计师理解和使用。但值得注意的是，不要因为规范而限制了自己的思维，当发现规范有问题的时候，要及时去修正，而不是做了一次之后，一直沿用，永不修改。
大家如果要做设计规范的，可以参考这些，文章中提到的所有的设计规范网站都已打包好，需要的同学可以添加叮当猫回复“设计系统”领取，已有叮当猫的无需重复添加。
点击了解和加入
如果对设计日记会员有任何疑问，可以添加设计日记运营官叮当猫微信（ddm1915），已有微信无需重复添加。