Курс UI/UX Basic

Навчишся створювати та проєктувати інтуїтивно зрозумілі дизайни веб-сайтів, веб-додатків та дашбордів на базовому рівні використовуючи Figma, зможеш пройти стажування та отримати практичний досвід.

Програма курсу

Введення до курсу

• Привітання
• Огляд програми

Figma

• Комп'ютерна графіка
• Переваги та недоліки Figma
• Робочий інтерфейс
• Інструменти: Objects
• Інструменти: Mask
• Інструменти: Boolean Groups
• Інструменти: Images
• Стилі та їх використання
• Layer ефекти: Blend Modes
• Layer ефекти: Shadow та Blur
• Групування: Group
• Групування: Frame
• Групування: Section
• Групування: Auto Layout
• Групування: Components
• Layout Grid
• Variables
• Інтерактивні макети
• Бібліотеки компонентів
• Плагіни
• Експорт

Основи UI

• Ціль UI дизайну
• Композиція: Основи
• Композиція: Принципи
• Композиція: Сітка
• Типографіка
• Теорія кольорів
• Типи UI Components
• UI Components: База
• UI Components: Вибір елементів
• UI Components: Навігація
• UI Components: Статичні
• UI Components: Інше
• UI Kits

Основи UX

• Ціль UX дизайну
• Закони UX
• 10 евристик юзабіліті Якоба Нільсена
• Доступність та WGAG стандарти (рівні А, АА та ААА)
• Дизайн процес: Аналіз ТЗ
• Дизайн процес: Аналіз ідей
• Дизайн процес: Аналіз аудиторії
• Дизайн процес: Аналіз конкурентів
• Дизайн процес: User Flow
• Дизайн процес: Підбір референсів
• Дизайн процес: Прототипування
• Дизайн процес: Розробка дизайну
• Дизайн процес: Адаптиви
• Дизайн процес: Підготовка макетів для розробників
• UX та веб-додатки

Додаткові інструменти

• FigJam, Miro
• Notion
• Adobe Photoshop
• Adobe Lightroom
• Adobe Illustrator
• Blender
• Інші допоміжні ресурси для дизайну

Особливості курсу

• Допомога ментора
• Практика
• Сертифікат про проходження курсу
• Чат спільноти
• Вебінари та додаткові матеріали
• Заняття з англійської
• Стажування для найкращих студентів