JET School

Курс 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 разработчикам
  • Навыки презентации: объяснение ваших дизайнерских решений
  • Финальный проект

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Иса Садыгов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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