курс

UI Design Systems - септември 2023

12 кредита

Advanced

Запиши се

Онлайн

160 лв.

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

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

Употреба на анимации, икони и илюстрации в интерфейс дизайн
Разработка на компоненти, готови за имплементация
Изграждане на модулни компоненти
Изграждане на скеле, шаблонни интерфейси и колонни интерфейси с грид
Автоматизация в изграждането на дизайн системи
Визуализиране на данни в интерфейс

Теми

Resources
Resources

Още няма описание за тази лекция
Ресурси
Introduction to UI Design Systems
Introduction to UI Design Systems

• Въведение в дизайн системи като похват за разработка на интерфейс дизайн;
• Фундаменти на дизайн система;
• Видове и типове дизайн системи;
• “Атомична” дизайн система;
• Примери и популярни дизайн системи.
Ресурси
- Видео - 11 септември 2023 - Добриян Добрев
- Презентация
Design Tokens
Design Tokens

• Разработка на компоненти готови за имплементация;
• Спецификации на компоненти за различни програмни езици (уеб и мобилни);
• Колаборация с програмисти.
Ресурси
- Видео - 13 септември 2023 - Добриян Добрев
- Презентация
Design System Components Based on User Flow
Design System Components Based on User Flow

• Декомпозиране на потребителски сценарий на конкретни компоненти;
• Изграждане на модулни компоненти;
• Атоми-Молекули-Организми.
Ресурси
- Видео - 18 септември 2023 - Добриян Добрев
- Презентация
Grid Systems and Layouts
Grid Systems and Layouts

• Изграждане на скеле и шаблонни интерфейси;
• Изграждане на колонни интерфейси с грид.
Ресурси
- Видео - 20 септември 2023 - Добриян Добрев
- Презентация
Design Pattern Formation
Design Pattern Formation

• Оформление на молекули посредством контекстуално групиране на атоми;
• Оформление на организми посредством контекстуална комбинация между атоми и молекули;
• Изграждане на наратива в нашите интерфейси.
Ресурси
- Видео - 27 септември 2023 - Добриян Добрев
- Презентация
UI Visual Accessibility
UI Visual Accessibility

• Запознаване с практики за достъпен интерфейс дизайн (WCAG);
• Достъпен интерфейс дизайн за хора с нарушено зрение - контраст/цвят/размери;
• Достъпен интерфейс дизайн за хора с цветна слепота (далтонизъм);
• Достъпен интерфейс дизайн - тъмен и светъл режим на интерфейс;
• Достъпен дизайн за хора с нарушена моторика;
• Достъпен интерфейс дизайн за хора с когнитивни затруднения.
Ресурси
- Видео - 29 септември 2023 - Добриян Добрев
- Презентация
Icons
Icons

• Употреба на икони в интерфейс дизайн;
• Характеристики на интерфейс икони;
• Стилове интерфейс икони;
• Изграждане на семейство икони.
Ресурси
- Видео - 04 октомври 2023 - Добриян Добрев
- Презентация
Illustrations
Illustrations

• Употреба на илюстрации в интерфейс дизайн;
• Характеристики на интерфейс илюстрации;
• Стилове интерфейс илюстрации;
• Изграждане на "hero" илюстрация.
Ресурси
- Видео - 06 октомври 2023 - Добриян Добрев
- Презентация
Animation
Animation

• Анимацията като похват за изграждане на наратива в интерфейс;
• 12 принципа на класическата анимация (Дисни);
• Анимационни принципи в интерфейс дизайн;
• Транзиции между екрани;
• Микро-интеракции.
Ресурси
- Видео - 09 октомври 2023 - Добриян Добрев
- Презентация
Data Visualisation
Data Visualisation

• Визуализиране на данни в интерфейс;
• Видове инфографики;
• Дефиниция и избор на правилен похват за визуализация на данни;
• Достъпна и лесно сканируема визуализация на данни.
Ресурси
- Видео - 11 октомври 2023 - Добриян Добрев
- Презентация
Automation of the Work Process
Automation of the Work Process

• Автоматизация в изграждането на дизайн системи;
• Употреба на реални данни;
• Интеграция с масив данни (csv/Google Sheets/etc.);
• Употреба на плъгини и допълнителни инструменти.
Ресурси
- Видео - 16 октомври 2023 - Добриян Добрев
- Презентация
Exam Preparation
Exam Preparation

• Подготовка за изпита с най-ключовите моменти, на които трябва да се обърне внимание по време на изготвяне на курсовия проект.
Ресурси
- Видео - 18 октомври 2023 - Добриян Добрев
- Презентация
Bonus Lecture (recorded)
Bonus Lecture (recorded)

• Подготовка за изпита с най-ключовите моменти, на които трябва да се обърне внимание по време на изготвяне на курсовия проект.
Ресурси
- Запис - Добриян Добрев
Regular Exam
Regular Exam

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

Още няма описание за тази лекция

Ресурси

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

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

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

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

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

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

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

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

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

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

Софтуер:

• Figma.

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

Онлайн

160 лв.

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

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

Добриян Добрев

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

Добриян Добрев е Senior Product Designer в екипа на VMware. Добриян работи в сферата на UX повече от 10 години като преди това е работил като инфографичен дизайнер за Капитал/Икономедия. Също така, поема ролите на технически консултант за портфолиото от продукти ползващи технологии за виртуална/добавена реалност и VUI/chatbots. През 2017 година получава UX Design Award Nomination. Той е ментор на първия в света WebVR инкубатор. Автор на статии на тема интерактивен дизайн, информационна архитектура и дизайн за добавена и виртуална реалност.