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

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

Веб-дизайн с нуля до middle
Цена
59900
5 месяцев5 месяцев
Сертификат гос. образцаСертификат гос. образца
РусскийРусский
Нетология

Описание:

С нуля до middle-уровня

Множество существующих курсов по дизайну предоставляет только общую базу узкой специальности. Это приводит к тому, что выпускники не могут получить работу выше junior-уровня. Но рынку нужны middle-специалисты. Поэтому наш курс не только учит основам веб-дизайна и базовому инструменту Figma, но и знакомит с основами 3D-графики в Cinema 4D — эти знания помогут выпускникам брать в работу более сложные и интересные проекты уровня middle.

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

Кому подойдёт курс 

  • Новичкам. Узнаете, как создаются качественные визуальные интерфейсы, получите необходимые навыки для старта в дизайне интерфейсов и сформируете портфолио. 
  • Дизайнерам. Прокачаете навыки создания визуальных интерфейсов и переквалифицируетесь в UI-дизайнера, познакомитесь с механикой работы в дизайн-студиях. 
  • Фронтенд-разработчикам. Научитесь самостоятельно создавать интерфейсные решения и сможете без посредников в одиночку выполнять полноценные решения для клиентов. 

Вы научитесь

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

Программа курса:

Этапы создания дизайна

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

  • Роль визуального дизайна и этапы создания дизайна
  • Пользовательский опыт. Разбор кейсов
  • ПрототипированиеКомпозиция и сетка
  • Типографика и цвет
  • Практика: разработка концепта в Figma
  • Разбор кейсов
  • Адаптивный дизайн
  • Практика: адаптивный дизайн
  • Систематизация дизайна
  • Intro Adobe Illustrator
  • Intro Adobe Photoshop
  • Практика: разработка концепта в Adobe Photoshop

Работа с объектами и библиотеками в Figma

Познакомимся с приёмами работы в графическом редакторе. Рассмотрим инструменты, научимся работать с объектами и разберём возможности программы Figma.

  • Введение. Создание макета: cетка, грид, цветовые стили, шрифт, компоненты
  • Создание макета: текстовые стили, прототипирование
  • Библиотеки, live device preview, плагины, экспорт объектов 

Создание 3D-графики в Cinema 4D

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

  • Введение, обзор возможностей Cinema 4D
  • Основы работы с объектами, логика интерфейса
  • Subdivision-моделирование
  • Альтернативные способы (2 занятия)
  • Рендер: свет, материалы и global illumination
  • Arnold render (2 занятия)MoGraph
  • Анимация и физика
  • Применение Cinema 4D в вебе и брендинге

Анимация интерфейсов в After Effects и Principle

Познакомимся с программой для редактирования видео и динамических изображений, разработки композиций, анимации и создания различных эффектов. Рассмотрим возможности анимации интерфейса и интеграции с Cinema 4D.

  • AE: введение
  • AE: анимация элементов интерфейса (2 занятия)
  • AE: работа с 3D-пространством и интеграция с Cinema 4D
  • Principle: анимация интерфейса 

Выход в жизнь

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

  • Кейсы для портфолио дизайнера
  • Принципы презентации своей работы