GeekBrains. Факультет Веб-дизайна

Оставить заявку

Продолжительность курса

1 год

4990 руб. в месяц

Записаться
Метро

Метро

Уровень подготовки

Уровень подготовки

Начальный, Продвинутый, Профессиональный

slide 1

Возраст

Взрослые

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

Мы — онлайн-университет, который обучает веб-дизайну с нуля.
Студенты освоят не только hard skills, необходимые для работы веб-дизайнером, но и soft skills — навыки, которые позволят эффективно взаимодействовать в команде с менеджерами, разработчиками и маркетологами. Выпускники факультета могут успешно конкурировать с веб-дизайнерами уровня middle.
Наша цель — ваше трудоустройство
За время обучения вы получите навыки, необходимые в новой профессии. Выпускники факультета веб-дизайна будут разбираться не только в дизайне, но и в смежных областях (маркетинг, аналитика, верстка) и смогут чувствовать себя уверенно как на фрилансе, так и в кросс-функциональной команде.
Проектно-ориентированное обучение
В основе образовательной модели — работа дизайнера в кросс-функциональной команде. Студенты учатся не только решать прямые задачи веб-дизайнера, но и участвовать в мозговых штурмах с разработчиками и маркетологами. Итогом обучения будет понимания всего процесса создания дизайн-продукта: от идеи до продвижения.
Наставник
В течение всего обучения у вас будет личный помощник-куратор. С ним вы сможете быстро разобраться со всеми проблемами, на которые в ином случае ушли бы недели. Работа с наставником удваивает скорость и качество обучения.
Создание портфолио
За время учебы в GeekUniversity вы сможете создать портфолио из 3 работ.
Получите диплом о профессиональной переподготовке и сертификат
Мы проводим обучение на основании государственной лицензии № 040485. По результатам успешного завершения обучения выдаем выпускникам диплом о профессиональной переподготовке и электронный сертификат на портале GeekBrains и Mail.ru Group.
Удобная рассрочка
Полгода обучения за наш счет: разбиваем стоимость и первые полгода платим за вас.
Рассрочка до 36 месяцев: удобно вносить небольшие суммы.
Заказать звонок

Программа курса веб-дизайна

