The journey of #100DaysOfCode (@Darine_Tleiss)

100daysofcode - Day99

Hello friends :star_struck:, Our 99th day is here, we have only one day left. What an amazing journey filled with knowledge, happiness and a lot of consistency. :smiling_face_with_three_hearts:

Today we will talk about the the Main Pillars of Effective Design Systems. :fire:

The main pillars of a design system

1- Purpose and shared values

  • Right from the start it’s important to understand and align the design team with a set of clear goals. Where are you actually going, and why? Make sure the team understands the values of the brand or product in order to stick to the brand objectives. Not only will this keep consistency with the product, but it will also bring the designers together for a more cohesive group.

2- Design principles

  • Next you need to explore your design principles. What exactly are you wanting to make, and what should it look like? Put together guides on the purpose of the product to ensure your team really understands what you are creating, so they can make more meaningful design decisions

3- Brand language and identity

  • Essential elements of a style guide include colors, fonts, icons, shapes, animation, voice, the use of the company logo, and more. It’s important to document these, and establish rules and guidelines, so that teams use the right combination of elements.

4- Components

  • Components can be seen as LEGO blocks that are built out of all the other parts covered above. They’re the interface and UI elements – for example, call-to-action buttons, form fields, and checkboxes – that make up the heart of the design system. Created by designers and coded by developers, they minimize the effort required to build a product.

  • Components can be seen as LEGO blocks that are built out of all the other parts covered above. They’re the interface and UI elements – for example, call-to-action buttons, form fields, and checkboxes – that make up the heart of the design system. Created by designers and coded by developers, they minimize the effort required to build a product.

5- Patterns

  • Design patterns, meanwhile, are the building instructions or recommendations that you need to use the components effectively across all your products. Standardized patterns also create familiarity, which means things will be quicker and easier for users. It helps them understand your services and establishes trust.
5 Likes