Описание [stepik] [FormArt] Атомарный дизайн в Figma. Методология проектирования интерфейсов (2024):
Добро пожаловать на курс по атомарному дизайну в Figma!
В этом курсе вы узнаете всё о принципах атомарного дизайна, его систематическом и иерархическом подходе к созданию дизайн-систем. Это поможет вам, как дизайнеру или разработчику, создавать согласованные, масштабируемые и эффективные пользовательские интерфейсы.
Чему вы научитесь:
Понимать концепцию атомарности и создавать неделимые и масштабируемые элементы дизайна.
Разрабатывать дизайн-системы, основанные на атомарном дизайне, для создания согласованных пользовательских интерфейсов.
Создавать библиотеки атомарных компонентов, которые можно легко переиспользовать и масштабировать в разных проектах.
Обеспечивать согласованность визуального стиля, поведения и взаимодействия компонентов в рамках дизайн-системы.
Эффективно работать с атомарными компонентами, создавать стайлгайды и проводить тестирование.
В этом курсе вы познакомитесь с инструментами и методами, используемыми в работе с атомарным дизайном, такими как Sketch, Figma, Adobe XD и другими. Вы узнаете, как применять принципы атомарного дизайна в своей работе и создавать эффективные пользовательские интерфейсы.
Курс поможет вам освоить принципы и практики атомарного дизайна, которые позволят вам создавать согласованные, масштабируемые и эффективные пользовательские интерфейсы. Вы получите практические навыки, которые сможете применить в своей работе в области дизайна и разработки.
Программа курса:
Введение в атомарный дизайн
Атомарный дизайн: предыстория
Основы атомарного дизайна и его преимущества
Для чего нужен атомарный дизайн
Структура дизайн-системы
Дизайн-система
Преимущества дизайн-системы
Методология атомарного дизайна
Методология
Атомы
Молекулы
Организмы
Шаблоны
Страницы
Краткое резюме
Разработка библиотеки паттернов
Введение в библиотеку паттернов
Применение паттернов для быстрой разработки дизайна интерфейсов
Атомарный дизайн на практике
Основные шаги при работе с Pattern Lab
Как это может выглядеть
Отличия атомарного дизайна от UI-kit
Расширенные возможности атомарного дизайна
Адаптивный атомарный дизайн
Тестирование и оптимизация производительности атомов и молекул
Совместное использование атомов и молекул в проекте
Совместное использование атомов
Применение атомарного дизайна в веб-разработке.
Применение атомарного дизайна в мобильной разработке.
Работа в проекте
Коллаборация и совместная работа в Figma.
Управление библиотекой атомов и молекул.
Заключительный проект
ТЗ на разработку атомарного дизайна для приложения «Доктор24»
Тест для получения сертификата.
Подробнее:
Скачать курс [stepik] [FormArt] Атомарный дизайн в Figma. Методология проектирования интерфейсов (2024):
Для просмотра содержимого вам необходимо авторизоваться
Последнее редактирование модератором:
