Shulou(Shulou.com)06/03 Report--

This article mainly explains "what excellent design systems are there in 2020". The content of the explanation in the article is simple and clear, and it is easy to learn and understand. Please follow the editor's train of thought. Let's study and learn what excellent design systems there are in 2020.

Every year, more and more tools and processes emerge to optimize the work of designers and developers. The design system has become a new tool to solve the problems in this field. By building digital products faster, the design system has recently gained a high profile. When using them, you can access not only icons, layouts, depth effects, palettes, but also organizational rules that can be adopted during mobile and Web development.

They come with a lot of tools and components, and you don't have to create your own designs. Just follow the detailed guidelines to customize it for your brand and get a solution that is immediately available. These benefits include saving time, reducing costs, and simplifying the project implementation process. These are the benefits you will get.

Last year, Sparkbox conducted a survey in which respondents were asked about the recommended use of design languages. Below, you can see the problems that can be solved and the percentage of answers you have chosen.

Photo Source: 2019 Sparkbox Design system Survey

Let's review the 10 design systems that will dominate in 2020. Look at their functions, features and achievements.

1. Google Material Design

Material Design is probably the most popular design system, with instructions, tools and components for building beautiful mobile devices (iOS,Android) and Web solutions. Released by Google in 2014, it supports best UI / UX practices and helps development teams create modern products faster and easier.

The first version of Material Design has a drawback, which is very important for brands that want to adapt to their style. All Material Design applications are very similar. As a result, Google released Material Design 2.0 in 2018. This version is an answer to the above criticism. With a variety of styles, layouts, depth effects, cool animation, they have the ability to produce truly unique brand themes.

We know a lot about this design system because all the applications we use in our daily life are made through Material Design: YouTube,Gmail,Google cloud hard drives, documents, slides, etc.

2. Akveo's Eva design system

Eva Design System was launched in 2019. Its main advantage is its strong flexibility in brand adaptation. Eva was invented by the Akveo team and is based on Atomic Design Principles (Atomic Design principle). At present, there are two ways to implement UI Kitten (React Native UI Library) for mobile devices and Nebular (Angular UI Library) for the network. Both solutions are open source and available free of charge.

Eva includes 258 layer styles, about 400 text styles, more than 480 icons and more than 800 symbols, making branded mobile and Web products with high availability and an engaging user experience. Importantly, Eva is available for Sketch and Figma and has shaded mode.

By ensuring consistency across all platforms and eliminating duplication of effort, it enables companies to greatly automate software development. As a result, you will get high-quality applications / websites or save time and effort.

Young as it is, Eva has proved to be a powerful and reliable solution for digital products. For example, Eva is used for the kernel of UI Bakery, and UI Bakery is a low-code platform for prototyping and creating applications. It also has an advanced Eva Colors deep learning algorithm built into it, so you can generate a custom design system in seconds.

As of January 2020, the number of Eva downloads on Gumroad was 150.000, and the downloads on both UI Kitten and Nebular Github repositories exceeded 5700 stars.

3. Carbon from IBM

Carbon, launched by IBM, is a popular open source design system that provides a set of rules, standards, and tutorials for creating high-quality digital solutions. Following visual, user interface and code guidelines, the development team can easily produce fascinating designs. Using a large number of elements (forms, buttons, icons, tables, tabs, sliders, etc.) will help you customize your brand and ensure an excellent user experience.

Carbon also provides many other cool features, including chart types, chart anatomy, basic charts, axes, labels, and so on. Therefore, it is very suitable for building software without supporting data analysis and data visualization.

As of December 2019, Carbon Design System had 2400 stars on GitHub.

4. Liquid

Liquid provides UX / UI experts and non-technical personnel with a set of tools, guidelines and elements for making excellent technical products. Packaged in a variety of colors, illustrations, layouts, grids and components to ensure a consistent UI and high-quality look on all devices.

Today, Liquid includes more than 1500 UI assets, 42 elements, 18 components, 14 modules, and 9 templates. With design and development kits, you can build excellent digital solutions that fit your brand more quickly.

