курс

UI Design Systems - май 2024

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

• Какво могат да очакват курсистите от обучението?;
• Информация за курсов проект;
• Въведение в дизайн системите;
• Принципи на работа;
• Примери и ресурси
Ресурси
- Видео - 07 май 2024 - Тодор Панев
- Презентация
Основни съставки: Компоненти, Design Tokens, Atomic Model и Figma Variables
Основни съставки: Компоненти, Design Tokens, Atomic Model и Figma Variables

• Основи на Figma компонентите;
• Dev mode и developer components;
• Atomic design – кога и как?;
• Въведение в design tokens;
• Семантика.
Ресурси
- Видео - 09 май 2024 - Тодор Панев
- Презентация
Компоненти: State, Variants and Properties
Компоненти: State, Variants and Properties

• Задълбаване в концепцията за компонент - state, variants, props and conditionals;
• Бутони, полета и групи;
• Работа с Figma Libraries;
• Кога се използва компонент и кога не се?
Ресурси
- Видео - 13 май 2024 - Тодор Панев
- Презентация
Project: Lift Off
Project: Lift Off

• Създаване на дизайн система от съществуващ дизайн;
• Въведение в курсов проект.
Ресурси
- Видео - 15 май 2024 - Тодор Панев
- Презентация
Context is King: Responsive Design & Platforms
Context is King: Responsive Design & Platforms

• Избор на layout, grid и responsive web design стратегия;
• Надграждане на design tokens;
• Платформени особенности;
• Auto layout deep dive.
Ресурси
- Видео - 20 май 2024 - Стоян Класнаков
- Презентация
Project: New Requirements
Project: New Requirements

• Еволюция на проекта - нови изисквания;
• Дизайн на нови страници;
• Надграждане на дизайн системата с нови компоненти.
Ресурси
- Видео - 22 май 2024 - Тодор Панев
- Презентация
Визуален дизайн и бранд артефакти
Визуален дизайн и бранд артефакти

• Икони;
• Илюстрации;
• Форми;
• Фотография.
Ресурси
- Видео - 27 май 2024 - Тодор Панев
- Презентация
Скок в бъдещето: Advanced Components, Semantic Tokens and Modes
Скок в бъдещето: Advanced Components, Semantic Tokens and Modes

• Component slots;
• Stacking;
• Templates and leading/trailing patterns;
• Пренаправа на tokens със семантика и режими.
Ресурси
- Видео - 29 май 2024 - Тодор Панев
- Презентация
Supercharging the Project
Supercharging the Project

• Използване само на съществуващи компоненти за създаване на нови функционалности по проекта;
• Дефиниране и използване на UI patterns и рецепти.
Ресурси
- Видео - 03 юни 2024 - Тодор Панев
- Презентация
Dive into the Unknown
Dive into the Unknown

• Използване на непознати дизайн системи;
• Обратна връзка и допринасяне към съществуващи дизайн системи.
Ресурси
- Видео - 05 юни 2024 - Тодор Панев
- Презентация
Процеси, Plug-ins, мащаб и сътрудничество
Процеси, Plug-ins, мащаб и сътрудничество

• Дизайн системата в една организация;
• Работа с дев, маркетинг и други екипи;
• Как помагат plug-ins и как оптимизират работния процес?;
• Как се планира в мащаб?
Ресурси
- Видео - 07 юни 2024 - Тодор Панев
- Презентация
Exam Preparation
Exam Preparation

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

Ресурси

Още няма материали за тази лекция

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Софтуер:

• Figma.

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

Онлайн

180 лв.

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

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

Тодор Панев

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

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