usepoint
menu

Atomic design

Атомный дизайн - это методология проектирования пользовательских интерфейсов (UI), основанная на модульном подходе. Она делит интерфейс на пять уровней, от простых атомов до сложных страниц.

Автор:

Брэд Фрост, UX-дизайнер и автор книги "Atomic Design".

Для чего это:

Методология используется для повышение согласованности и унификации UI, для ускорения разработки и упрощения внесения изменений, а также повышение качества UX.

Как использовать:

  1. Определите атомы: шрифты, цвета и другие базовые элементы UI.
  2. Создайте молекулы: объедините атомы в более сложные компоненты, такие как кнопки, формы и т.д.
  3. Сформируйте организмы: составьте из молекул более крупные функциональные блоки, например, меню или хедер.
  4. Разработайте шаблоны: определите общую структуру страниц сайта.
  5. Создайте страницы: составьте финальные страницы, используя шаблоны и компоненты.