Введение

Дизайн система - это руководство по стилю, которое позволяет дизайнерам и разработчикам общаться на одном языке.

Сначала в графическом редакторе создается набор элементов интерфейса, на основе которого создадут набор готовых компонентов для разработчиков.

Атомарный дизайн

Методология Брэда Фроста, которая представляет собой разбивку композиции сайта на простейшие компоненты. Они используются в проектировании всего сайта. Идея в том, что вы начинаете создавать дизайн не с макетов страниц, а с атомов — шрифтов, отступов, полей ввода, анимации и других мелких деталей. Атомы объединяются и образуют молекулы — например, это картинка с подписью и ссылкой. Совокупность молекул представляет собой уже организм — отдельные блоки, крупные детали интерфейса. Они образуют шаблоны или прототип страницы. Последний уровень атомарного дизайна — страницы.

Атомы ▪️	Молекулы 🔺	Организмы 🔶
Текст
Иконки
Кнопки
Поля ввода
Изображение
Отступы
Цвета

Набор элементов • UI-kit