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

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

• 1. Знакомство с Figma.
  2. Основные инструменты Figma.
  3. Иконки, иллюстрации и картинки.
  4. Компоненты.
  5. Библиотеки компонентов и общие стили.
  6. Auto Layout и Variants.
  7. Сложные многостраничные документы.
  8. Дополнительные возможности и сообщество авторов.
  9. Подготовка макета для разработчиков.

Практический курс для освоения веб-дизайна, построенный на реальных задачах. Выбирайте интересные задания, выполняйте их, набирайте баллы и переходите на новый уровень. Вас ждут проекты от 7 заказчиков, а ещё до 10 работ в портфолио. Вы сможете создать дизайн для:

• 1. сообщества ВКонтакте, карты маршрута и лонгрида для ed-travel-проекта «Воробушки»;
  2. сообщества на Facebook*, карты маршрута, лонгрида и лендинга для современного бюро путешествий Sapon Advisor;
  3. YouTube-канала и заставки для видео, лонгрида и лендинга для кулинарной школы Seven Seeds;
  4. профиля и раздела «Актуальное» (Highlights) в Instagram*, письма e-mail рассылки и лендинга для дизайн-студии «Уютная квартира»;
  5. сайта и интернет-магазина для Музея транспорта Москвы;
  6. сайта и интернет-магазина для проекта с роботами-«барменами» Botlegger;
  7. сайта и интернет-магазина для шоу-игры «Кто круче?»;
  8. сайта с интернет-магазином женской одежды YES;
  9. сайта сервиса для бронирования коворкингов «Уголок».

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

• 1. Профессия дизайнера в эпоху цифровых перемен.
  2. Дизайн-мышление.
  3. UX-проектирование. Паттерны и психология пользователей.
  4. Удобный интерфейс.
  5. Основы юзабилити.
  6. Юзабилити-тестирование.
  7. Сервисный дизайн.
  8. Формы и UX-исследования.
  9. Бонус-модуль. Кейс по сервисному дизайну.
  10. E-commerce.
  11. UI, или визуальная концепция.
  12. Дизайн-системы и паттерны.
  13. Мобильный UX/UI.
  14. Текст в интерфейсе.
  15. Бонус-модуль. Проектирование для юридических лиц.
  16. Дизайн на основе данных.
  17. A/B-тесты.
  18. Работа над проектом.
  19. Составление кейса на Behance.
  20. Успешная презентация.
  21. Бонус-модуль. UX + Agile.
  22. Карьера в UX.

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

• 1. Введение в Photoshop.
  2. Инструменты.
  3. Работа с файлами и изображениями.
  4. Принципы работы со слоями и масками.
  5. Бонус-модуль. Выделение и маски.
  6. Работа со слоями.
  7. Эффекты.
  8. Продвинутые приёмы обтравки и ретуши.
  9. Принципы построения растровых изображений.
  10. Бонус-модуль. Как освоить Pen tool.
  11. Практика коллажирования для создания Key Visual.
  12. Бонус-модуль с Михаилом Никипеловым.
  13. Бонус-модуль с Павлом Ярцом.
  14. Создание постера.

Изучите один из самых распространённых редакторов векторной графики. Сможете работать с текстом, цветом и 3D-эффектами.

• 1. Знакомство с Adobe Illustrator.
  2. Работа с фигурами.
  3. Основные принципы работы с цветом и текстом.
  4. Работа с текстом. Инфографика.
  5. Создание паттернов.
  6. Создание сложной иллюстрации. Символы.
  7. 3D-эффекты в Adobe Illustrator.

Познакомитесь с особенностями дизайна для мобильных устройств. Узнаете, как адаптировать приложение под разные экраны и системы, как проектировать интерфейс для девайсов с сенсорным вводом.

• 1. Специфика мобильных платформ.
  2. Введение в проектирование.
  3. Адаптация под разные платформы.
  4. Проработка экранов и UX-тестирование.
  5. Иконки и иллюстрации в мобильных приложениях.
  6. Проектирование интерфейса.
  7. Интерфейсная анимация и motion-дизайн в мобильных приложениях.
  8. Запуск продукта.
  9. Развитие продукта.

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

• 1. Введение.
  2. Анимация и её настройки.
  3. Скролл, драг и пейдж.
  4. Управление анимацией при помощи драйверов.
  5. Разбор проектов компании AIC.
  6. Импорт готовой работы.

Познакомитесь с Adobe After Effects и научитесь анимировать отдельные элементы макета и создавать эффектные интерфейсные ролики.

• 1. Введение в motion-дизайн.
  2. Знакомство с Adobe After Effects.
  3. Анимация сложных векторных объектов.
  4. Работа с шаблонами и футажами, цветокоррекция.
  5. Создание роликов для интерфейсов.

Научитесь делать красивые и функциональные сайты на конструкторе Tilda.

• 1. Введение.
  2. Начинаем работу с Tilda.
  3. Оформление сайта.
  4. Обложки и слайдеры.
  5. Меню.
  6. Формы и кнопки.
  7. ZERO-блок.
  8. ZERO-блок 2.
  9. Кастомный код.
  10. Блоги и новости, лонгриды.
  11. Интернет-магазин.
  12. Мобильная версия.
  13. Аналитика.
  14. Приём данных форм, CRM.
  15. Подготовка к запуску.
  16. Работа с клиентом.

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

• 1. О Readymag.
  2. Настройки проекта.
  3. Сетка и композиция..
  4. Работа с изображениями, видео, музыкой.
  5. Текст.
  6. Кнопки, формы, shots.
  7. Анимация и код.
  8. Адаптивность и публикация.

Отточите конкретные навыки на дополнительных практических занятиях. Каждая такая встреча — это +1 проект в портфолио.

Будете работать над большим проектом под присмотром опытного руководителя. Всё как в реальных буднях веб-дизайнера.

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

• 1. Позиционирование и личный бренд.
  2. Упаковка себя: социальные сети.
  3. Упаковка себя: Behance и Dribbble.
  4. Поиск клиентов.
  5. Масштабирование.
  6. Бонус-модуль. Оформление документов.