5. Shopify's Polaris Polaris

Polaris is a software design system launched by multinational e-commerce company Shopify a few years ago. This solution allows UI / UX designers and engineers to create user-friendly applications for Shopify merchants. Provide teams with a wide range of tools, styles, and elements that can help them build a fascinating user experience that runs on every device, every operating system, and every language.

One of the great advantages of Polaris is that it provides very detailed guidance on the content, reasons, and methods of building quality applications. On the official website of the product, you can find detailed chapters on content (pronunciation and tone), layout, components, illustrations, etc.

As of January 2020, Polaris has 3100 stars on Github.

6. Spectrum of Adobe

Spectrum is a project of Adobe that includes all the necessary tools, components, and guidelines for creating Adobe applications and services. Like other leading software design systems, it enables development teams to ensure a natural look on all screens and platforms.

With Spectrum, you can access a variety of resources (UI toolkits, fonts, icons), components (data visualization elements, buttons, layouts, navigation, etc.), patterns (cards, captions, tables), and other products that make it really useful.

The Spectrum design language has a CSS implementation-Spectrum CSS for internal or third-party use on the Adobe platform. It is an open source customizable solution that contains powerful documentation and can generate fully interactive components.

As of December 2019, Spectrum CSS has received about 500star ratings on GitHub.

7. Microsoft Fluent

Fluent Design System is an open design language invented by Microsoft in 2017. Representing a rethinking of Microsoft Design language 2, Fluent contains instructions on the visual effects, effects, and interactions used in the software created for all Windows 10-enabled devices and platforms. It is worth noting that the system is being improved according to the actual customer needs.

Fluent is based on five main components-lighting, scaling, depth, motion and materials-Fluent allows you to build applications for Web,Windows,iOS and Android. Products made from it look natural and ensure consistency on every device and platform.

By January 2020, it will have 6600 stars on Github.

8. Atlassian

Atlassian is a software design language that provides design principles, code elements and UI asset libraries in Sketch. With clear guidelines (for example, on printing, sports), pre-built templates, and presentation kits, you can design products faster.

Atlassian consists of a variety of components, including icons, fonts, buttons, badges, banners, paging, tabs, tags, tables, fine-tuning boxes, etc., which help create a great experience. It is worth noting that 83% of Fortune 500 companies use Atlassian products and have 150000 Atlassian customers in more than 190 countries

On September 12, 2017, Atlassian became the second product of the day and the fifth product of the week on ProductHunt. So far, it has received 2301 votes in favour.

9. Clarity

Clarity is an open source design system that was first released in 2016 and consists of UX guidelines, HTML / CSS framework, Angular and Web components. It also provides detailed documentation, patterns (application layout, palettes, themes, layout, navigation, internationalization) and components (such as alerts, badges, buttons, check boxes, cards, forms, grids, lists, tags, progress bars, tables). When you create a product, you can download the Clarity icon without having to make it yourself.

The system is constantly being improved and updated. Clarity 2.0 was released on May 23rd, 2019. The new version includes many new features, bug fixes and support for Angular 8. Added vertical tabs, accordion components, stepper components and support for keyboard interaction.

Currently, Clarity has more than 5400 stars on GitHub.

10. Ant Design

As a design language, Ant provides UI / UX experts and developers with all the necessary resources (Sketch and Axure) to build great products. The system is mainly used for internal desktop applications and is designed to enhance the user experience and ensure consistency between different devices.

Ant contains a lot of cool off-the-shelf features: a set of React components, predictable static types, internationalization support, theme customization, and more.

So far, Ant has acquired about 54500 stars on GitHub.

Thank you for your reading. the above is the content of "what are the excellent design systems in 2020". After the study of this article, I believe you have a deeper understanding of what excellent design systems there are in 2020. the specific use of the situation also needs to be verified by practice. Here is, the editor will push for you more related knowledge points of the article, welcome to follow!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.