16组值得收藏的设计规范&组件库下载
1.Element
Element,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件库。
饿了么设计规范:网站快速成型工具
资源下载:设计规范组件下载
饿了么设计规范2.Ant Design & Ant Design Pro
服务于企业级产品的设计体系,基于确定和自然的设计价值观上的模块化解决方案,让设计者和开发者专注于更好的用户体验。
Ant Design:A UI Design Language
资源下载:资源和工具下载
Ant design开箱即用的中台前端/设计解决方案
Ant Design Pro:开箱即用的中台前端/设计解决方案
Ant design pro3.Clarity Design
Clarity Design 是一套全面的设计语言,从设计原则到字体排版,从交互到文案,从动效到样式,从组件到设计工具… 提供了各种解决方法和指导,设计师和工程师可以快速找到相关的指导内容,有效地帮助完善工作并且提高效率。
Teambition 设计规范:Clarity Design should be used as a guide, design tool.
Teambition 设计规范4.微信小程序
基于微信小程序轻快的特点,我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同需求,实现用户与小程序服务方的共赢。
微信小程序设计规范:微信小程序设计指南
资源下载:设计规范组件下载
微信小程序5.iOS Human Interface Guidelines
Learn how to optimize the design of your app or game for the all-screen displays of iPhone XS, iPhone XS Max, and iPhone XR.
Apple 设计规范:Designing for iPhone
apple 设计规范6.Material Design
Learn how to customize Material Design to change the look and feel of your UI, expressing brand and style through elements like color, shape, typography, and iconography.
谷歌设计规范:Create intuitive and beautiful products with Material Design.
Material Design System7. Fluent Design
Learn how to design and develop apps using the Fluent Design System.
微软设计规范:Fluent Design System
Fluent Design System8. Atlassian Design
Use Atlassian’s end-to-end design language to create straightforward and beautiful experiences.
Atlassian 设计规范:Design, develop, and deliver
资源下载:Resources
Atlassian Design System9.Airbnb Design
Airbnb 设计:Building a Visual Language
Airbnb Design System10.Nachos
Trello 设计规范:Nachos is Trello's design system
资源下载:Resources
Trello Design System11.Lightning Design
Salesforce 设计规范:Create the world’s best enterprise app experiences.
资源下载:Resources
Salesforce Design System12.Polaris
Shopify 设计规范:Our design system helps us work together to build a great experience for all of Shopify’s merchants.
资源下载:Resources
Shopify Design System13.Carbon Design System
IBM 设计规范: Carbon is IBM's open-source design system for digital products and experiences.
资源下载:Resources
IBM Design System14. Zent
Zent 是有赞 PC 端 WebUI 规范的 React 实现,提供了一整套基础的 UI 组件以及一些常用的业务组件。
目前我们有 50+ 组件,这些组件都已经在有赞的各类 PC 业务中使用,我们会在此基础上,持续开发一些新组件。
我们的目标是让 React 项目开发更快、更简单。
有赞设计规范:基于 React 好看、好用,业务组件丰富
有赞设计规范
15. iView
iView 是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面的中后台产品。
TalkingData 组件库:开源UI组件库
TalkingData 组件库16.飞冰
飞冰是一套基于 React 的中后台应用解决方案,在阿里巴巴内部,已经有 270 多个来自几乎所有 BU 的项目在使用。经过 2 年的发展,飞冰已经是中后台 2.0 体系,这个阶段中我们的目标是赋能企业、组织搭建自己的中后台体系。飞冰包含了一条从设计端到开发端的完整链路,帮助我们的用户快速搭建属于自己的中后台应用。
飞冰组件库