курс

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

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

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

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

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

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

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

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

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

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

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

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

• Подготовка за изпита с най-ключовите моменти, на които трябва да се обърне внимание по време изготвяне на курсовия проект.
Ресурси
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 инкубатор.