The guide by Rahul Goradia on topic of UI Components Design System. You can think of it as an instruction manual. It’s also like an inventory which can be used to pick up resources and use them in your design.
A UI design system is a set of standards for design and code along with components that unify both these practices helping them complement one another and producing the exact result which is conceptualised.
To design consistent UI across every part of your design can be daunting. A UI system helps your users navigate intuitively and makes it uniform across your product, making them familiar with your design language.
The guide has then sections related to:
- Why do we need a UI System
- Creating a UI Design System
- Moodboards & colour palette
- Border radius and shadows
- Type scale
- Icons
- Buttons, sliders & progress bars
- Dropdowns, tags and popups (complex elements)
Keep it clean and simple. After setting your elements down you could start placing these elements in your design. Nice one!
[Read More]