book-open 1 test

Курс «Дизайн-системы»

7 глав

60-80 мин

Создаем дизайн-систему по шагам вместе с авторами дизайн-систем Atlassian, Salesforce, LinkedIn, Shopify, Amazon, Etsy и GitHub.

Начать курс Начать курс

Команда, которая работала над курсом

Среди авторов эксперты с опытом в международных проектах.

Анастасия Свеженцева

Продуктовый дизайнер (UX/UI), веб-дизайнер и бренд-дизайнер. Опыт проектов в международных агентствах (HighTime.agency), продуктовых компаниях (iSpring) и со стартапами по всему миру (Agently.com). Делюсь опытом в дизайне на офлайн- и онлайн-платформах с 2017 года: Институт программных систем, godesign.school, онлайн-платформа breezzly.ru и пишу микролекции о дизайне на Яндекс.Кью (226 ответов).

Валерия Новожилова

Специализируется на дизайне b2b-сервисов и проектировании пользовательских интерфейсов. Опыт работы в агентствах, продуктовых и сервисных компаниях (МТС - связь и экосистема цифровых сервисов, Яндекс — Еком и Райдтех). Публикует материалы об UX и сервис-дизайне. Осваивает иллюстрацию и бренд-дизайн.

Егор Хлебников

Специализируется на решении комплексных задач современными технологиями в условиях ограниченных ресурсов (Vue.js, GoLang, Docker, Flutter, Fastai и др.).

Содержание курса

Читайте главы последовательно по одной в день или начните с наиболее интересной.

Глава 1

Дизайн-система: что это и в чем ее ценность для продукта и экосистемы | Глава 1

Объясняем на примерах, зачем нужна дизайн-система, какие преимущества она даёт и кто оценит ее возможности.

Глава 2

Создание дизайн системы — пошаговое руководство | Глава 2

Как создать дизайн-систему: команда, модель работы, пошаговый план действий и подход к организации библиотеки компонентов.

Глава 3

10 принципов хорошей дизайн-системы | Глава 3

Концентрат от создателей дизайн-систем для компаний Atlassian, Salesforce, LinkedIn, Shopify, Amazon, Etsy и GitHub. Доходчиво и наглядно.

Глава 4

Как внедрять дизайн-систему: две популярные стратегии | Глава 4

Существует два подхода к разработке и развертыванию новой дизайн-системы: постепенное внедрение дизайн-системы и масштабный редизайн.

Глава 5

Как развивать и поддерживать дизайн-систему | Глава 5

Дизайн-система — это фантастический способ согласовать дизайн и реализацию интерфейса. Но мы возьмем еще выше: помимо компонентов команды могут согласовать свою концепцию, дизайн-принципы, процессы, голос и тон.

Глава 6

Как будут работать инструменты для создания дизайн-систем в будущем | Глава 6

В Airbnb мы задумались над тем, как еще можно развить нашу дизайн-систему, и нас вдохновили некоторые компании, которые так же, как и мы яро разделяют желание создавать дизайн-системы будущего.

Глава 7

Design Systems Club Global — Каталог зарубежных дизайн-систем | Глава 7

Каталог зарубежных компонентных дизайн-систем, реализованных на технологическом уровне. Живые гайдлайны, статьи, презентации, выступления и другие материалы о них.

Еще курсы

Дизайн-инжиниринг – Базовый курс

6 глав

60-80 мин

Дизайнеры, разработчики, front-end архитекторы, дизайн-инженеры, руководители отделов продуктового дизайна и продакт-менеджеры Shopify, Minted, Mailchimp, Indeed и Salesforce делятся опытом оптимизации процессов на пересечении дизайна и разработки. Международный опыт, 6 глав.

Курс «Анимация интерфейсов»

4 главы

60 мин

Курс о культуре анимации интерфейсов: сила ux-анимации, принципы анимации и все самое лучшее за всю эру дизайна интерфейсов.

Курс «Создание и вывод на рынок новых продуктов»

3 главы

60 мин

Вместе с продактами, маркетологами, стратегами и основателями Intercom разбираем организацию процессов создания и выведения новых продуктов на рынок, подход к работе с целевой аудиторией, ценообразование, маркетинг и нюансы развития дизайн-решений.

Курс «Стратегия развития аналитической культуры»

6 глав

60 мин.

Вместе с Growth-менеджерами, продакт-менеджерами и продуктовыми аналитиками Mixpanel разбираем результаты исследования 50 миллиардов точек данных от 26 000 компаний со всего мира в формате руководства по развитию продуктовой аналитики и аналитической культуры в компании.

Смотреть все