Профессия Веб-дизайнер

Онлайн-курс от Skillbox, длительностью 24 месяца. Вы освоите веб- и UX-дизайн, научитесь презентовать идеи клиентам, создавать удобные сайты и работать с анимацией. Начнете карьеру в дизайне и сможете брать первые заказы уже после 4 месяцев обучения.

Основные курсы

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

  • Введение и первый результат
  • Бонус-модуль. Размеры в вебе и основные сочетания клавиш.
  • Бонус-модуль. Плагины
  • Тренды, подготовка, мудборды
  • Работа со стилями. Создание GUI
  • Главная страница, первые шаги
  • Основы работы с графикой
  • Бонус-модуль. Воркшоп с Сергеем Гуровым. Сетка и композиция в дизайне
  • Декомпозиция
  • Навигация и структура
  • Интересная подача информации
  • Формы и кнопки
  • Дизайн-системы
  • Адаптивность и мобильная версия
  • Цвета, настроение. Промостраница мероприятия
  • Декомпозиция промостраницы
  • Анимация в Figma
  • Презентация для клиента
  • Передача проекта в вёрстку
  • Первый кейс на Behance
  • Бонус-модуль. Введение в вёрстку

Веб-дизайн PRO

  • Специализация и личное позиционирование
  • Концептуальный дизайн
  • Бонус-модуль. Развитие дизайнера
  • Введение в UX
  • Портреты пользователей и CJM
  • Иконки
  • Типографика PRO
  • Бонус-модуль. Работа с данными от заказчика
  • Readymag
  • Продвинутая презентация
  • Бонус-модуль. Процесс работы над проектами дизайн-команды в РИА «Новости»
  • Копирайтинг
  • Cinema 4D + Blender
  • Adobe XD
  • Кейс на 1000 лайков
  • План развития дизайнера на три года
  • Информация о дипломном проекте

Figma

  • Введение в Figma. Обзор возможностей
  • Работа с графикой
  • Редактор Figma — модульные сетки и монтажные области
  • Создание и настройка компонентов, работа с эффектами
  • Создание вложенных компонентов. Auto Layout
  • Организация рабочего пространства компонентов и стилей. Командная работа, контроль версий и передача макетов в разработку
  • Прототипирование
  • Figma Animate
  • Бонус-модуль. Обзор и применение Figma plugins

UX-дизайнер с нуля до PRO

  • Профессия дизайнера в эпоху цифровых перемен
  • Дизайн-мышление
  • UX-проектирование. Паттерны и психология пользователей
  • Бонус-модуль. Удобный интерфейс
  • Основы юзабилити
  • Юзабилити-тестирование
  • Сервисный дизайн
  • Формы и UX-исследования
  • Бонус-модуль. Кейс по сервисному дизайну
  • Бонус-модуль. Проектирование CRM-систем
  • E-commerce
  • UI или визуальная концепция
  • Бонус-модуль. Дизайн-системы и паттерны
  • Мобильный UX/UI
  • Текст в интерфейсе
  • Бонус-модуль. Анимация элементов интерфейса
  • Бонус-модуль. Проектирование для юридических лиц
  • Дизайн на основе данных
  • Бонус-модуль. A/B-тесты
  • Бонус-модуль. Работа над проектом
  • Успешная презентация
  • Бонус-модуль. UX + Agile
  • Карьера в UX

Photoshop с нуля до PRO

  • Введение в Photoshop
  • Инструменты
  • Работа с файлами и изображениями
  • Принципы работы со слоями и масками
  • Бонус-модуль. Выделения и маски
  • Работа со слоями
  • Эффекты
  • Продвинутые приёмы обтравки и ретуши
  • Принципы построения растровых изображений
  • Бонус. Как освоить Pen tool
  • Практика коллажирования для создания Key-Visual
  • Бонус-модуль. Делаем из плохого сайта хороший
  • Бонус-модуль. Практика создания оригинальных мемов для социальных сетей
  • Создание постера
  • Введение в продвинутый курс
  • Технический дизайн
  • Обработка изображений и коллажирование PRO
  • Работа с текстом PRO
  • Практическое применение Photoshop
  • Расширенные возможности

Специализация (курс на выбор)

Дизайнер промосайтов

  • Что такое промосайт
  • Брифинг клиента
  • Креативная концепция
  • Бонус-модуль. Коллажирование баннера в Photoshop
  • Дизайн-концепция
  • Визуальный дизайн
  • Бонус-модуль. Дизайн-концепция главной страницы за два часа
  • Презентация дизайна клиенту
  • Бонус-модуль. Отрисовка внутреннего шаблона по готовой концепции
  • Анимация в дизайне
  • Креативный фронтенд
  • Бонус-модуль. Создание анимированного макета в Webflow
  • Итоговая презентация работы для дизайн-сообщества
  • Бонус-модуль. Перевод сайта на английский язык
  • Проекты международного уровня
  • Путь на мировой рынок

