Design System - Style Foundation

In this lecture, we will learn why style foundation is important,

Let me explain in simple terms how you can use this.

What if you don't have a style foundation?

Colors, spacing, font sizes, etc. are redefined each time, resulting in redundant work.

Designers, developers, and planners communicate using different standards, which increases confusion.

As projects grow, they become less consistent and users become fatigued.

What if you have a style foundation?

All team members can collaborate quickly and accurately by following shared rules.

Designs are reused efficiently, and maintenance time and costs are dramatically reduced.

Consistent visual quality of the product gives users more confidence.

Development productivity increases as time spent on unnecessary repetition and modifications is reduced.

“I don’t understand why we have to use 2x and 3x images .”

In this lecture, you will learn in detail how and why images are rendered clearly in high DPR environments.

“I have no idea what the standard resolution should be. Where should I set the standard?”

To support various devices, the reference resolution must be set based on data.

We will explain the process in a practical way.

“ Grid ? I have no idea where to start.”

We will teach you the basic concepts of grids and grid calculation methods using multiples of 8.

“How can I set the font size and line spacing to improve readability ?”

Are you worried that small or dense fonts will make your text less readable?

Learn how to set the right font size and line spacing for your content type.

“I don’t understand why the spacing has to be multiples of 4 or 8. ”

Learn how to solve the half-pixel problem and create high-quality designs.

“I don’t know what a design token is and why we need it.”

Are you having trouble understanding the design tokens?

In this lecture, we will easily explain the concept and necessity of design tokens.

Provides clues to solving design problems

It clearly addresses design concerns such as why spacing should be multiples of 4. You can apply what you learn directly to your work, so you can solve problems without wasting time.

It's easy to learn design systems without any burden.

Since we learn the huge concept of design system from the core part called “Style Foundation,” even beginners can get started without any burden.

Easy explanations and examples that even beginners can understand.

Design tokens, grid systems, resolution settings, etc. that may seem complicated are explained in a simple and clear way so that anyone can understand them. It helps not only designers but also planners and developers increase their understanding of design systems.