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

С нуля до 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: анимация интерфейса 

Выход в жизнь

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

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