курс

UI Design Systems - януари 2025

12 кредита

Advanced

Запиши се

Онлайн

180 лв.

Курсът "UI Design Systems" е естествено продължение на курса UI Design. В него, участниците ще надградят уменията си в работата с Figma, ще научат как да изградят визуален език за един интерфейс и ще се запознаят с изграждането на система от UI компоненти, с която ще си служат за създаването на един успешен дизайн. Обучението е подходящо за всеки, който иска да се занимава с уеб и софтуерен дизайн. След преминаване на курса, записаните курсисти ще могат да създават дизайн система от нулата и да я прилагат в дизайн процеса си. Ще придобият практическа и теоретична подготовка и ще може да приложат веднага натрупаните знания в професионалния си път. Възможностите за бъдещо развитие включват кариера в UI/UX Design и Product Design.

Умения, които ще придобиеш

Създаване на визуален език
Изграждане на преизползваеми интерфейс компоненти
Дефиниране на принципи на работа с интерфейс компоненти
Колаборация с инженери
Поддръжка и развитие на съществуващи дизайн системи
Работа с дизайн фундаменти: цвят, пространство, размери, контекст

Теми

Ресурси
Ресурси

Още няма описание за тази лекция
Ресурси
- Информационно видео за използване на SoftUni Creativе
- Допълнителни ресурси
Introduction to UI Design Systems
Introduction to UI Design Systems

• Въведение в курса;
• Информация за курсов проект, дати и оперативни въпроси;
• Въведение в дизайн системите: какво са те и защо са необходими?;
• Принципи на работа;
• Примерна употреба на дизайн система.
Ресурси
- Видео - 06 януари 2025 - Тодор Панев
- Презентация
Component Essentials
Component Essentials

• Основи на Figma компонентите;
• Dev Mode и Developer Components;
• Atomic Design;
• Кога, как и защо да се използват компонентите?;
• Figma Auto Layout.
Ресурси
- Видео - 08 януари 2025 - Тодор Панев
- Презентация
Components Deep Dive
Components Deep Dive

• Надграждане над основните компоненти;
• Dev Mode, Developer Components и Code Connect;
• Component States, Variants, Props и Conditionals;
• Nested Components.
Ресурси
- Видео - 13 януари 2025 - Тодор Панев
- Презентация
Design Tokens & UI Foundations
Design Tokens & UI Foundations

• Надграждане на дизайн система спрямо нови изисквания;
• Инвентаризация и създаване на компоненти от съществуващ дизайн;
• Използване на дизайн система в съществуващ продукт.
Ресурси
- Видео - 15 януари 2025 - Тодор Панев
- Презентация
Working with Use Cases
Working with Use Cases

• Избор на layout, grid и responsive web design стратегия;
• Надграждане на Design Tokens;
• Платформени особенности;
• Auto Layout Deep Dive.
Ресурси
- Видео - 20 януари 2025 - Тодор Панев
- Презентация
Adaptive UI
Adaptive UI

• Избор на layout, grid и responsive web design стратегия;
• Платформени особенности;
• Layouts & Auto-Layouts.
Ресурси
- Видео - 22 януари 2025 - Тодор Панев
- Презентация
Brand, Marketing Design and Modular Visual Systems
Brand, Marketing Design and Modular Visual Systems

• Бранд дизайн в контекста на една дизайн система;
• Модулни графични материали: икони, иллюстрация и фотография.
Ресурси
- Видео - 27 януари 2025 - Тодор Панев
- Презентация
UI Patterns
UI Patterns

• Въведение в patterns: UI is UX;
• Дефиниране преизползваеми похвати и рецепти.
Ресурси
- Видео - 29 януари 2025 - Тодор Панев
- Презентация
Building for Resilience and Inclusion
Building for Resilience and Inclusion

• Надграждане на примерния проект;
• Организиране на дизайн системата;
• Аннотация и User Flows;
• Accessibility Audit;
• Разглеждане на "крайни" случаи.
Ресурси
- Видео - 03 февруари 2025 - Тодор Панев
- Презентация
Advanced Techniques in Design Systems
Advanced Techniques in Design Systems

• Component Slots & Stacking;
• Сложни компоненти;
• Dark Mode & Other Token Alchemy;
• Automation & AI Augmentation.
Ресурси
- Видео - 05 февруари 2025 - Тодор Панев
- Презентация
Design Systems in the Real World
Design Systems in the Real World

• Дизайн системата в една организация;
• Работа с дев, маркетинг и други екипи;
• Работа в екип с други дизайнери;
• Developer Hand-Off;
• Документация;
• Как се планира в мащаб?;
• Стартиране от 0, 50 и 100.
Ресурси
- Видео - 10 февруари 2025 - Тодор Панев
- Презентация
Exam Preparation
Exam Preparation

• Подготовка за изпита с най-ключовите моменти, на които трябва да се обърне внимание по време изготвяне на курсовия проект.
Ресурси
- Видео - 12 февруари 2025 - Тодор Панев
- Презентация
Редовен изпит
Редовен изпит

Още няма описание за тази лекция
Ресурси
Поправителен изпит
Поправителен изпит

Още няма описание за тази лекция
Ресурси
- Тестова система

Виж всички теми

За кого е подходящ курсът?

Курсът е подходящ за хора с опит в изграждането на потребителски интерфейс, които искат да надградят уменията чрез изграждане на дизайн системи.

Необходими умения:

Познаване на основните инструменти и функционалности на Figma;

Познаване на основните визуални принципи;

Работа с атоми, молекули и организми;

Работа с готови дизайн системи;

Създаване на дизайн за уеб и мобилни приложения;

Английски език на ниво B1.

Как мога да се запиша?

За да се запишете, кликнете ТУК или бутона "ЗАПИШИ СЕ" и следвайте стъпките. След успешно заплащане на таксата, Вие ще бъдете записани за обучението.

Как и къде ще се провеждат занятията?

Обучението е приключило, но имате възможност да се запишете за него, получавайки достъп до видеата и ресурсите към всяко едно занятие от програмата на курса. По този начин можете да усвоявате материала с удобни за вас темпо и време.

Има ли допълнителни изисквания?

Необходим софтуер или хардуер за участие в курса:

Софтуер:

• Figma.

Колко струва обучението в курса и какво включва?

Онлайн

180 лв.

Доживотен достъп до видео записите и учебните ресурси

SoftUni ви дава 100% гаранция за качеството на този курс. За нас е важно да придобиете необходимите умения и знания. Ако по някаква причина обучението не отговори на очакванията ви, ние ви гарантираме възстановяване на цялата сума, която сте заплатили. Таксата може да ви бъде възстановена до 14 дни след заплащане на таксата за курса.

Тодор Панев

Преподавател

Тодор Панев е продуктов дизайнер с над 10 години опит в сферата на дизайна и UX за дигитални продукти. Участвал е в създаването и поддръжката на множество дизайн системите на различни технологични компании като Infragistics, RBS, Ticketmaster, DHL, Paysafe, Hypsersciencе. В момента той работи в SumUp като старши продуктов дизайнер. Отвъд работата си като дизайнер Тодор разработва Figma Plug-ins и е лектор на различни събития на тема design & designOps.