Программа курса GeekBrains. Факультет Веб-дизайна
  • 1 урок • Вводный вебинар
  • Figma 2.0. Введение и первые инструменты • Вебинар. Разбор работ и ответы на вопросы • Работа с функциями Auto Layout и Constraints • Создание прототипов и работа с компонентами • Вебинар. Итоговый разбор работ и ответы на вопросы
  • Adobe Illustrator для дизайнеров.Видеоурок. Быстрый старт • Итоги блока №1 "Быстрый старт" в прямом эфире • Видеоурок. Цвет • Итоги блока №2 "Цвет" в прямом эфире • Видеоурок. Сложные формы и построения • Итоги блока №3 "Сложные формы и построения" в прямом эфире • Видеоурок. Магия эффектов • Итоги блока №4 "Магия эффектов" в прямом эфире • Видеоурок. Работа с текстом • Итоги блока №5 "Работа с текстом" в прямом эфире • Видеоурок. Работа с файлами • Итоги блока №6 "Работа с файлами" в прямом эфире • Видеоурок. Бонусы
  • Adobe Photoshop. Основы. Интерактивный курс. Введение в программу. Базовые инструменты. Пиксель-арт • Инструмент перемещения. Геометрические фигуры. Заливка цветом, градиент. Текст. • Слои — это основа всего. Инструменты кадрирования и выделения. Выделение. Волшебная палочка, лассо. Выделение пером • Маски. Трансформация и деформация • Делаем макет. Девушка с цветами • Делаем макет. Огненный шрифт • Редактирование портрета. Восстановление старого фото • Редактирование портрета. Вырезаем волосы • Фильтры. Неоновая вывеска • Gif-анимация • Как сделать простые 3D-объекты. Смарт-объекты. Как сделать объемный шрифт/иконку/лого. /Реалистичное 3D.Создаём рекламный макет для смартфона. • Как настроить рабочий стол в фотошопе. Создание рекламного принта. Подготовка к печати.
  • Дизайн как индустрия.Вводная лекция • Зачем веб-дизайнерам исследования? • Выстраиваем процесс исследований • Бриф для исследования. Определяем целевую аудиторию • Сценарий исследования: ищем идеи для дизайна • Поиск идей с помощью количественных исследований • Поиск идей с помощью качественных исследований • Аналитика поисковых исследований • Что делать дальше
  • Основы веб-дизайна. Во второй четверти студенты освоят основы веб-дизайна: колористику, типографику, композицию и модульные сетки. Научатся подбирать референсы и визуализировать свои идеи. Перенесут практические решения, которые сформулировали в первой четверти, в адаптивный макет. РЕЗУЛЬТАТ Умение сделать лендинг в Figma Навык создания вторичных страниц и перелинковки Опыт UI-редактуры Владение InVision
  • История дизайна.Начало начал • Авангард • Модернизм • Постмодерн • Современный дизайн • Имена и школы • Применение полученных знаний
  • Основы веб-дизайна. Вводная лекция. Знакомство с графическим и веб-дизайном • Навигация и структура • Тренды, подготовка, мудборды • Прототипирование • Видеоурок. Контент и UI редактура • Композиция • Принцип близости и правило внутреннего и внешнего • Модульные сетки • Практикум • Основы типографики • Типографика в веб-дизайне • Колористика • Разбор частых ошибок • Адаптивный дизайн • Как оформить работу в портфолио • Итоговая работа
  • InVision. Интерактивный курс. Onboarding • Board • Build-in • Freehand • InVision App
  • Адаптивный дизайн.Что такое веб дизайн сегодня и почему сайт должен быть адаптивным • Сетка под разные типы устройств • Как работать со шрифтом и цветом • Как адаптировать контент: текст, таблицы, каталоги, списки, картинки, иконки • Интерактивные элементы: ссылки, кнопки, меню, всплывающие подсказки • Как грамотно подготовить макет для передачи в разработку: технические вопросы и «нарезка» макета • Как оживить интерфейс: внедряем анимации и жесты • Рефлексия курса
  • UX/UI дизайн. В третьей четверти студенты научатся создавать удобные продукты, которые решают конкретные потребности аудитории. Узнают, как строить гипотезы, проводить анализ результатов, тестировать и считать эффективность дизайна: метрики, конверсии, воронки, KPI. РЕЗУЛЬТАТ Знание цикла создания продукта с нуля Умение проводить конкурентный анализ, продумывать концепцию и позиционирование Опыт проектирования UI-kit Навык создания портфолио и оформление кейса Владение Adobe Illustrator
  • Основы UX. Вводная лекция • Типы исследований и задачи, которые решают исследования, поведение интервьюера • Качественные (CustDev) • Количественные (цифры) • Исследование конкурентов • Методологии проектной работы • Аудитория User story • Генерация гипотез • Приоритизация гипотез • Способы проверки гипотез. Занятие 1 • Способы проверки гипотез. Занятие 2 • Начало работы над проектом CJM Тригеры, ограничения • Информационная архитектура Функциональная архитектура и сценарии пользования • Воркшоп по архитектурам • Прототип (в фигме) Тестирование (как провести) • Анализ результатов и фидбека • Q&A
  • Практический блок
  • Аналитика для дизайнера.Что такое аналитика и зачем она дизайнеру? Целеполагание и формы взаимодействия с коллегами • Изучаем бизнесовые метрики • Инструменты веб-аналитики • А/В тестирование • Анализ поведения пользователей • UX при помощи инструментов веб аналитики • Что такое CJM и его разновидности. Визуализация данных • Т/з для аналитика Резюме • Финальное занятие
  • After Effects. Базовый уровень.Знакомство с ПО Adobe After Effects • Shape layers • Маски, режимы наложения, эффекты • Текст • Камера, 3D • Знакомство с ПО Cinema 4D • Анимация текста в Cinema 4D. Объект MoText, эффекторы • Cinema 4D. Объекты группы Motion Graphics • Взаимодействие Cinema 4D и After Effects Передача макета в разработку
  • Adobe After Effects. Продвинутый уровень. Выражения в After Effects • Персонажная анимация • Частицы в After Effects • Учимся привязывать графику к видео, снятому на нестатичную камеру. • Трекинг в Mocha After Effects • Кеинг в After Effects • Ротоскоп
  • Основы вёрстки для веб-дизайнера.Введение. Разбор макета для вёрстки • Основы языка разметки документов HTML • Основы языка оформления стилей документа CSS • Формирование блочной модели • Работа с макетом • Позиционирование элементов • Адаптация макета под планшетные устройства • Создание адаптивного сайта • Стандарты web и вспомогательные инструменты • Разбор макета для верстки
  • Адаптивный дизайн и основы верстки.Студенты освоят основы верстки и смогут создавать адаптивный дизайн для разных носителей: десктоп, мобильные устройства, планшеты. Четверть завершится блоком «Целеполагание», который поможет построить план вашего развития в веб-дизайне. РЕЗУЛЬТАТ Умение создать адаптивный сайт Знание основ HTML и CSS Навык размещения сайта Владение Principle, Adobe After Effects и Framer Определение профессиональных целей План развития карьеры в веб-дизайне
  • Тренды и целеполагание в дизайне. Вводная лекция • С эйчаром • Структура современного веб-дизайна и тенденции развития Режимы работы дизайнера в разных командах • Брендинг и графический дизайн • Продуктовый дизайн • Скетчинг • Иллюстрация • 3D дизайн • Интерактивный дизайн • Рефлексия
  • Итоговая дипломная работа.Брифинг • Питчинг проектов • Консультация. Исследования • Финальная консультация по исследованиям. Брифинг на следующий этап • Сдача ДЗ • Консультация по прототипам и CJM • Консультация по дизайну • Промежуточная защита • Итоговая защита
  • Курсы вне четверти Воркшоп: «Разработка нового бренда с нуля» 1 неделя, 1 урок • Разработка нового бренда с нуля Воркшоп «Брифинг клиента» 1 неделя, 1 урок • Брифинг клиента Воркшоп: «Креативное поле чудес» 1 день, 1 урок • Креативное поле чудес Воркшоп: «Создание приложения» 1 неделя, 1 урок • Создание приложения Марафон. Дизайн 1 месяц, 19 уроков • Командная работа, групповая сессия с ментором • Брифинг. Брифинг с заказчиком. Исследования и чек-лист • Гайд исследований • Конкурентный анализ • Гайд по качественным исследованиям. Интервью • Интервью • Сборка страт-брифа. Какую потребность какой ЦА решаем • Защита страт-брифа • Креативная сессия по генерации идей • Формулировка идей в гипотезы • Создание прототипа • Готовый прототип • Коридорные исследования • Доработка проекта • Питчинг проектов • Закрытая защита проекта • Консультация по исследованиям • Консультация по концепциям • Итоговая защита Онлайн-конструкторы сайтов: Tilda 1 месяц, 6 уроков • Вводная лекция. Знакомство с конструкторами • Создание лендинга из готовых шаблонов • Zero block. Как собрать лендинг без шаблонов • Навигация и настройки сайта • Адаптивный дизайн в тильде • Анимация
Читать подробнее Скрыть

Отзывы о курсе

Рейтинг: 5 (26 отзывов)
Качество обучения
Программа курса
Преподаватели
Расположение
Помещение и инфраструктура школы
Соотношение цена/качество

Остались вопросы?

Оставьте свой номер и мы вам перезвоним!

Оставить заявку
Фотографии, видео, текст взяты из открытого источника - https://geekbrains.ru/geek_university/web-design. Автор произведений не известен. Данные материалы используются исключительно в информационных, учебных и новостных целях.
Оставьте ваши контактные данные и мы перезвоним в течение 12 минут!
Нажимая на кнопку, вы соглашаетесь с Политикой конфиденциальности и даете согласие на обработку персональных данных.