Курс UI/UX дизайна

uiuxfigmauser interfacedesignwireframeprototypewebweb site designweb app design

Описание курса

UI/UX Дизайн Курс предназначен для подростков в возрасте от 11 до 17 лет и представляет собой 6-месячную практическую и творчески ориентированную образовательную программу, проходящую в формате 3 занятий в неделю (каждое по 2 часа, 2 очных + 1 онлайн).

Программа охватывает шесть основных модулей:

  1. Основы UI/UX и Figma – Интерфейс Figma, фреймы, цвет, типографика и визуальная иерархия.
  2. Адаптивный дизайн и система стилей – Мобильные, планшетные и десктопные версии, сетки и системы стилей, плагины Figma.
  3. Компоненты и дизайн-системы – Компоненты, переменные, эффекты и система Material Design.
  4. Пользовательское исследование и основы UX – Дизайн-мышление, методы пользовательских исследований, персоны, принципы доступности.
  5. Дизайн мобильных приложений и Wireframing – Пользовательские потоки, wireframe и low-fidelity дизайн. Студенты работают над реальными проектами.
  6. Прототипирование и создание портфолио – Интерактивные прототипы, микро-взаимодействия, командная работа и Behance-портфолио. С финальным проектом создается полнофункциональный дизайн.

Учебный процесс построен полностью практически — студенты работают над реальными проектами, пошагово изучают процесс дизайна различных приложений и сайтов, развивают как UI, так и UX навыки, используя новую технологию искусственного интеллекта Figma — инструмент Make AI. Этот инструмент преобразует статические дизайны в интерактивные прототипы и функциональный код с помощью простых текстовых запросов, ускоряя процесс дизайна. Таким образом, студенты реализуют проекты более эффективно и современно, используя инновационные AI-технологии.

Курс не только обучает студентов инструментам дизайна — он также развивает креативность, аналитическое мышление, визуальную коммуникацию и навыки решения проблем, создавая прочный фундамент для будущей профессиональной карьеры в области UI/UX.

  • Что такое UI/UX дизайн? Введение в Figma
  • Основы Figma
  • Что такое Frame и как им пользоваться ?
  • Цвета, теория цвета. Как применять в дизайне?
  • Основы типографики: шрифты, иерархия, читабельность
  • Простой дизайн-проект
  • Инструменты и ресурсы Figma
  • Переключиться на адаптивный дизайн — версия для настольных компьютеров
  • труктура дизайн-файла, создание страницы руководства по стилю (style guide)
  • Mobile дизайн
  • Дизайн планшета
  • Простой адаптивный дизайн целевой страницы сайта
  • Figma плагины и полезные плагины
  • Многостраничный адаптивный дизайн
  • Введение в компоненты
  • Свойства компонентов
  • Что такое Grid и как применяется в дизайне
  • Эффекты, градиенты, работа с изображениями
  • Переменные (variables) и стили
  • Spacing, radius, opacity, position
  • Что такое дизайн-система? О материал дизайн-системе
  • Создание собственной дизайн-системы
  • Процесс дизайн-мышления: Empathize, Define, Ideate, Prototype, Test
  • Методы исследования пользователей (interviews, surveys)
  • Создание пользовательских персон в Figma
  • Основы доступности: дизайн для всех
  • Мини-проект: Исследуйте и создайте персонажи для приложения Study Planner
  • Презентация результатов исследования и обсуждение идей
  • Создание дизайна мобильного приложения
  • Информационная архитектура: логическая организация контента
  • Пользовательские flow: картирование пользовательских путей через интерфейсы
  • Введение в Wireframing: low-fidelity дизайн
  • Мини-проект: Подготовка wireframe для мобильного приложения доставки
  • Мини-проект: разработка мобильного банковского приложения
  • Введение в прототипирование: делаем дизайны интерактивными
  • Микро-взаимодействия: hover effects, button states, loading
  • Как создавать различные типы слайдеров
  • Командная работа в Figma: шеринг, комментирование, разрешения и создание профессионального профиля на Behance для дизайн-портфолио
  • Контроль версий и как должен передаваться design handoff разработчикам
  • Навыки презентации: объяснение ваших дизайнерских решений
  • Финальный проект

Требуемые навыки

Пользование компьютером

Пользователи, владеющие компьютером на хорошем уровне

Знание английского языка

Знания английского языка на начальном уровне

Логическое мышление

Способные анализировать проблемы и находить верные решения

Возрастной диапазон: 11–16 лет

Подходит для детей и молодежи

Преподавательский состав

Team member Расим Исмаилов

Расим Исмаилов

Преподаватель по курсу Python Back-End программирования

Team member Эмиль Намазалиев

Эмиль Намазалиев

Преподаватель основ IТ

Team member Инджи Гусейнли

Инджи Гусейнли

Преподаватель по Веб-Программированию и Дизайну

Team member Фируддин Алиев

Фируддин Алиев

Преподаватель основ IТ

Team member Шукран Мамедов

Шукран Мамедов

Преподаватель по Веб Программированию

Team member Арзу Юсифзаде

Арзу Юсифзаде

Преподаватель Веб-программирования

Team member Гусейнага Гурбанов

Гусейнага Гурбанов

Предподаватель основ IТ

Team member Эльчин Гулиев

Эльчин Гулиев

Преподаватель Python Back-End программирования

Team member Саадат Шукюрлю

Саадат Шукюрлю

Предподаватель по Веб-Программированию и Дизайну

Team member Иса Садыгов

Иса Садыгов

Преподаватель Веб-программирования

Team member Орхан Гасымов

Орхан Гасымов

Преподаватель по Кибербезопасности

Team member Бановша Махаррамова

Бановша Махаррамова

Преподаватель робототехники

Team member Гусейн Эйвазов

Гусейн Эйвазов

Преподаватель по Кибербезопасности

Team member Джамал Велиев

Джамал Велиев

Преподаватель Веб-программирования

Team member Фарид Сафаров

Фарид Сафаров

Преподаватель по Кибербезопасности

Team member Мирисмайл Садигов

Мирисмайл Садигов

Преподаватель по Кибербезопасности

Записаться на курс

Наши другие курсы