设计系统，这一集结了可复用组件、准则及资源的丰富凑集，致力于在浩瀚平台与设备之上，营造出既连贯又同等的用户界面。它作为一个架构框架，为设计师与开拓职员供应了一整套规则、理念和工具，旨在全组织范围内打造和掩护一种统一的设计措辞。
此系统涵盖了浩瀚元素，如精髓精辟的排版、和谐的色彩调配、精细的图标、有序的网格、直不雅观的用户界面组件以及创新的设计模式。常日，设计系统还会配备详尽的文档和辅导，深入阐述这些元素的运用办法，以确保其同等性，大幅减少设计上的不一致性或缺点。
设计系统的根本目的，在于通过为设计师和开拓职员供应一套共通的措辞和工具包，从而提升他们间的协作效率和事情成效。借助预设的元素体系，团队能够实现更加高效的协作，减少重复性劳动，进而创造出易于掩护且可持续发展的优质设计。此外，设计系统还确保企业的品牌形象及视觉识别在各个打仗点和平台上保持着高度同等性。
以下是一些在设计行业颇受欢迎并被设计师和开拓职员广泛利用的设计系统。
一、谷歌 — Material Design System
Google Material Design System是一个综合性的设计系统，由谷歌在2014年推出，以其独特的Material Design事理为根本。该系统重视利用阴影和光芒来创造视觉上的深度和层次感，同时采取大胆的排版和生动活泼的色彩调配。
为设计师和开拓职员供应了丰富的资源，Material Design System在不同平台和设备上保持同等性。它集成了UI组件、图标、布局等元素，并包含了确保设计过程中同等性、可扩展性和易用性的设计指南和原则。
Google Material Design System的紧张特点包括：
各种易于利用和履行的可定制UI组件，如按钮、卡片、对话框和导航栏。一套全面的设计指南和原则，旨在确保不同产品和平台间的同等性和易用性。强大的工具和资源，如Sketch插件和设计模板，帮助设计师和开拓职员快速高效地创建高质量的设计。看重可访问性和原谅性，供应适宜所有人利用（包括残障人士）的用户界面设计指南。Google Material Design System不仅是一套工具和资源的凑集，更是一种设计哲学，旨在提升用户界面的直不雅观性和相应性，同时确保设计的原谅性和通用性。
网站—https://m3.material.io/
二、Atlassian 设计系统
Atlassian设计系统（ADS），由协作团队和项目管理工具开拓商Atlassian倾力打造，旨在为Atlassian旗下所有产品和做事供应同等且流畅的体验，同时保留了个性化和灵巧性的空间。
ADS向设计师和开拓职员供应了丰富的资源，涵盖了用户界面组件、设计指南和可访问性标准等。此外，它还采取了一种以简洁、清晰和易用性为核心的设计措辞。
Atlassian设计系统的紧张特色包括：
在所有Atlassian产品和做事中实现同等性，供应完全的用户界面组件系列，包括按钮、表单和导航栏。精心制订的设计指南和原则，旨在确保不同平台和设备间的同等性和易用性。高标准的可访问性规范和指南，确保Atlassian的产品和做事可供所有人利用，不论他们是否面临身体寻衅或障碍。高度可定制性和灵巧性，许可团队根据自身特定需求和哀求调度设计系统。强调协作和团队互助精神，供应各种资源和工具，帮忙设计职员和开拓职员更高效地共同事情。Atlassian设计系统因其供应的全面资源和辅导而成为设计师和开拓职员的首选，它有效保障了所有Atlassian产品和做事的同等性、易用性和无障碍访问性。
网站 —https://atlassian.design/
三、微软 — Fluent Design System
流畅设计系统（Fluent Design System），由微软精心打造，旨在为其产品和做事创造一种沉浸式、吸引人的直不雅观用户体验。该系统建立在五大设计原则之上：光芒、深度、动态、材料和比例，每一原则都旨在增强用户界面的感官和互动体验。
Fluent设计系统的关键特性包括：
供应一系列全面的用户界面组件，如按钮、卡片和导航栏，以实现微软所有产品和做事中的同等性。通过精心利用光芒、深度、动态和材质，创造出具有层次感和深度感的视觉效果，同时通过动画使元素生动活泼。灵巧且适应性强的设计系统，许可个性化定制，确保团队可以根据自己的详细需求和哀求进行创新设计。强调可访问性和原谅性，供应全面辅导，确保设计适宜所有用户群体，包括残障人士。一系列设计工具和资源，包括设计模板、色彩调色板和排版指南，助力设计师和开拓职员快速且高效地创建高品质设计。流畅设计系统因其供应的全面资源和指南而受到设计职员和开拓职员的青睐，其有效地保障了微软产品和做事的同等性、易用性和无障碍访问性。
网站—https://www.microsoft.com/design/fluent/#/
四、Shopify — Polaris设计系统
Shopify Polaris，由电子商务巨子Shopify开拓，是一个专为在线商店设计的系统。Polaris致力于为Shopify的各项产品和做事供应一种连贯、统一的体验，同时也为用户供应了定制化和灵巧性的空间。
该设计系统为设计师和开拓职员供应了一系列丰富的资源，包括用户界面组件、设计准则和可访问性标准。它还采取了一种强调简洁、明晰和易用性的设计措辞。
Shopify Polaris的紧张特点包括：
供应全面的用户界面组件凑集，如按钮、表单和导航栏，以在所有Shopify产品和做事中实现同等性。设计指南和原则，旨在确保不同平台和设备间的同等性和易用性。可访问性标准和指南，确保Shopify的产品和做事可以被所有人利用，不论他们是否面临身体寻衅。高度的可定制性和灵巧性，许可团队根据自身的详细需求和哀求进行调度和定制。强调协作和团队精神，供应各种资源和工具，以助于设计职员和开拓职员更有效地共同互助。Shopify Polaris因其供应的全面资源和辅导，成为设计师和开拓职员的优选之选，有效地保障了所有Shopify产品和做事的同等性、易用性和无障碍访问性。
网页—https://polaris.shopify.com/
五、Ant 设计系统
Ant Design，出自阿里巴巴集团旗下蚂蚁金服之手，是一款全面而通用的设计系统。它旨在为设计师和开拓职员供应广泛的用户界面组件、设计指南和工具，以助力团队迅速、轻松地创造出高品质的设计。
蚂蚁设计秉承简洁、同等性和高效性的设计原则，其包含了一系列用户界面组件，如按钮、表单和导航栏等，以及设计指南和原则，旨在确保在不同平台和设备上的同等性和易用性。
Ant Design的核心特性包括：
一整套易用且易于定制的用户界面组件。重视可访问性，其设计指南和原则确保蚂蚁设计对所有人开放，不论其是否面临残疾或其他寻衅。跨平台兼容，用户界面组件适用于各种平台和设备。供应一系列设计工具和资源，包括Sketch文件、图标集和代码片段。拥有一个充满活力且相互支持的设计师和开拓职员社区，他们共同为设计系统贡献力量，并随着韶光的推移不断完善和改进。蚂蚁设计因其供应的全面、通用的资源和指南而受到设计师和开拓职员的广泛欢迎，有效地担保了各种项目和运用程序的同等性、易用性和无障碍访问性。
网页—https://ant.design/
六、IBM — Carbon 设计系统
IBM Carbon Design System 是由 IBM 开拓的设计系统，IBM 是一家跨国技能公司，供应广泛的产品和做事。Carbon 的设计目的是为 IBM 的所有产品和做事供应同等且可扩展的用户体验，同时大概可定制和灵巧利用。
Carbon 为设计职员和开拓职员供应了一系列资源，包括用户界面组件、设计指南、可访问性标准和开拓工具。它还包括一种强调简洁、清晰和可用性的设计措辞。
IBM Carbon 设计系统的一些紧张功能包括：
在所有 IBM 产品和做事中保持同等的一整套用户界面组件，包括按钮、表单和导航栏。设计指南和原则，有助于确保不同平台和设备的同等性和可用性。可访问性标准和指南，有助于确保 IBM 的产品和做事可供所有人利用，无论是否有残疾或毛病。可定制性和灵巧性，许可团队根据自己的特定需求和哀求定制设计系统。看重协作和团队精神，供应资源和工具，帮助设计职员和开拓职员更有效地协同事情。总之，IBM Carbon Design System 是设计职员和开拓职员的热门选择，由于它供应了一套全面的资源和指南，有助于确保所有 IBM 产品和做事的同等性、可用性和可访问性。
网站—https://carbondesignsystem.com/
七、AWS Amplify
AWS Amplify，由环球领先的云打算平台亚马逊网络做事（AWS）开拓，是一个专为企业和组织供应的设计系统和开拓平台。其紧张目的是帮助开拓者迅速且高效地构建可扩展、云驱动的运用程序和做事。
AWS Amplify为开拓职员供应了广泛的资源和工具，包括库、用户界面组件以及开拓框架。此外，它还供应了一系列开拓工具和做事，以便简化构建和支配云驱动运用程序（例如身份验证、存储和剖析）的过程。
AWS Amplify的核心功能包括：
一套全面的库和用户界面组件，用于构建适用于各种平台和设备的可扩展相应式运用。开拓框架和工具，旨在简化云驱动运用程序（如身份验证、存储和剖析）的构建和支配过程。看重安全性和合规性，供应资源和工具以确保运用程序的安全性，并知足监管哀求。供应一系列定制选项，使开拓职员能夹据自身的特定需求和哀求定制设计系统。与其他AWS做事（如亚马逊S3、亚马逊Cognito和亚马逊CloudFront）的集成，使开拓职员能够轻松地将这些做事整合到其运用程序中。因此，AWS Amplify因其供应的全面资源和工具，成为开拓职员在构建和支配云驱动运用程序过程中的首选办理方案。
网站—https://aws.amazon.com/amplify/
八、奥迪设计系统
奥迪设计系统，由德国著名汽车制造商奥迪精心打造，是一种旨在为其产品及数字平台供应统一和连贯视觉识别的设计措辞和系统。该系统领悟了多种设计元素，如排版、色彩、布局和图标，以及用户界面和体验设计的指南。
该设计系统的核心目标是映射出奥迪公司的核心代价不雅观——创新、精准和进取，同时塑造一个高端且令人神往的品牌形象。它不仅被运用于奥迪汽车的设计中，也广泛运用于其数字产品，如网站、运用程序以及车载娱乐和导航系统的界面设计。
奥迪设计系统的紧张特点包括：
看重简洁和极简主义，采取简练的线条、清晰的排版和有限的色调。在所有产品和平台上坚持同等的视觉措辞，以此打造统一的品牌形象。强调用户体验，供应直不雅观易用的界面和交互设计辅导。在传统与创新之间实现平衡，不仅表示奥迪的博识工艺和卓越工程技能，还拥抱新技能和设计趋势。综上所述，奥迪设计系统不仅是奥迪品牌形象的关键组成部分，也是塑造奥迪作为一个高端、令人神往品牌形象的主要成分。
网页—https://www.audi.com/ci/en/guides/user-interface/introduction.html
九、Spotify — 后台设计系统
Spotify的后台设计系统（Backstage Design System），由这家领先的音乐流媒体平台专门为其内部开拓职员门户网站及干系工具打造，目的在于供应一种统一且连贯的设计措辞。该系统包含了排版、色彩、布局、图标设计的指南，以及用户界面和体验设计的辅导。
后台设计系统的主旨在于为Spotify内部的开拓职员创造一个同等且直不雅观的体验环境，让他们能够轻松地访问和利用构建及掩护平台所需的各种工具和资源。它基于名为Backstage的框架，这是Spotify开拓的一个用于管理开拓职员门户的开源平台。
Backstage设计系统的关键特性包括：
重视模块化和灵巧性，方便设计系统的个性化定制和扩展。强调可访问性和易用性，供应易于理解和操作的界面设计指南，适应不同技能水平的开拓职员。所有Backstage组件和工具均采取统一、同等的视觉措辞。致力于开源发展和协作，向更广泛的开拓者社区开放Backstage框架和设计系统。综合来看，后台设计系统是Spotify内部开拓职员生态系统的主要组成部分，它供应了一种精简而高效的设计措辞，使开拓职员能夑轻松地构建和掩护平台。
网站—https://backstage.io/docs/dls/design/
十、Uber — 根本设计系统
Uber的“根本设计系统”（Base Design System），由这家领先的共享出行公司精心开拓，旨在为其广泛的产品和平台供应一个统一且可扩展的设计措辞。该设计系统涵盖了排版、色彩、布局和图标设计的指南，以及用户界面和体验设计的辅导。
根本设计系统的目标是为Uber的客户、司机以及其他用户群体创造一个同等且直不雅观的体验。同时，它还供应了灵巧的模块化设计措辞，以适应多样化的产品和利用场景。该系统基于Uber的设计原则，重点放在简洁、明晰和易用性上。
根本设计系统的紧张特色包括：
看重模块化和可扩展性，便于针对新产品和不同利用情形进行定制和扩展。强调无障碍性和原谅性，为不同背景和能力的用户供应易于利用和导航的界面设计指南。在所有Uber产品和平台中采取统一、同等的视觉措辞，打造出具有辨识度和难忘的品牌形象。致力于持续的改进和迭代，根据用户反馈和数据剖析不断更新和优化设计系统。总的来说，根本设计系统是Uber在设计和产品开拓流程中的关键环节，使该公司能够大规模地开拓出以用户为中央、易于利用的无障碍产品和做事。
网站—https://baseweb.design/
本文由 @Tomda 原创发布于大家都是产品经理。未经作者容许，禁止转载。
题图来自Unsplash，基于CC0协议。
该文不雅观点仅代表作者本人，大家都是产品经理平台仅供应信息存储空间做事。