Рекламная графика

  • Вводная лекция: про профессию и отрасли применения знаний
  • Проекты с людьми: организация фотосессии, ретушь лица, волос и одежды
  • Особенности работы на международном рынке (Platinum FMD)
  • Работа в технике matte painting: создание скетчей без умения рисовать
  • Работа в технике matte painting: создание иллюстрации «Замок в лесу»
  • FAQ: полезные лайфхаки и приёмы в технике matte painting
  • Проекты с автомобилями: авто в движении
  • Проекты с автомобилями: работа с 3D-исходниками автомобиля и фона
  • Особенности работы со стеклом: организация фотосессии, подготовка исходников и ретушь
  • Съедобные проекты: фудстайлинг, фотосессия и ретушь. Проект с мороженым
  • Бонус-модуль. Спецпроект: день CGI
  • Бонус-модуль. Интервью с представителями студии Lightfarm Brazil

Дизайн мобильных приложений

  • Мобильная среда
  • Процесс работы над дизайн
  • Инструменты дизайнера мобильных интерфейсов
  • Старт проекта
  • Проектирование и UI/UX
  • Создание визуальной концепции
  • Принципы хороших интерфейсов
  • Работа с актуальными платформами
  • Тестирование и проверка гипотез
  • Подготовка материалов для разработки
  • Основы программирования для дизайнеров
  • Секреты презентации

Бонусный курс

Анимация интерфейса

  • Введение в Motion Design. Разновидности, применение
  • 12 принципов анимации Walt Disney Studios
  • Motion Design в интерфейсах
  • Программа AfterEffects
  • Иконки — погружение в мир микроанимации
  • Бонус-модуль. Экспорт анимации в код. Плагин Bodymovin
  • Прелоадеры
  • Material Design
  • Бонус-модуль. Звуки в интерфейсе
  • Principle
  • Webflow — инструмент прототипирования веб-интерфейсов
  • InVision Studio
  • Анимация статичной концепции
  • Видеобаннеры
  • Анимация концепции для презентации клиенту
  • Бонус-модуль. Анимация в вёрстке
  • Практика: разбор кейса «Уралсиба»
  • Чистая магия — создание продающего шоурила
  • Рабочие будни motion-дизайнера
  • Дьявол в деталях

Курсы на выбор

Sketch

  • Введение в Sketch
  • Работа с объектами
  • Workflow, symbols, text styles: работа с текстом и эффектами
  • Редактирование символов с помощью nested symbols, shape styles
  • Responsive, prototyping: настройка символов и артбордов
  • Библиотеки
  • Хардкор-дизайн при помощи Sketch за 45 минут
  • Импорт и анимация макета с помощью инструмента Framer

Principle

  • Знакомство с интерфейсом программы
  • Настройка анимации
  • Скролл, драг- и слайд-компоненты
  • Драйверы
  • Разбор креативных прототипов из практики AIC
  • Создание рабочего прототипа и видео

Cinema 4D

  • Введение в Cinema 4D
  • Subdivision-моделирование
  • Альтернативные способы моделирования
  • Render: свет, материалы и global illumination
  • Контрольное задание по пройденным темам
  • Анимация, MoGraph
  • Физика
  • Разбор удачных плагинов и финальная сборка проекта. c4d+AE, composing
  • Разбор кейсов

Дипломный проект

Дизайн сайта или приложения

Вы проанализируете целевую аудиторию и конкурентов, соберёте UI-kit, подготовите прототип и дизайн digital-продукта. Сможете работать над собственным проектом или с брифами реальных заказчиков из «Газпромбанка», «М.Видео», Yota, «Ситимобил», «Билайна», «Азбуки вкуса».

172 800 ₽
288 000 ₽

Актуальная стоимость обучения.

Данные обновлены 18 мая 2021 г.

Рассрочка: 3675 ₽ в месяц

  • 24 месяца
  • Сертификат об обучении
Перейти на страницу курса
Информация о школе

Skillbox — это онлайн-университет, организующий прикладные курсы и программы от главных экспертов рынка. Данная школа использует актуальные подходы к обучению, помогает работать над реальными проектами, стажироваться и трудоустраиваться в крупнейшие компании страны.
158 достоверных отзывов о школе Skillbox
Мы не нашли много отзывов конкретно про курс «Профессия Веб-дизайнер». Зато мы собрали 158 отзывов о школе Skillbox — они помогут вам получить общее представление о процессе обучения.