UI Design Systems - януари 2023
Умения, които ще придобиеш
- Разработка на компоненти, готови за имплементация
- Изграждане на модулни компоненти
- Изграждане на скеле, шаблонни интерфейси и колонни интерфейси с грид
- Употреба на анимации, икони и илюстрации в интерфейс дизайн
- Автоматизация в изграждането на дизайн системи
- Създаване на дизайн на наратива в дашборд интерфейси
Теми
-
Resources -
Resources
Още няма описание за тази лекция
Ресурси
-
Introduction to UI Design Systems -
Introduction to UI Design Systems
• Въведение в дизайн системи като похват за разработка на интерфейс дизайн; • Фундаменти на дизайн система; • Видове и типове дизайн системи; • “Атомична” дизайн система; • Примери и популярни дизайн системи.Ресурси
-
Design Tokens -
Design Tokens
• Разработка на компоненти готови за имплементация; • Спецификации на компоненти за различни програмни езици (уеб и мобилни); • Колаборация с програмисти.Ресурси
-
Design System Components Based on User Flow -
Design System Components Based on User Flow
• Декомпозиране на потребителски сценарий на конкретни компоненти; • Изграждане на модулни компоненти; • Атоми-Молекули-Организми.Ресурси
-
Grid Systems and Layouts -
Grid Systems and Layouts
• Изграждане на скеле и шаблонни интерфейси; • Изграждане на колонни интерфейси с грид.Ресурси
-
Design Pattern Formation -
Design Pattern Formation
• Оформление на молекули посредством контекстуално групиране на атоми;• Оформление на организми посредством контекстуална комбинация между атоми и молекули; • Изграждане на наратива в нашите интерфейси.Ресурси
-
UI Visual Accessibility -
UI Visual Accessibility
• Запознаване с практики за достъпен интерфейс дизайн (WCAG); • Достъпен интерфейс дизайн за хора с нарушено зрение - контраст/цвят/размери; • Достъпен интерфейс дизайн за хора с цветна слепота (далтонизъм); • Достъпен интерфейс дизайн - тъмен и светъл режим на интерфейс; • Достъпен дизайн за хора с нарушена моторика; • Достъпен интерфейс дизайн за хора с когнитивни затруднения.Ресурси
-
Icons -
Icons
• Употреба на икони в интерфейс дизайн; • Характеристики на интерфейс икони; • Стилове интерфейс икони; • Изграждане на семейство икони.Ресурси
-
Illustrations -
Illustrations
• Употреба на илюстрации в интерфейс дизайн; • Характеристики на интерфейс илюстрации; • Стилове интерфейс илюстрации; • Изграждане на ""hero"" илюстрация.Ресурси
-
Animation -
Animation
• Анимацията като похват за изграждане на наратива в интерфейс; • 12 принципа на класическатра анимация (Дисни);Анимационни принципи в интерфейс дизайн; • Транзиции между екрани; • Микро-интеракции.Ресурси
-
Data Visualisation -
Data Visualisation
• Визуализиране на данни в интерфейс; • Видове инфографики; • Дефиниция и избор на правилен похват за визуализация на данни; • Достъпна и лесно сканируема визуализация на данни.Ресурси
-
Automation of the Work Process -
Automation of the Work Process
• Автоматизация в изграждането на дизайн системи; • Употреба на реални данни; • Интеграция с масив данни (csv/Google Sheets/etc.); • Употреба на плъгини и допълнителни инструменти.Ресурси
-
Exam Preparation -
Exam Preparation
• Подготовка за изпита с най-ключовите моменти, на които трябва да се обърне внимание по време изготвяне на курсовия проект.Ресурси
-
Regular Exam -
Regular Exam
Още няма описание за тази лекция
Ресурси
-
Retake Exam -
Retake Exam
Още няма описание за тази лекция
Ресурси
Още няма материали за тази лекция
За кого е подходящ курсът?
Как мога да се запиша?
За да се запишете, кликнете ТУК или бутона "ЗАПИШИ СЕ" и следвайте стъпките. След успешно заплащане на таксата, Вие ще бъдете записани за обучението.
Как и къде ще се провеждат занятията?
Обучението е приключило, но имате възможност да се запишете за него, получавайки достъп до видеата и ресурсите към всяко едно занятие от програмата на курса. По този начин можете да усвоявате материала с удобни за вас темпо и време.
Има ли допълнителни изисквания?
Необходим софтуер или хардуер за участие в курса:
Софтуер:
• Figma.
Колко струва обучението в курса и какво включва?
Онлайн
160 лв.Доживотен достъп до видео записите и учебните ресурси
SoftUni ви дава 100% гаранция за качеството на този курс. За нас е важно да придобиете необходимите умения и знания. Ако по някаква причина обучението не отговори на очакванията ви, ние ви гарантираме възстановяване на цялата сума, която сте заплатили. Таксата може да ви бъде възстановена до 14 дни след заплащане на таксата за курса.
Добриян Добрев
Преподавател