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

• Введение в профессию UX/UI-дизайнера
• Основные задачи и роль 
• Проекты веб-дизайнера: лендинг, сайт-визитка, интернет-магазин
• Этапы работы над проектом 

Узнаете, чем занимается web-дизайнер, какие задачи он решает. Разберетесь в видах сайтов — от лендингов до интернет-магазинов, и поймете, как проходит работа над проектом на каждом этапе. Подготовитесь к первым шагам в профессии 

• Основные понятия: UX, UI, Usability
• Конкурентный анализ
• Работа с целевой аудиторией (ЦА) и метод персон
• Jobs to be done и User story
• Пользовательские сценарии (User flow)
• Customer journey map
• Принципы и законы UX. UX-паттерны

Вы научитесь применять UX-паттерны для создания удобных интерфейсов, проводить конкурентный анализ, работать с аудиторией и разрабатывать пользовательские сценарии для решения реальных задач продукта

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

Научитесь уверенно работать в Figma — создавать дизайн-макеты под разные цели. Освоите структуру проектов, сможете быстро адаптировать визуальные элементы и эффективно управлять текстовыми блоками для решения задач клиента

• Работа с изображениями: маски, режимы наложения, эффекты
• Работа с текстом: шрифты и их настройка
• Работа с сеткой: типы сеток и их настройка

Научитесь подсвечивать ключевые элементы дизайна с помощью визуала. Навык работы с графическими элементами поможет усилить пользовательский опыт и сделать взаимодействие с продуктом понятным и приятным 

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

Научитесь ускорять процесс создания и редактирования дизайна в своих проектах

• Работа с FigJam
• Прототипирование и анимация (Prototype) + Figma Mirror
• Плагины Figma: обзор и применение

Модуль про автоматизацию рабочих процессов: от визуализации идей с командой в реальном времени до тестирования макетов на разных устройствах

• Основы композиции в дизайне
• Правила композиции
• Принципы гештальта в дизайне

Научитесь использовать композицию для правильного размещения элементов на макете, чтобы улучшить восприятие информации и сделать интерфейс понятным и удобным для пользователя

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

Научитесь управлять вниманием и настроением пользователей с помощью цвета в дизайне

• Введение в типографику
• Основные определения и классификация
• Практические советы по типографике
• Сервисы, лицензии и плагины для работы со шрифтами

Научитесь подавать информацию в интерфейсе с помощью текста 

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

Научитесь подбирать и редактировать изображения, а также работать с иконками 

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

Научитесь понимать задачи проекта на старте, чтобы закрывать потребности клиента и пользователей

• Прототипирование: инструменты и практические советы
• Создание дизайн-концепции
• Отрисовка страниц

Научитесь разрабатывать структуру проекта, превращать идеи в визуальные решения и отражать цели и задачи заказчика на страницах сайта 

• Адаптивный дизайн и создание мобильных версий
• Анимация в Figma
• Подготовка проекта к передаче разработчикам

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

• Интерфейс Tilda и основные инструменты
• Создание лендинга из шаблонов
• Работа в Zero Block
• Адаптивность, настройка сайта и домена
• Публикация сайта и работа с клиентом

Научитесь работать с Tilda: собирать сайт на шаблонах и в Zero Block, настраивать адаптивность и домен, и проверять проект перед сдачей клиенту

Познакомитесь с основными инструментами Photoshop, необходимыми для веб-дизайна. Научитесь работать со слоями, масками, стилями и подготавливать макеты к печати.

• Введение Adobe Photoshop

• Основы интерфейса и работа с файлами

• Работа со слоями, масками и стилями

• Цветокоррекция и ретушь фотографий

• Создание векторной графики и типографики

• Подготовка макетов для печати и автоматизация процессов

• Создание GIF-анимации

• Постановка реалистичной карьерной цели
• Самооценка и анализ профессионального пути
• Разбор нетипичных случаев: долгий перерыв в работе, декрет, смена трека
• Создание резюме, которое понравится рекрутерам
• Анализ рынка и поиск вакансий
• Адаптация сопроводительного письма
• Подготовка к собеседованию с HR и командой

Итог: Поймёте возможности рынка и выберете варианты на основе интересов и опыта. Узнаете, как описать свои достижения с учётом всех нюансов. Научитесь интересно рассказывать о себе и своём опыте.