- Неконсистентний дизайн продуктів.
- втрачений час на роботу з UI.
- брак ресурсів на опрацювання UX.
- нескінченний беклог із завдань зі збору інтерфейсу.
- немає шаблонів з готовим кодом.
Це про дизайн, який створює цілісний користувальницький досвід і закохує клієнтів у ваш продукт.
Це про систему, яка об'єднує дизайн і розробку, дозволяючи їм говорити однією мовою і прискорюючи процес створення продукту.
за підсумком курсу Ви
- навчіться розбиратися в дизайн-системах
- створіть план свого проекту
- розробите окремі елементи системи
- зрозумієте, як ініціювати роботу всередині компанії
- зможете дати оцінку ефективності своїх впроваджень
- будете знати, як масштабувати створену систему
програма курсу
1 Модуль-цілі вашої дизайн-системи
Занурюємося і вчимося відрізняти дизайн-систему від UI-kit, розбиратися в типах дизайн-систем.
На практичному занятті з експертом отримуємо розуміння, які саме проблеми зможе вирішувати дизайн-система у вашій компанії, поставите пріоритетні цілі і на рік і визначитеся з головною траєкторією розвитку своєї системи.
2 Модуль-частини системи. Візуальна мова
Вчимося формулювати принципи системи, створювати доступну колірну палітру, розбиратися в методах побудови друкарської сітки, застосовувати базові принципи accessibility.
На практичному занятті з експертом перевіряємо і об'єднуємо створені вами елементи візуальної мови системи, закладаючи основу для"єдиного джерела правди".
3 Модуль-частини системи. Компоненти та документація
Закріплюємо розуміння зв'язки дизайн→документація→код.
На практичному занятті збираємо просту версію UI-kit.
Генеруємо за допомогою інструменту сайт системи і описуємо 1-2 компонента вашої дизайн-системи.
4 Модуль-інструменти, впровадження, масштабування
Проходимо впровадження системи на практиці.
На занятті з експертом проведемо аудит поточного інтерфейсу, який ляже в основу вашої презентації по впровадженню системи.
5 Модуль-захист презентації перед керівництвом
У заключному модулі тренуємося презентувати свою концепцію. На практичному занятті захищаємо свою дизайн-систему перед експертом та учасниками курсу.
У підсумку ви будете готові презентувати ваші ідеї своєї компанії і отримаєте додаткові ідеї щодо впровадження системи в життя.
1 Модуль-цілі вашої дизайн-системи
Занурюємося і вчимося відрізняти дизайн-систему від UI-kit, розбиратися в типах дизайн-систем.
На практичному занятті з експертом отримуємо розуміння, які саме проблеми зможе вирішувати дизайн-система у вашій компанії, поставите пріоритетні цілі і на рік і визначитеся з головною траєкторією розвитку своєї системи.
2 Модуль-частини системи. Візуальна мова
Вчимося формулювати принципи системи, створювати доступну колірну палітру, розбиратися в методах побудови друкарської сітки, застосовувати базові принципи accessibility.
На практичному занятті з експертом перевіряємо і об'єднуємо створені вами елементи візуальної мови системи, закладаючи основу для"єдиного джерела правди".
3 Модуль-частини системи. Компоненти та документація
Закріплюємо розуміння зв'язки дизайн→документація→код.
На практичному занятті збираємо просту версію UI-kit.
Генеруємо за допомогою інструменту сайт системи і описуємо 1-2 компонента вашої дизайн-системи.
4 Модуль-інструменти, впровадження, масштабування
Проходимо впровадження системи на практиці.
На занятті з експертом проведемо аудит поточного інтерфейсу, який ляже в основу вашої презентації по впровадженню системи.
5 Модуль-захист презентації перед керівництвом
У заключному модулі тренуємося презентувати свою концепцію. На практичному занятті захищаємо свою дизайн-систему перед експертом та учасниками курсу.
У підсумку ви будете готові презентувати ваші ідеї своєї компанії і отримаєте додаткові ідеї щодо впровадження системи в життя.
програма курсу
1 Модуль-цілі вашої дизайн-системи
Занурюємося і вчимося відрізняти дизайн-систему від UI-kit, розбиратися в типах дизайн-систем.
На практичному занятті з експертом отримуємо розуміння, які саме проблеми зможе вирішувати дизайн-система у вашій компанії, поставите пріоритетні цілі і на рік і визначитеся з головною траєкторією розвитку своєї системи.
2 Модуль-частини системи. Візуальна мова
Вчимося формулювати принципи системи, створювати доступну колірну палітру, розбиратися в методах побудови друкарської сітки, застосовувати базові принципи accessibility.
На практичному занятті з експертом перевіряємо і об'єднуємо створені вами елементи візуальної мови системи, закладаючи основу для"єдиного джерела правди".
3 Модуль-частини системи. Компоненти та документація
Закріплюємо розуміння зв'язки дизайн→документація→код.
На практичному занятті збираємо просту версію UI-kit.
Генеруємо за допомогою інструменту сайт системи і описуємо 1-2 компонента вашої дизайн-системи.
4 Модуль-інструменти, впровадження, масштабування
Проходимо впровадження системи на практиці.
На занятті з експертом проведемо аудит поточного інтерфейсу, який ляже в основу вашої презентації по впровадженню системи.
5 Модуль-захист презентації перед керівництвом
У заключному модулі тренуємося презентувати свою концепцію. На практичному занятті захищаємо свою дизайн-систему перед експертом та учасниками курсу.
У підсумку ви будете готові презентувати ваші ідеї своєї компанії і отримаєте додаткові ідеї щодо впровадження системи в життя.
1 Модуль-цілі вашої дизайн-системи
Занурюємося і вчимося відрізняти дизайн-систему від UI-kit, розбиратися в типах дизайн-систем.
На практичному занятті з експертом отримуємо розуміння, які саме проблеми зможе вирішувати дизайн-система у вашій компанії, поставите пріоритетні цілі і на рік і визначитеся з головною траєкторією розвитку своєї системи.
2 Модуль-частини системи. Візуальна мова
Вчимося формулювати принципи системи, створювати доступну колірну палітру, розбиратися в методах побудови друкарської сітки, застосовувати базові принципи accessibility.
На практичному занятті з експертом перевіряємо і об'єднуємо створені вами елементи візуальної мови системи, закладаючи основу для"єдиного джерела правди".
3 Модуль-частини системи. Компоненти та документація
Закріплюємо розуміння зв'язки дизайн→документація→код.
На практичному занятті збираємо просту версію UI-kit.
Генеруємо за допомогою інструменту сайт системи і описуємо 1-2 компонента вашої дизайн-системи.
4 Модуль-інструменти, впровадження, масштабування
Проходимо впровадження системи на практиці.
На занятті з експертом проведемо аудит поточного інтерфейсу, який ляже в основу вашої презентації по впровадженню системи.
5 Модуль-захист презентації перед керівництвом
У заключному модулі тренуємося презентувати свою концепцію. На практичному занятті захищаємо свою дизайн-систему перед експертом та учасниками курсу.
У підсумку ви будете готові презентувати ваші ідеї своєї компанії і отримаєте додаткові ідеї щодо впровадження системи в життя.
https://privatelink.de/?https://contented.ru/edu/design-systems