Онлайн-курс Веб-дизайн

Длительность: 1 неделя.

• Что такое дизайн и кто такой дизайнер?
• Основные задачи и навыки UX/UI-дизайнера
• Различия между UX и UI

В этом модуле вы познакомитесь с ключевыми понятиями UX, UI и Usability, научитесь проводить конкурентный анализ и сегментировать целевую аудиторию. Освоите методы JTBD и User Story для понимания потребностей пользователей. Научитесь проектировать User Flow и CJM, чтобы визуализировать взаимодействие с продуктом. Изучите основные законы UX и принципы создания удобных интерфейсов, включая эвристики Нильсена и работу с UI-китами Длительность: 2 недели.

• Основные понятия: UX, UI, Usability
• Конкурентный анализ
• Работа с целевой аудиторией
• Концепция Jobs to Be Done и составление пользовательских историй
• Пользовательский сценарий (User Flow)
• Customer Journey Map
• Принципы и законы UX

Длительность: 3 недели.

• Знакомство с программой Figma
• Основные инструменты Figma
• Работа с Frame
• Создание и настройка простых фигур

В этом модуле вы научитесь профессионально работать с графическими элементами в Figma: добавлять и редактировать изображения, применять маски и эффекты, настраивать шрифты и создавать структурированные макеты с помощью сеток Длительность: 2 недели.

• Работа с изображениями
• Основы работы со шрифтами
• Настройка сетки для макета

В этом модуле вы научитесь систематизировать дизайн-проекты с помощью UI-kit, освоите Auto Layout для создания динамичных интерфейсов и изучите работу с компонентами и их вариантами для быстрого внесения изменений в проекты Длительность: 2 недели.

• Работа со стилями и создание UI-kit
• Основы Auto Layout
• Компоненты и их варианты

В этом модуле вы познакомитесь с дополнительными инструментами Figma, которые расширят ваши возможности в дизайне. Научитесь работать с FigJam для командной работы, освоите прототипирование и анимацию интерфейсов, а также узнаете, как использовать плагины для ускорения и автоматизации задач Длительность: 1 неделя.

• Работа с FigJam
• Инструменты прототипирования, анимации и Figma Mirror
• Плагины Figma: обзор и применение

Длительность: 2 недели.

• Основы композиции
• Правила золотого сечения и третей
• Композиционный центр

В этом модуле вы познакомитесь с основами теории цвета и научитесь работать с цветовыми моделями (RGB, CMYK, HSB). Узнаете, как использовать цветовой круг Иттена и создавать гармоничные цветовые схемы. Поймёте, как цвет влияет на эмоции и восприятие, и научитесь учитывать психологические и культурные аспекты при выборе палитры. Освоите практические навыки подготовки цветовой палитры для реальных проектов Длительность: 2 недели.

• Теория цвета и её свойства
• Цветовой круг и цветовые схемы
• Психология восприятия цвета
• Подготовка цветовой палитры для проекта

Длительность: 2 недели.

• Введение в типографику
• Основные определения и классификация
• Практические советы по типографике
• Сервисы, лицензии и плагины для работы со шрифтами
• В этом модуле вы познакомитесь с основами типографики и её ролью в дизайне. Узнаете ключевые термины: шрифт, гарнитура, кернинг и интерлиньяж. Научитесь настраивать параметры текста для лучшей читаемости. Разберёте классификацию шрифтов и правила их сочетания. Освоите инструменты для работы с типографикой, включая Figma-плагины и сервисы подбора шрифтов

Длительность: 1 неделя.

• Важность изображений на сайте и их влияние на восприятие контента
• Как правильно подобрать изображение
• Бесплатные и платные ресурсы для поиска фото и иллюстраций

В этом модуле вы научитесь проводить брифинг с клиентом и составлять ТЗ для проекта. Освоите методы работы с референсами и мудбордами для вдохновения и визуализации идей. Проведёте аналитику: изучите конкурентов, целевую аудиторию и спроектируете CJM для улучшения пользовательского опыта Длительность: 1 неделя.

• Брифинг и работа с техническим заданием (ТЗ)
• Сбор референсов и создание мудбордов
• Аналитика и исследование конкурентов и целевой аудитории

Длительность: 2 недели.

• Прототипирование и его цели
• Виды прототипов

Длительность: 2 недели.

• Анимация в Figma
• Подготовка проекта к передаче разработчикам
• В этом модуле вы разберётесь в принципах адаптивного дизайна и научитесь проектировать интерфейсы для разных устройств. Освоите создание анимаций в Figma, чтобы оживлять интерфейсы и улучшать пользовательский опыт. Узнаете, как правильно готовить и передавать макеты разработчикам, чтобы избежать ошибок при реализации

В этом модуле вы познакомитесь с платформой Tilda, научитесь создавать сайты с нуля — от выбора шаблона до кастомизации в Zero Block. Узнаете, как адаптировать дизайн под мобильные устройства, настраивать SEO и аналитику, а также правильно передавать проект заказчику Длительность: 3 недели.

• Знакомство с Tilda: интерфейс, возможности и примеры сайтов
• Быстрый старт: работа с шаблонами и стандартными блоками
• Zero Block: создание уникальных дизайнов и сложных структур
• Адаптивность: настройка под разные устройства и импорт из Figma
• Публикация сайта: SEO, аналитика, формы и передача клиенту

В этом модуле вы научитесь выстраивать профессиональное взаимодействие с клиентами: от коммуникации до презентации готовых проектов. Узнаете, как создать сильное портфолио и где искать работу в дизайне. Разберетесь, как развиваться в профессии, практиковаться и находить вдохновение Длительность: 1 неделя.

• Работа с клиентом: коммуникация, формирование ожиданий, оплата, презентация проектов
• Карьера дизайнера: создание и оформление портфолио, поиск работы
• Развитие дизайнера: пути роста, практика, рекомендации

Удостоверение о повышении квалификации