美文网首页业界干货VueJS组件UI
16组值得收藏的设计规范&组件库下载

16组值得收藏的设计规范&组件库下载

作者: Susurratescape | 来源:发表于2018-12-19 19:11 被阅读82次

    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 pro

    3.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 Theme Editor

    Material Design System


    7. Fluent Design

    Learn how to design and develop apps using the Fluent Design System.

    微软设计规范:Fluent Design System

    Fluent Design System

    8. Atlassian Design

    Use Atlassian’s end-to-end design language to create straightforward and beautiful experiences.

    Atlassian 设计规范:Design, develop, and deliver

    资源下载:Resources

    Atlassian Design System


    9.Airbnb Design

    Airbnb 设计:Building a Visual Language

    Airbnb Design System

    10.Nachos

    Trello 设计规范:Nachos is Trello's design system

    资源下载:Resources

    Trello Design System

    11.Lightning Design

    Salesforce 设计规范:Create the world’s best enterprise app experiences.

    资源下载:Resources

    Salesforce Design System

    12.Polaris

    Shopify 设计规范:Our design system helps us work together to build a great experience for all of Shopify’s merchants.

    资源下载:Resources

    Shopify Design System

    13.Carbon Design System

    IBM 设计规范: Carbon is IBM's open-source design system for digital products and experiences.

    资源下载:Resources

    IBM Design System


    14. 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 体系,这个阶段中我们的目标是赋能企业、组织搭建自己的中后台体系。飞冰包含了一条从设计端到开发端的完整链路,帮助我们的用户快速搭建属于自己的中后台应用。

    飞冰组件库:海量可复用物料,配套桌面工具极速构建前端应用,效率提升 100%

    软件下载:Iceworks 是 ICE 推出的辅助开发者快速开发中后台前端应用的 GUI 软件

    飞冰组件库

    相关文章

      网友评论

        本文标题:16组值得收藏的设计规范&组件库下载

        本文链接:https://www.haomeiwen.com/subject/hybaqqtx.html