Веб-дизайн с нуля до middle
Научитесь создавать макеты интерфейсов студийного качества по современным стандартам. Получите необходимые знания и навыки для создания проектов уровня 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: анимация интерфейса
Выход в жизнь
Научимся формировать портфолио и узнаем, как презентовать свои работы.
- Кейсы для портфолио дизайнера
- Принципы презентации своей работы