今天,给各位小伙伴精选了19个国内外大厂设计系统和组件库,并且都附上了简要说明。获取地址在文末,记得点赞收藏鸭~~
1.Apple UI Design
随iPhone12之后发布的iOS14设计系统,官网文档虽然没有material design那么具体细节,但是组件库相对丰富完善。而且如果设计师涉及到iOS端产品的设计,不论是理念还是规范都需要尽可能烂熟于心。
https://developer.apple.com/design/resources/

2.Microsoft Fluent Design System
微软发布的设计系统,目前在win10可以看到这个系统的全面运用,钢铁直男般的直角风格和亚克力材质让人记忆犹新。
https://www.microsoft.com/design/fluent/#/

3.Material Design
Google所发布的设计系统,一经推出便红遍全球,这款设计系统所产生的影响力无出其二,正是MD的存在,才涌现了antD、polaris那样一批优秀的设计语言。
话说Material You跟随Android 12发布后一直没有在官网更新资源,还挺期待的。
https://material.io/resources

4.微信小程序
微信团队推出的小程序组件库,如果有小伙伴有微信端设计需求,这个是必看的~
https://developers.weixin.qq.com/miniprogram/design/#%E5%9B%BE%E6%A0%87

5.antDesign
受Material Design的启发,由蚂蚁金服团队在2016年发布。antD是国内首个使用原子设计理论而搭建的设计系统。它最大的亮点是为开发小锅提供了开箱即用的组件框架,并且也覆盖了绝大部分的应用场景。对于B类中后台产品的开发极为友好和易用,而且目前还在不断得更新,参考价值相当高。
https://ant.design/index-cn

6.手淘购物小程序
购物小程序组件库,电商相关的场景搭建可酌情参考。

7.手机qq小程序
qq小程序组件库。

8.京东TaroUI
凹凸实验室为京东Taro定制的一套多端UIKit,场景和组件类型非常全面,而且像antD一样有自己的wiki文档。网站也提供了小程序和h5供体验。
https://taro-ui.jd.com/#/docs/introduction

9.滴滴金融
滴滴金融团队发布的面向金融场景的UI组件库,如果有小伙伴做金融行业设计的组件库,那么它是绝佳的参考对象。
https://didi.github.io/mand-mobile/#/zh-CN/home

10.饿了么element
饿了么团队倾情打造的网站快速成型工具,基于vue2.0的前端组件库,很多设计理念和组件样式参考了antD。
https://element.eleme.cn/#/zh-CN

11.钉钉Ding UI
钉钉团队发布的Ding UI 4.0,组件类型全面丰富。而且每类组件都做了页面分层,便于查找取用。
https://developers.dingtalk.com/document/design-specification/download-resources

12.有赞Zan Design
有赞团队打造的服务于Saas产品的设计系统,和antD有很对共通之处。包括移动端和pc端。
https://design.youzan.com/resource/resource.html

13.奥迪UIkit
对,就是大马路上跑的那个奥迪。虽然是车的品牌,但奥迪同样创建了独有的设计语言来保证线上、线下、多端场景的连续体验。

14.Messenger UIkit
Messenger是facebook旗下即时聊天工具,这款UIkit正是由它发布。不过在17年发布之后一直没有更新,相对比较老旧,不过依然有不错的参考价值。

15.Aliteambition-Clarity
阿里旗下teambition团队发布的pc端B类组件库,包含了aone基础类、业务类和icon类,非常详尽全面。
https://design.teambition.com/overview

16.Atlassian
Atlassian是澳大利亚一家以jira、trello协作工具而闻名于世的公司(jira应该很多同学所在公司都在用,国内普及挺高的),这些工具已在全球数万的团队内部使用。而Atlassian发布的设计系统历史悠久,涵盖了品牌、产品、营销相关的设计规范及理念,丰富程度仅次于material design,参考价值非常大。
https://atlassian.design/

17.IBM carbon-design
IBM针对产品、数字体验打造的一款开源设计系统。
https://www.carbondesignsystem.com/

18.Shopify Polaris
由鼎鼎有名的一站式Saas模式电商服务平台shopify发布,内容丰富完整,参考价值高。
https://polaris.shopify.com/design/design

以上便是今日份的18款大厂组件库分享啦,所有免费资源已经全部打包上传~
获取方式:
点个「在看」,在公众号后台回复「大厂规范」即可获取~
我是Andrew,下期见。
《我做设计这么久,居然没听过这个模型?!》
《吃透这个概念后,我多年的疑惑终于没了!→》
《手把手教你推导一套色彩体系!干货!》
如果你分享过我的任意文章,欢迎扫码加我领取见面礼

除非注明,否则均为UIED用户体验学习平台-Andrew?的原创文章,转载必须以链接形式标明本文链接
本文链接:https://www.uied.cn/14842.html